@optionfactory/ful 1.0.7 → 1.0.9

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);
             }
@@ -1392,7 +1409,7 @@ class Form extends ParsedElement {
 }
 
 class Input extends ParsedElement {
-    static observed = ['value'];
+    static observed = ['value', 'readonly:presence'];
     static slots = true;
     static template = `
         <label data-tpl-for="id" class="form-label">{{{{ slots.default }}}}</label>
@@ -1434,11 +1451,17 @@ 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;
     }
+    set readonly(v) {
+        this.#input.readOnly = v;
+    }    
     focus(options) {
         this.#input.focus(options);
     }