@optionfactory/ful 6.0.1 → 6.0.3

package/dist/ful.iife.js

@@ -1214,12 +1214,14 @@ var ful = (function (exports, ftl) {
         /**
          * 
          * @param {HTMLFormElement} form 
+         * @param {HTMLElement} [submitter]
          * @returns 
          */
-        static extractFrom(form){
+        static extractFrom(form, submitter){
             let result = {};
             for(const el of form.elements){
-                if(!el.hasAttribute("name") || el.matches(":disabled")){
+                // we are assuming submitters are disabled during submit.
+                if(!el.hasAttribute("name") || (el.matches(":disabled") && el !== submitter)){
                     continue;
                 }
                 result = Bindings.providePath(result, /** @type {string} */(el.getAttribute('name')), Bindings.extract(el));
@@ -1355,7 +1357,7 @@ var ful = (function (exports, ftl) {
             form.addEventListener('submit', async (e) => {
                 e.preventDefault();
                 e.stopPropagation();
-                await this.submit();
+                await this.submit(e.submitter);
             });
             if (this.hasAttribute("clear-invalid-on-change")) {
                 this.addEventListener('change', (/** @type any */evt) => {
@@ -1364,11 +1366,16 @@ var ful = (function (exports, ftl) {
             }
             this.replaceChildren(form);
         }
-        async submit() {
+        /**
+         * 
+         * @param {HTMLElement} [submitter]
+         * @returns 
+         */
+        async submit(submitter) {
             this.spinner(true);
             try {
                 const loader = ftl.registry.component(this.getAttribute("loader") ?? 'loaders:form').create(this);
-                const values = this.values;
+                const values = Bindings.extractFrom(this.form, submitter);
                 let request = await loader.prepare(values, this);
                 try {
                     const se = new CustomEvent('submit', { bubbles: true, cancelable: true, detail: { values, request } });