web-mojo 2.1.372 → 2.1.377

package/dist/chunks/{FormView-ztYkGiQH.js → FormView-m5tw5nNB.js}

@@ -1,4 +1,4 @@
-import { M as Mustache, h as MOJOUtils, V as View } from "./WebApp-Cd8arpc1.js";
+import { M as Mustache, h as MOJOUtils, V as View } from "./WebApp-BHqYQKaY.js";
 class FormBuilder {
   constructor(config = {}) {
     this.fields = config.fields || [];
@@ -286,8 +286,13 @@ class FormBuilder {
       buttongroup: `
         <div class="btn-group btn-group-{{size}}" role="group">
           {{#options}}
-          <button type="button" class="{{buttonClass}} {{#active}}active{{/active}} {{#action}}data-action='{{action}}'{{/action}}"
+          <button type="button" class="{{buttonClass}} {{#active}}active{{/active}}"
+                  {{^action}}
                   data-action="select-button-option"
+                  {{/action}}
+                  {{#action}}
+                  data-action='{{action}}'
+                  {{/action}}
                   data-field="{{fieldName}}"
                   data-value="{{value}}">
             {{#icon}}<i class="{{icon}} me-1"></i> {{/icon}} {{label}}
@@ -4189,6 +4194,8 @@ class FormView extends View {
     this.autosaveModelField = autosaveModelField;
     this.customComponents = /* @__PURE__ */ new Map();
     this.fieldStatusManagers = /* @__PURE__ */ new Map();
+    this.saveTimeouts = /* @__PURE__ */ new Map();
+    this.isSaving = false;
     this.data = this.prepareFormData();
     this.formConfig = formConfig || { fields: fields || [] };
     this.formBuilder = new FormBuilder({
@@ -4431,26 +4438,36 @@ class FormView extends View {
     this.emit("field:change", { field: fieldName, value });
   }
   /**
-   * Handle saving individual field changes to the model
+   * Handle saving individual field changes to the model with debouncing
    * @param {string} fieldName - Name of the field being saved
    * @param {*} value - New value to save
    */
   async handleFieldSave(fieldName, value) {
-    if (!this.model) return;
+    if (!this.model || this.isSaving) return;
+    if (this.saveTimeouts.has(fieldName)) {
+      clearTimeout(this.saveTimeouts.get(fieldName));
+    }
     const statusManager = this.getFieldStatusManager(fieldName);
-    try {
-      statusManager.showStatus("saving");
-      this._isFormDrivenChange = true;
-      if (typeof this.model.save === "function") {
-        await this.model.save({ [fieldName]: value });
-      } else {
-        this.model.set(fieldName, value);
+    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);
+        }
+        statusManager.showStatus("saved");
+      } catch (error) {
+        console.error("Field save error:", error);
+        statusManager.showStatus("error", { message: error.message });
+      } finally {
+        this.isSaving = false;
       }
-      statusManager.showStatus("saved");
-    } catch (error) {
-      console.error("Field save error:", error);
-      statusManager.showStatus("error", { message: error.message });
-    }
+    }, 300);
+    this.saveTimeouts.set(fieldName, timeoutId);
   }
   /**
    * Get or create a field status manager for a specific field
@@ -4961,6 +4978,7 @@ class FormView extends View {
     }
   }
   _onModelChange() {
+    if (this.isSaving) return;
     this.data = this.prepareFormData();
     if (this.isMounted()) {
       if (!this._isFormDrivenChange) {
@@ -5913,4 +5931,4 @@ export {
   applyFileDropMixin as a,
   FormView$1 as b
 };
-//# sourceMappingURL=FormView-ztYkGiQH.js.map
+//# sourceMappingURL=FormView-m5tw5nNB.js.map