class CustomFooter extends HTMLElement { connectedCallback() { this.attachShadow({ mode: 'open' }); this.shadowRoot.innerHTML = ` `; this.initFeatherIcons(); } initFeatherIcons() { // Wait for feather-icons to be available if (window.feather) { setTimeout(() => { const icons = this.shadowRoot.querySelectorAll('[data-feather]'); icons.forEach(icon => { feather.replace(icon); }); }, 100); } } } customElements.define('custom-footer', CustomFooter);