@optionfactory/ful 6.0.5 → 6.0.7

package/dist/ful.iife.js

@@ -1774,7 +1774,7 @@ var ful = (function (exports, ftl) {
             <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>`
@@ -2023,20 +2023,22 @@ var ful = (function (exports, ftl) {
             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;
         }
     }
 
@@ -2643,7 +2645,7 @@ var ful = (function (exports, ftl) {
         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>
@@ -2662,8 +2664,9 @@ var ful = (function (exports, ftl) {
             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");
             ftl.Attributes.forward('input-', this, this.#input);
@@ -2688,6 +2691,13 @@ var ful = (function (exports, ftl) {
                     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];