@optionfactory/ful 1.0.9 → 1.0.11

package/dist/ful.iife.js

@@ -1247,7 +1247,7 @@ var ful = (function (exports, ftl) {
         }
 
         static mutateIn(form, values){
-            const names = Array.from(form.form.elements)
+            const names = Array.from(form.elements)
                 .map(el => el.getAttribute("name"))
                 .filter(n => n);
             for (const [flattenedKey, value] of Object.entries(Bindings.flatten(values, '', new Set(names)))) {
@@ -1430,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');
@@ -1714,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");
@@ -1878,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');
@@ -1961,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);
@@ -2005,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>
@@ -2309,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,