@optionfactory/ful 1.0.7 → 1.0.9

package/dist/ful.iife.js

@@ -88,6 +88,16 @@ var ful = (function (exports, ftl) {
             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 {
@@ -141,6 +151,9 @@ var ful = (function (exports, ftl) {
             this.name = 'HttpClientError';
             this.status = status;
         }
+        dropping(prefix){
+            return new HttpClientError(this.message, this.status, Failure.dropProblemsContext(this.problems, prefix), this);
+        }
         /**
          * 
          * @param {string} type 
@@ -1130,15 +1143,16 @@ var ful = (function (exports, ftl) {
         /**
          * @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;
             }, {});
@@ -1233,7 +1247,10 @@ var ful = (function (exports, ftl) {
         }
 
         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);
                 }
@@ -1393,7 +1410,7 @@ var ful = (function (exports, ftl) {
     }
 
     class Input extends ftl.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>
@@ -1435,11 +1452,17 @@ var ful = (function (exports, ftl) {
             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);
         }