@optionfactory/ful 0.91.0 → 0.93.0

package/dist/ful.mjs

@@ -87,6 +87,38 @@ class Failure extends Error {
     }
 }
 
+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
  */
@@ -127,18 +159,32 @@ class HttpClientError extends Failure {
      * @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
+                }]);
+            }
         }
     }
 }
@@ -151,9 +197,9 @@ class CsrfTokenInterceptor {
     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);
@@ -465,6 +511,7 @@ class HttpRequestBuilder {
         const builder = new HttpMultipartRequestCustomizer(formData);
         callback(builder);
         this.#body = formData;
+        return this;
     }
     /**
      * Sets a fetch options for the request.
@@ -588,7 +635,7 @@ class HttpMultipartRequestCustomizer {
      * 
      * @param {FormData} formData 
      */
-    constructor(formData){
+    constructor(formData) {
         this.#formData = formData;
     }
     /**
@@ -597,7 +644,7 @@ class HttpMultipartRequestCustomizer {
      * @param {*} value 
      * @returns this builder
      */
-    field(name, value){
+    field(name, value) {
         this.#formData.append(name, value);
         return this;
     }
@@ -611,10 +658,24 @@ class HttpMultipartRequestCustomizer {
      * @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 
@@ -622,8 +683,8 @@ class HttpMultipartRequestCustomizer {
      * @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;
     }
@@ -1398,6 +1459,7 @@ class Form extends ParsedElement() {
     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);
@@ -1410,8 +1472,14 @@ class Form extends ParsedElement() {
         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 {
@@ -1446,7 +1514,7 @@ class Form extends ParsedElement() {
         }
     }
     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;
@@ -1470,10 +1538,14 @@ class Form extends ParsedElement() {
             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');
             }
@@ -1572,6 +1644,8 @@ class Select extends ParsedElement({
         </div>
     `
 }) {
+    shouldLoad;
+    _unwrappedRemoteLoad;
     constructor(tsConfig) {
         super();
         this.tsConfig = tsConfig;
@@ -1623,6 +1697,7 @@ class Select extends ParsedElement({
             }
             callback(data);
         };
+        // @ts-ignore
         this.ts = new TomSelect(input, Object.assign(remote ? {
             preload: 'focus',
             load: this._unwrappedRemoteLoad,
@@ -1758,5 +1833,5 @@ class Spinner extends ParsedElement({
     }
 }
 
-export { Attributes, AuthorizationCodeFlow, AuthorizationCodeFlowInterceptor, AuthorizationCodeFlowSession, Base64, Deferred, ElementsRegistry, Failure, Form, Fragments, Hex, HttpClient, HttpClientError, INPUT_TEMPLATE, Input, LightSlots, LocalStorage, Nodes, ParsedElement, RadioGroup, Select, SessionStorage, Spinner, TemplatesRegistry, VersionedStorage, elements, makeInputFragment, timing };
+export { Attributes, AuthorizationCodeFlow, AuthorizationCodeFlowInterceptor, AuthorizationCodeFlowSession, Base64, Deferred, ElementsRegistry, Failure, Form, Fragments, Hex, HttpClient, HttpClientError, INPUT_TEMPLATE, Input, LightSlots, LocalStorage, MediaType, Nodes, ParsedElement, RadioGroup, Select, SessionStorage, Spinner, TemplatesRegistry, VersionedStorage, elements, makeInputFragment, timing };
 //# sourceMappingURL=ful.mjs.map