@optionfactory/ful 1.0.8 → 1.0.10

package/dist/ful.mjs

@@ -87,6 +87,16 @@ class Failure extends Error {
         this.name = 'Failure';
         this.problems = problems;
     }
+    dropping(prefix){
+        return new Failure(this.message, Failure.dropProblemsContext(this.problems, prefix), this);
+    }
+    static dropProblemsContext(problems, prefix){
+        return problems.map(({type, context, reason, details}) => {
+            const nctx = context?.startsWith(prefix) ? context.substring(prefix.length) : context;
+            return {type, context: nctx, reason, details};
+        })
+    }
+
 }
 
 class MediaType {
@@ -140,6 +150,9 @@ class HttpClientError extends Failure {
         this.name = 'HttpClientError';
         this.status = status;
     }
+    dropping(prefix){
+        return new HttpClientError(this.message, this.status, Failure.dropProblemsContext(this.problems, prefix), this);
+    }
     /**
      * 
      * @param {string} type 
@@ -1129,15 +1142,16 @@ class Bindings {
     /**
      * @param {{ [x: string]: any; }} obj
      * @param {string} prefix
+     * @param {Set<String>} stops
      * @return {{ [x: string]: any; }}
      */
-    static flatten(obj, prefix) {
+    static flatten(obj, prefix, stops) {
         return Object.keys(obj).reduce((acc, k) => {
-            const pre = prefix.length ? prefix + '.' : '';
-            if (typeof obj[k] === 'object' && obj[k] !== null) {
-                Object.assign(acc, Bindings.flatten(obj[k], pre + k));
+            const pre = prefix.length ? prefix + '.' + k : k;
+            if (!stops.has(prefix) && typeof obj[k] === 'object' && obj[k] !== null) {
+                Object.assign(acc, Bindings.flatten(obj[k], pre, stops));
             } else {
-                acc[pre + k] = obj[k];
+                acc[pre] = obj[k];
             }
             return acc;
         }, {});
@@ -1232,7 +1246,10 @@ class Bindings {
     }
 
     static mutateIn(form, values){
-        for (const [flattenedKey, value] of Object.entries(Bindings.flatten(values, ''))) {
+        const names = Array.from(form.form.elements)
+            .map(el => el.getAttribute("name"))
+            .filter(n => n);
+        for (const [flattenedKey, value] of Object.entries(Bindings.flatten(values, '', new Set(names)))) {
             for(const el of form.querySelectorAll(`[name='${CSS.escape(flattenedKey)}']`)){
                 Bindings.mutate(el, value);
             }
@@ -1412,6 +1429,7 @@ class Input extends ParsedElement {
     constructor() {
         super();
         this.internals = this.attachInternals();
+        this.internals.role = 'textbox';
     }
     render({ slots }) {
         const id = Attributes.uid('ful-input');
@@ -1434,10 +1452,10 @@ class Input extends ParsedElement {
         this.replaceChildren(fragment);
     }
     get value() {
-        return this.#input.value;
+        return this.#input.value === '' ? null : this.#input.value;
     }
     set value(value) {
-        this.#input.value = value;
+        this.#input.value = value === '' ? null : value;
     }
     get readonly(){
         return this.#input.readOnly;
@@ -1696,6 +1714,7 @@ class Select extends ParsedElement {
     constructor() {
         super();
         this.internals = this.attachInternals();
+        this.internals.role = 'combobox';
     }
     async render({ slots, observed }) {
         const name = this.getAttribute("name");
@@ -1860,6 +1879,7 @@ class RadioGroup extends ParsedElement {
     constructor() {
         super();
         this.internals = this.attachInternals();
+        this.internals.role = 'radiogroup';
     }
     render({ slots }) {
         const name = this.getAttribute('name') ?? Attributes.uid('ful-radiogroup');
@@ -1943,11 +1963,13 @@ class Checkbox extends ParsedElement {
     constructor() {
         super();
         this.internals = this.attachInternals();
+        this.internals.role = 'checkbox';
     }
     render({ slots }) {
         const id = Attributes.uid("ful-checkbox");
         const fieldErrorId = id + "-error";
         const klass = this.getAttribute('type') == 'switch' ? "form-check form-switch" : "form-check";
+        this.internals.role = this.getAttribute('type') == 'switch' ? 'switch' : 'checkbox';
         const fragment = this.template().withOverlay({ slots, klass, id, fieldErrorId }).render();
         this.#input = fragment.querySelector("input");
         Attributes.forward('input-', this, this.#input);
@@ -1987,7 +2009,7 @@ class Checkbox extends ParsedElement {
 class Spinner extends ParsedElement {
     static slots = true;
     static template = `
-        <div class="ful-spinner-wrapper">
+        <div class="ful-spinner-wrapper" role="status">
             <div class="ful-spinner-text">{{{{ slots.default }}}}</div>
             <div class="ful-spinner-icon"></div>
         </div>
@@ -2291,10 +2313,6 @@ class Table extends ParsedElement {
                 size: this.#latestRequest.pageRequest.size
             }, this.#latestRequest.sortRequest, evt.detail.request);
         });
-        if (maybeForm) {
-            maybeForm.submitter = async (filterRequest, form) => {
-            };
-        }
         this.addEventListener('page-requested', async (/** @type any */e) => {
             await this.load({
                 page: e.detail.value,