@smilodon/core 1.1.0 → 1.1.2

package/dist/index.js

@@ -2572,10 +2572,15 @@ class AngularEnhancedSelect extends HTMLElement {
         }
     }
     _initializeStyles() {
-        // Create scoped styles for this component instance
+        // Check if styles already exist for this component type
+        const existingStyle = document.head.querySelector('style[data-component="angular-enhanced-select-shared"]');
+        if (existingStyle) {
+            // Styles already injected, skip
+            return;
+        }
+        // Create scoped styles for this component type (shared across all instances)
         this._styleElement = document.createElement('style');
-        this._styleElement.setAttribute('data-component', 'angular-enhanced-select');
-        this._styleElement.setAttribute('data-id', this._uniqueId);
+        this._styleElement.setAttribute('data-component', 'angular-enhanced-select-shared');
         const p = this.PREFIX; // shorthand
         this._styleElement.textContent = `
       /* Host styles - applied to <angular-enhanced-select> */
@@ -2891,8 +2896,26 @@ class AngularEnhancedSelect extends HTMLElement {
         min-height: 44px;
       }
     `;
-        // Append to document head
-        document.head.appendChild(this._styleElement);
+        // Safely append to document head (check if document is ready)
+        if (document.head) {
+            try {
+                document.head.appendChild(this._styleElement);
+            }
+            catch (e) {
+                console.warn('[AngularEnhancedSelect] Could not inject styles:', e);
+                // Fallback: inject after a delay
+                setTimeout(() => {
+                    try {
+                        if (this._styleElement && !this._styleElement.parentNode) {
+                            document.head.appendChild(this._styleElement);
+                        }
+                    }
+                    catch (err) {
+                        console.error('[AngularEnhancedSelect] Style injection failed:', err);
+                    }
+                }, 0);
+            }
+        }
     }
     _createContainer() {
         const container = document.createElement('div');