@optionfactory/ful 0.91.0 → 0.93.0

package/dist/ful.iife.js

@@ -90,6 +90,38 @@ var ful = (function (exports) {
         }
     }
 
+    class MediaType {
+        #type;
+        #subtype;
+        constructor(type, subtype) {
+            this.#type = type;
+            this.#subtype = subtype;
+        }
+        get normalized(){
+            return `${this.#type}/${this.#subtype}`;
+        }
+        get type() {
+            return this.#type;
+        }
+        get subtype() {
+            return this.#subtype;
+        }
+        /**
+         * 
+         * @param {string|null|undefined} v 
+         * @returns 
+         */
+        static parse(v) {
+            if (!v) {
+                return new MediaType("unknown", "unknown");
+            }
+            const [prefix, _] = v.split(";");
+            const [ptype, psubtype] = prefix.trim().split("/");
+            return new MediaType(ptype.toLowerCase(), psubtype?.toLowerCase());
+        }
+    }
+
+
     /**
      * @typedef {Int8Array| Uint8Array| Uint8ClampedArray| Int16Array| Uint16Array| Int32Array| Uint32Array| Float32Array| Float64Array| BigInt64Array| BigUint64Array} TypedArray
      */
@@ -130,18 +162,32 @@ var ful = (function (exports) {
          * @returns an HttpClientError
          */
         static async fromResponse(response) {
-            const text = await response.text();
-            const message = `${response.status} ${response.statusText}: ${text}`;
-            const fallback = [{
-                type: "GENERIC_PROBLEM",
-                context: null,
-                reason: message,
-                details: null
-            }];
-            try {
-                return new HttpClientError(message, response.status, text ? JSON.parse(text) : fallback);
-            } catch (e) {
-                return new HttpClientError(message, response.status, fallback);
+            switch(MediaType.parse(response.headers.get("Content-Type")).normalized){
+                case 'application/failures+json': {
+                    const data = await response.json();
+                    const message = `${response.status} ${response.statusText}: ${data.length} failures`;
+                    return new HttpClientError(message, response.status, data);
+                }
+                case 'application/problem+json': {
+                    const data = await response.json();
+                    const message = `${response.status} ${response.statusText}: ${data.title} ${data.detail}`;
+                    return new HttpClientError(message, response.status, data.problems || [{
+                        type: "GENERIC_PROBLEM",
+                        context: null,
+                        reason: message,
+                        details: null
+                    }]);
+                }
+                default: {
+                    const text = await response.text();
+                    const message = `${response.status} ${response.statusText}: ${text}`;
+                    return new HttpClientError(message, response.status, [{
+                        type: "GENERIC_PROBLEM",
+                        context: null,
+                        reason: message,
+                        details: null
+                    }]);
+                }
             }
         }
     }
@@ -154,9 +200,9 @@ var ful = (function (exports) {
         constructor() {
             this.#k = document.querySelector("meta[name='_csrf_header']")?.getAttribute("content");
             this.#v = document.querySelector("meta[name='_csrf']")?.getAttribute("content");
-        } 
+        }
         async intercept(request, chain) {
-            if(this.#k && this.#v) {
+            if (this.#k && this.#v) {
                 request.headers.set(this.#k, this.#v);
             }
             return await chain.proceed(request);
@@ -468,6 +514,7 @@ var ful = (function (exports) {
             const builder = new HttpMultipartRequestCustomizer(formData);
             callback(builder);
             this.#body = formData;
+            return this;
         }
         /**
          * Sets a fetch options for the request.
@@ -591,7 +638,7 @@ var ful = (function (exports) {
          * 
          * @param {FormData} formData 
          */
-        constructor(formData){
+        constructor(formData) {
             this.#formData = formData;
         }
         /**
@@ -600,7 +647,7 @@ var ful = (function (exports) {
          * @param {*} value 
          * @returns this builder
          */
-        field(name, value){
+        field(name, value) {
             this.#formData.append(name, value);
             return this;
         }
@@ -614,10 +661,24 @@ var ful = (function (exports) {
          * @param {string|undefined} filename 
          * @returns this builder
          */
-        blob(name, value, filename){
+        blob(name, value, filename) {
             this.#formData.append(name, value, filename);
             return this;
         }
+        /**
+         * Appends multiple Blobs to the FormData with the same name. 
+         * The default filename for Blob objects is "blob"; 
+         * The default filename for File objects is the file's filename.
+         * @param {string} name 
+         * @param {Blob[]} values
+         * @returns this builder
+         */
+        blobs(name, values) {
+            for (let v of values) {
+                this.#formData.append(name, v);
+            }
+            return this;
+        }
         /**
          * Appends a JSON serialized blob to the FormData.
          * @param {string} name 
@@ -625,8 +686,8 @@ var ful = (function (exports) {
          * @param {string|undefined} filename 
          * @returns this builder
          */
-        json(name, value, filename){
-            const blob = new Blob([JSON.stringify(value)], {type: 'application/json'});
+        json(name, value, filename) {
+            const blob = new Blob([JSON.stringify(value)], { type: 'application/json' });
             this.#formData.append(name, blob, filename);
             return this;
         }
@@ -1401,6 +1462,7 @@ var ful = (function (exports) {
         static IGNORED_CHILDREN_SELECTOR = '.d-none, [hidden]';
         static SCROLL_OFFSET = 50;
         static INVALID_CLASS = 'is-invalid';
+        submitter;
         render() {
             const form = document.createElement('form');
             form.replaceChildren(...this.childNodes);
@@ -1413,8 +1475,14 @@ var ful = (function (exports) {
             this.replaceChildren(form);
         }
         spinner(spin) {
-            this.querySelectorAll('ful-spinner').forEach(el => el.hidden = !spin);
-            this.querySelectorAll('[type=submit],[type=reset]').forEach(el => el.disabled = spin);
+            this.querySelectorAll('ful-spinner').forEach(el => {
+                const hel = /** @type HTMLElement} */ (el);
+                hel.hidden = !spin;
+            });
+            this.querySelectorAll('[type=submit],[type=reset]').forEach(el => {
+                const hel = /** @type HTMLButtonElement} */ (el);
+                hel.disabled = spin;
+            });
         }
         async remoting(fn) {
             try {
@@ -1449,7 +1517,7 @@ var ful = (function (exports) {
             }
         }
         get values() {
-            return Array.from(this.querySelectorAll('[name]'))
+            return Array.from(/** @type {NodeListOf<HTMLElement>} */ (this.querySelectorAll('[name]')))
                 .filter(el => {
                     if (el.dataset['fulBindInclude'] === 'never') {
                         return false;
@@ -1473,10 +1541,14 @@ var ful = (function (exports) {
                 const validationTargetsSelector = `[name='${CSS.escape(name)}'] [ful-validation-target],[name='${CSS.escape(name)}']:not(:has([ful-validation-target]))`;
                 this.querySelectorAll(validationTargetsSelector).forEach(input => input.classList.add(Form.INVALID_CLASS));
                 const fieldErrorsSelector = `ful-field-error[field='${CSS.escape(name)}']`;
-                this.querySelectorAll(fieldErrorsSelector).forEach(el => el.innerText = e.reason);
+                this.querySelectorAll(fieldErrorsSelector).forEach(el => {
+                    const hel = /** @type HTMLElement} */ (el);
+                    hel.innerText = e.reason;
+                });
             });
             this.querySelectorAll("ful-errors").forEach(el => {
-                el.innerText = globalErrors.map(e => e.reason).join("\n");
+                const hel = /** @type HTMLElement} */ (el);
+                hel.innerText = globalErrors.map(e => e.reason).join("\n");
                 if (globalErrors.length !== 0) {
                     el.removeAttribute('hidden');
                 }
@@ -1575,6 +1647,8 @@ var ful = (function (exports) {
         </div>
     `
     }) {
+        shouldLoad;
+        _unwrappedRemoteLoad;
         constructor(tsConfig) {
             super();
             this.tsConfig = tsConfig;
@@ -1626,6 +1700,7 @@ var ful = (function (exports) {
                 }
                 callback(data);
             };
+            // @ts-ignore
             this.ts = new TomSelect(input, Object.assign(remote ? {
                 preload: 'focus',
                 load: this._unwrappedRemoteLoad,
@@ -1778,6 +1853,7 @@ var ful = (function (exports) {
     exports.Input = Input;
     exports.LightSlots = LightSlots;
     exports.LocalStorage = LocalStorage;
+    exports.MediaType = MediaType;
     exports.Nodes = Nodes;
     exports.ParsedElement = ParsedElement;
     exports.RadioGroup = RadioGroup;