| 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 | | class CardComponent extends HTMLElement {  |  |     constructor() {  |  |         super();  |  |   |  |         const shadowRoot = this.attachShadow({mode: "open"});  |  |   |  |         shadowRoot.innerHTML = `  |  |             <style>  |  |                 :host {  |  |                     color: white;  |  |                 }  |  |             </style>  |  |             <div><h3><slot name="title"></slot></h3></div>  |  |             <div><slot name="content"></slot></div>  |  |         `;  |  |     }  |  | }  |  |   |  | window.customElements.define("card-component", CardComponent);  | 
 |