/
index.js
52 lines (42 loc) · 1.02 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
import { LitElement, html, css, unsafeCSS } from 'lit-element';
import { classMap } from 'lit-html/directives/class-map';
import popupContentCSS from './index.scss';
import { applyDefaults } from '../../../../utils/with-react';
class AXAPopupContent extends LitElement {
static get tagName() {
return 'axa-popup-content';
}
static get styles() {
return css`
${unsafeCSS(popupContentCSS)}
`;
}
static get properties() {
return {
open: { type: Boolean },
};
}
constructor() {
super();
applyDefaults(this);
}
render() {
const { open } = this;
const wrapperClasses = {
'a-popup__wrapper': true,
'a-popup__wrapper--open': open,
};
const contentClasses = {
'a-popup__content': true,
'a-popup__content--open': open,
};
return html`
<div class="${classMap(wrapperClasses)}">
<article class="${classMap(contentClasses)}">
<slot></slot>
</article>
</div>
`;
}
}
export default AXAPopupContent;