@optionfactory/ful 4.0.2 → 4.0.4

package/dist/ful.mjs

@@ -1498,6 +1498,9 @@ class Input extends ParsedElement {
     }
     set readonly(v) {
         this._input.readOnly = v;
+        this.reflect(() => {
+            Attributes.toggle(this, 'readonly', v);
+        });
     }
     //@ts-ignore
     get disabled() {
@@ -1718,7 +1721,7 @@ class RemoteLoader {
     }
     async load(needle) {
         await this.#ensureFetched();
-        return this.#data.filter(([k, v]) => (v ?? '').includes(needle?.toLowerCase()));
+        return this.#data.filter(([k, v]) => (v ?? '').toLowerCase().includes(needle?.toLowerCase()));
     }
     async #ensureFetched() {
         if (this.#data !== null) {
@@ -1786,7 +1789,7 @@ class InMemoryLoader {
         return this.#data.filter(([k, v]) => keys.some(r => r == k));
     }
     load(needle) {
-        return this.#data.filter(([k, v]) => (v ?? '').includes(needle?.toLowerCase()));
+        return this.#data.filter(([k, v]) => (v ?? '').toLowerCase().includes(needle?.toLowerCase()));
     }
 }
 
@@ -2076,7 +2079,7 @@ class Select extends ParsedElement {
             const b = document.createElement('badge');
             b.setAttribute("role", "button");
             b.setAttribute("value", k);
-            b.innerText = v;
+            b.innerText = v[0];
             return b;
         });
         this.#badges.innerHTML = '';
@@ -2114,10 +2117,13 @@ class Select extends ParsedElement {
         Attributes.toggle(this.#input, 'disabled', d);
     }    
     get readonly(){
-        return this.#input.readOnly;
+        return this.#input.readOnly;        
     }
     set readonly(v) {
         this.#input.readOnly = v;
+        this.reflect(() => {
+            Attributes.toggle(this, 'readonly', v);
+        });
     }    
     focus(options) {
         this.#input.focus(options);
@@ -2227,6 +2233,9 @@ class RadioGroup extends ParsedElement {
     }
     set readonly(v) {
         this.#fieldset.inert = v;
+        this.reflect(() => {
+            Attributes.toggle(this, 'readonly', v);
+        });
     }
     //@ts-ignore
     get disabled(){
@@ -2316,6 +2325,9 @@ class Checkbox extends ParsedElement {
     }
     set readonly(v) {
         this.#container.inert = v;
+        this.reflect(() => {
+            Attributes.toggle(this, 'readonly', v);
+        });
     }
     //@ts-ignore
     get disabled() {