@smilodon/core 1.1.0 → 1.1.2

package/dist/index.umd.js

@@ -2578,10 +2578,15 @@
             }
         }
         _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> */
@@ -2897,8 +2902,26 @@
         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');