title example
example para with an
example link
{"ScriptPreparationCode":"const tplNode = document.getElementById(\u0027tpl\u0027).content;\r\nconst container = document.getElementById(\u0027tpl\u0027);\r\n\r\nclass MyEl extends HTMLElement {\r\n connectedCallback() {\r\n this.appendChild(tplNode.cloneNode(true))\r\n }\r\n}\r\n\r\ncustomElements.define(\u0022my-el-lgt\u0022, MyEl);\r\n\r\n\r\nclass MyElWithShadowDOM extends HTMLElement {\r\n connectedCallback() {\r\n this.attachShadow({mode: \u0027open\u0027}).appendChild(tplNode.cloneNode(true))\r\n }\r\n}\r\n\r\ncustomElements.define(\u0022my-el-shd\u0022, MyElWithShadowDOM);\r\n\r\n\r\n\r\n","TestCases":[{"Name":"light DOM","Code":"container.innerHTML = \u0060\r\n\u003Cmy-el-lgt\u003E\u003C/my-el-lgt\u003E\r\n\u0060","IsDeferred":false},{"Name":"shadow DOM","Code":"container.innerHTML = \u0060\r\n\u003Cmy-el-shd\u003E\u003C/my-el-shd\u003E\r\n\u0060","IsDeferred":false}]}