web-mojo 2.1.1093 → 2.1.1095

package/dist/chunks/{FormView-CpO15n9K.js → FormView-4TUGCb-w.js}

@@ -5755,6 +5755,8 @@ class FormView extends View {
     this.customComponents = /* @__PURE__ */ new Map();
     this.fieldStatusManagers = /* @__PURE__ */ new Map();
     this.saveTimeouts = /* @__PURE__ */ new Map();
+    this.pendingSaveFields = /* @__PURE__ */ new Map();
+    this.batchSaveTimeout = null;
     this.isSaving = false;
     this.data = this.prepareFormData();
     this.formConfig = formConfig || { fields: fields || [] };
@@ -6172,35 +6174,57 @@ class FormView extends View {
     FormPlugins.onFieldChange?.(this, fieldName, value);
   }
   /**
-   * Handle saving individual field changes to the model with debouncing
+   * Handle saving field changes to the model with intelligent batching
+   * When multiple fields change within a short time (e.g., autofill), they are batched together
    * @param {string} fieldName - Name of the field being saved
    * @param {*} value - New value to save
    */
   async handleFieldSave(fieldName, value) {
-    if (!this.model || this.isSaving) return;
-    if (this.saveTimeouts.has(fieldName)) {
-      clearTimeout(this.saveTimeouts.get(fieldName));
-    }
+    if (!this.model) return;
+    this.pendingSaveFields.set(fieldName, value);
     const statusManager = this.getFieldStatusManager(fieldName);
     statusManager.showStatus("saving");
-    const timeoutId = setTimeout(async () => {
-      try {
-        this.isSaving = true;
-        this.saveTimeouts.delete(fieldName);
-        this._isFormDrivenChange = true;
-        if (typeof this.model.save === "function") {
-          await this.model.save({ [fieldName]: value });
-        } else {
-          this.model.set(fieldName, value);
-        }
+    if (this.batchSaveTimeout) {
+      clearTimeout(this.batchSaveTimeout);
+    }
+    this.batchSaveTimeout = setTimeout(async () => {
+      await this.executeBatchSave();
+    }, 300);
+  }
+  /**
+   * Execute a batch save of all pending field changes
+   * This sends all changed fields in a single request to avoid race conditions
+   * @private
+   */
+  async executeBatchSave() {
+    if (this.isSaving || this.pendingSaveFields.size === 0) return;
+    try {
+      this.isSaving = true;
+      const changes = Object.fromEntries(this.pendingSaveFields);
+      const fieldNames = Array.from(this.pendingSaveFields.keys());
+      this.pendingSaveFields.clear();
+      this.batchSaveTimeout = null;
+      this._isFormDrivenChange = true;
+      if (typeof this.model.save === "function") {
+        await this.model.save(changes);
+      } else {
+        Object.entries(changes).forEach(([key, val]) => {
+          this.model.set(key, val);
+        });
+      }
+      fieldNames.forEach((fieldName) => {
+        const statusManager = this.getFieldStatusManager(fieldName);
         statusManager.showStatus("saved");
-      } catch (error) {
+      });
+    } catch (error) {
+      console.error("Batch save error:", error);
+      Array.from(this.pendingSaveFields.keys()).forEach((fieldName) => {
+        const statusManager = this.getFieldStatusManager(fieldName);
         statusManager.showStatus("error", { message: error.message });
-      } finally {
-        this.isSaving = false;
-      }
-    }, 300);
-    this.saveTimeouts.set(fieldName, timeoutId);
+      });
+    } finally {
+      this.isSaving = false;
+    }
   }
   /**
    * Get or create a field status manager for a specific field
@@ -7752,4 +7776,4 @@ export {
   applyFileDropMixin as a,
   FormView$1 as b
 };
-//# sourceMappingURL=FormView-CpO15n9K.js.map
+//# sourceMappingURL=FormView-4TUGCb-w.js.map