@optionfactory/ful 6.0.5 → 6.0.7

package/dist/ful.mjs

@@ -1773,7 +1773,7 @@ class InputFile extends Input {
             <ful-item data-tpl-each="files" data-tpl-var="file" data-tpl-data-name="file.name">
                 <div>{{ file.name }}</div>
                 <div>{{ #bytes:format(file.size) }}</div>
-                <button type="button" class="btn btn-sm btn-outline-danger bi bi-x-lg"></button>
+                <button type="button" class="btn btn-sm btn-outline-danger bi bi-x-lg" alt="Rimuovi"></button>
             </ful-item>
         `,
         warning: `<ful-field-warning>{{ #l10n:t(key, args) }}</ful-field-warning>`
@@ -2022,20 +2022,22 @@ class RemoteLoader {
         if (this.#data !== null) {
             return
         }
-        const storageKey = `${this.#method}@${this.#url}`;
-        if (this.#revision !== null) {
-            const data = VersionedLocalStorage.load(storageKey, this.#revision);
+        const raw = RemoteLoader.#revisionedData(this.#http, this.#method, this.#url, this.#revision);
+        this.#data = this.#responseMapper(raw);
+    }
+    static async #revisionedData(http, method, url, revision){
+        const storageKey = `${method}@${url}`;
+        if (revision !== null) {
+            const data = VersionedLocalStorage.load(storageKey, revision);
             if (data !== undefined) {
-                this.#data = data;
-                return;
+                return data;
             }
         }
-        const data = await this.#http.request(this.#method, this.#url)
-            .fetchJson();
-        this.#data = this.#responseMapper(data);
-        if (this.#revision !== null) {
-            VersionedLocalStorage.save(storageKey, this.#revision, this.#data);
+        const data = await http.request(method, url).fetchJson();
+        if (revision !== null) {
+            VersionedLocalStorage.save(storageKey, revision, data);
         }
+        return data;
     }
 }
 
@@ -2642,7 +2644,7 @@ class Checkbox extends ParsedElement {
     static template = `
         <div data-tpl-class="klass">
             <div class="input-container">
-                <input class="form-check-input" type="checkbox" role="switch" form="" placeholder=" ">
+                <input class="form-check-input" type="checkbox" data-tpl-role="isSwitch ? 'switch' : false" form="" placeholder=" ">
             </div>
             <div class="form-check-label">
                 <label>{{{{ slots.default }}}}</label>
@@ -2661,8 +2663,9 @@ class Checkbox extends ParsedElement {
         this.internals.role = 'presentation';
     }
     render({ slots, observed, disabled }) {
-        const klass = this.getAttribute('type') == 'switch' ? "form-check form-switch" : "form-check";
-        const fragment = this.template().withOverlay({ slots, klass }).render();
+        const isSwitch = this.getAttribute('type') == 'switch';
+        const klass = isSwitch ? "form-check form-switch" : "form-check";
+        const fragment = this.template().withOverlay({ slots, klass, isSwitch }).render();
         this.#container = fragment.firstElementChild;
         this.#input = fragment.querySelector("input");
         Attributes.forward('input-', this, this.#input);
@@ -2687,6 +2690,13 @@ class Checkbox extends ParsedElement {
                 return;
             }
             this.value = !this.value;
+            this.dispatchEvent(new CustomEvent('change', {
+                bubbles: true,
+                cancelable: false,
+                detail: {
+                    value: this.value
+                }
+            }));
         });
         this.#fieldError = fragment.querySelector('ful-field-error');
         this.#input.ariaDescribedByElements = [this.#fieldError];