class CustomFooter extends HTMLElement { connectedCallback() { this.attachShadow({ mode: 'open' }); this.shadowRoot.innerHTML = ` `; // Initialize feather icons after DOM content is added setTimeout(() => { const script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js'; script.onload = () => { if (typeof feather !== 'undefined') { feather.replace(); } }; this.shadowRoot.appendChild(script); }, 0); } } customElements.define('custom-footer', CustomFooter);