Method connectedCallback

src/main/addon/WebComponent.mjs:30–43

()

    registerElementLoader() {
        customElements.define('element-loader', class extends HTMLElement {
            async connectedCallback() {
                let me = this,
                    content, styles;

                // move OPs will trigger the connectedCallback() again
                if (!me.shadowRoot) {
                    content = await (await fetch(me.getAttribute('src'))).text();

                    me.attachShadow({mode: 'open'}).innerHTML = content;

                    styles = me.querySelector('style');
                    styles && me.shadowRoot.append(styles)
                }
            }
        });
    }
}