@smilodon/core 1.3.12 → 1.3.13

package/dist/index.cjs

@@ -3495,10 +3495,30 @@ class EnhancedSelect extends HTMLElement {
     }
     _normalizeCustomOptionElement(element, meta) {
         const optionEl = element instanceof HTMLElement ? element : document.createElement('div');
-        optionEl.classList.add('smilodon-option');
-        optionEl.classList.toggle('smilodon-option--selected', meta.selected);
-        optionEl.classList.toggle('smilodon-option--active', meta.active);
-        optionEl.classList.toggle('smilodon-option--disabled', meta.disabled);
+        // Add both semantic namespaced classes and the legacy internal classes that CSS uses
+        optionEl.classList.add('smilodon-option', 'option');
+        // Toggle state classes
+        const isSelected = meta.selected;
+        const isActive = meta.active;
+        const isDisabled = meta.disabled;
+        if (isSelected) {
+            optionEl.classList.add('smilodon-option--selected', 'selected');
+        }
+        else {
+            optionEl.classList.remove('smilodon-option--selected', 'selected');
+        }
+        if (isActive) {
+            optionEl.classList.add('smilodon-option--active', 'active');
+        }
+        else {
+            optionEl.classList.remove('smilodon-option--active', 'active');
+        }
+        if (isDisabled) {
+            optionEl.classList.add('smilodon-option--disabled', 'disabled');
+        }
+        else {
+            optionEl.classList.remove('smilodon-option--disabled', 'disabled');
+        }
         if (!optionEl.hasAttribute('data-selectable')) {
             optionEl.setAttribute('data-selectable', '');
         }