@optionfactory/ful 1.0.8 → 1.0.10

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);
                 }
@@ -1413,6 +1430,7 @@ var ful = (function (exports, ftl) {
         constructor() {
             super();
             this.internals = this.attachInternals();
+            this.internals.role = 'textbox';
         }
         render({ slots }) {
             const id = ftl.Attributes.uid('ful-input');
@@ -1435,10 +1453,10 @@ 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;
@@ -1697,6 +1715,7 @@ var ful = (function (exports, ftl) {
         constructor() {
             super();
             this.internals = this.attachInternals();
+            this.internals.role = 'combobox';
         }
         async render({ slots, observed }) {
             const name = this.getAttribute("name");
@@ -1861,6 +1880,7 @@ var ful = (function (exports, ftl) {
         constructor() {
             super();
             this.internals = this.attachInternals();
+            this.internals.role = 'radiogroup';
         }
         render({ slots }) {
             const name = this.getAttribute('name') ?? ftl.Attributes.uid('ful-radiogroup');
@@ -1944,11 +1964,13 @@ var ful = (function (exports, ftl) {
         constructor() {
             super();
             this.internals = this.attachInternals();
+            this.internals.role = 'checkbox';
         }
         render({ slots }) {
             const id = ftl.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");
             ftl.Attributes.forward('input-', this, this.#input);
@@ -1988,7 +2010,7 @@ var ful = (function (exports, ftl) {
     class Spinner extends ftl.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>
@@ -2292,10 +2314,6 @@ var ful = (function (exports, ftl) {
                     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,