@vollowx/seele 0.8.9 → 0.8.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vollowx/seele",
-  "version": "0.8.9",
+  "version": "0.8.10",
   "description": "Standard Extensible Elements. A web components library that can be styled and extended freely, pre-providing components in Material Design 3.",
   "author": "vollowx",
   "license": "MIT",

package/src/base/list-item.js

@@ -13,6 +13,9 @@ export class ListItem extends FormAssociated(InternalsAttached(LitElement)) {
         this._role = 'option';
     }
     static { this.styles = [hiddenStyles]; }
+    get displayText() {
+        return this.innerText.trim();
+    }
     connectedCallback() {
         super.connectedCallback();
         this[internals].role = this._role;

package/src/base/select.js

@@ -272,12 +272,16 @@ export class Select extends Base {
             changed = this.lastSelectedOption !== firstSelectedOption;
             this.lastSelectedOption = firstSelectedOption;
             this[VALUE] = firstSelectedOption.value;
-            this.displayText = firstSelectedOption.innerText;
+            this.displayText = firstSelectedOption.displayText;
         }
         else {
             changed = this.lastSelectedOption !== null;
             this.lastSelectedOption = null;
             this[VALUE] = '';
+            // Keep displayText if it was set (e.g., from SSR) and options aren't available yet.
+            if (this.options.length === 0 && this.displayText) {
+                return changed;
+            }
             this.displayText = '';
         }
         return changed;