-
-
Notifications
You must be signed in to change notification settings - Fork 1.2k
/
output.min.html
1 lines (1 loc) · 1.33 KB
/
output.min.html
1
<!doctype html><meta charset=utf-8><title>element-details - web component using <template> and <slot></title><style>dl{margin-left:6px}dt{font-weight:700;color:#217ac0;font-size:110%;font-family:Consolas,"Liberation Mono",Courier}dd{margin-left:16px}</style><h1>element-details - web component using <code><template></code> and <code><slot></code></h1><template id=element-details-template-1> VALUE: <slot name=q>?</slot> </template><template id=element-details-template-2> VALUE:<slot name=q>?</slot> </template><template id=element-details-template-3><div>VALUE:</div><slot name=q>?</slot> </template> <element-details> <span slot=q>1</span> </element-details> <element-details> <span slot=q>2</span> </element-details> <element-details-more> <span slot=q>3</span> </element-details-more> <element-details-more> <span slot=q>4</span> </element-details-more> <script>customElements.define("element-details",class extends HTMLElement{constructor(){super();let template=document.getElementById("element-details-template-1").content;this.attachShadow({mode:"open"}).appendChild(template.cloneNode(true))}});customElements.define("element-details-more",class extends HTMLElement{constructor(){super();let template=document.getElementById("element-details-template-2").content;this.attachShadow({mode:"open"}).appendChild(template.cloneNode(true))}})</script>