web-mojo 2.1.380 → 2.1.443

package/dist/chunks/{FormView-CCrutTVr.js → FormView-BDKrUX1-.js}

@@ -1,4 +1,4 @@
-import { M as Mustache, h as MOJOUtils, V as View } from "./WebApp-p0nOftj0.js";
+import { M as Mustache, h as MOJOUtils, V as View } from "./WebApp-BPWJVv80.js";
 class FormBuilder {
   constructor(config = {}) {
     this.fields = config.fields || [];
@@ -345,10 +345,7 @@ class FormBuilder {
     const fieldsHTML = this.buildFieldsHTML();
     const buttonsHTML = this.buildButtonsHTML();
     return `
-      <form class="${this.options.formClass}"
-            method="${this.options.formMethod}"
-            ${this.options.formAction ? `action="${this.options.formAction}"` : ""}
-            novalidate>
+      <form class="${this.options.formClass}" novalidate>
         ${fieldsHTML}
         ${buttonsHTML}
       </form>
@@ -2754,6 +2751,8 @@ class CollectionSelectView extends View {
     this.handleDocumentClick = this.handleDocumentClick.bind(this);
     this.handleKeyDown = this.handleKeyDown.bind(this);
     this.handleInputEvents = this.handleInputEvents.bind(this);
+  }
+  onInit() {
     if (this.collection) {
       this.setupCollection();
     }
@@ -2791,16 +2790,18 @@ class CollectionSelectView extends View {
   }
   async loadSelectedItem() {
     try {
+      if (!this.selectedValue || this.selectedValue == "0") return;
+      if (this.selectedLabel) return;
       const selectedModel = this.collection?.get(this.selectedValue);
       if (selectedModel) {
         this.selectedLabel = selectedModel.get(this.labelField);
-        this.render();
+        this.render(false);
         return;
       }
       let model = await this.collection.fetchOne(this.selectedValue);
       if (model) {
         this.selectedLabel = model.get(this.labelField, `${model.constructor.name} #${model.id}`);
-        this.render();
+        this.render(false);
       }
     } catch (error) {
       console.error("Error loading selected item:", error);
@@ -4172,7 +4173,7 @@ class FormView extends View {
       fields,
       model = null,
       data = {},
-      defaults = {},
+      defaults = null,
       errors = {},
       fileHandling = "base64",
       // 'base64' | 'multipart'
@@ -4186,7 +4187,7 @@ class FormView extends View {
       ...viewOptions
     });
     this.model = model;
-    this.defaults = defaults;
+    this.defaults = defaults || data;
     this._originalData = data;
     this.errors = errors;
     this.loading = false;
@@ -4241,21 +4242,33 @@ class FormView extends View {
     this.populateFormValues();
     this.initializeFormComponents();
     this.initializeChangeHandlers();
+    const form = this.getFormElement();
+    if (form) {
+      form.addEventListener("submit", (e) => {
+        e.preventDefault();
+        return false;
+      });
+    }
   }
   /**
    * Populate all form fields with current data values
    */
   populateFormValues() {
     if (!this.element || !this.formConfig?.fields) return;
-    this.formConfig.fields.forEach((field) => {
-      if (field.type === "group" && field.fields) {
-        field.fields.forEach((groupField) => {
-          this.populateFieldValue(groupField);
-        });
-      } else {
-        this.populateFieldValue(field);
-      }
-    });
+    this._isPopulating = true;
+    try {
+      this.formConfig.fields.forEach((field) => {
+        if (field.type === "group" && field.fields) {
+          field.fields.forEach((groupField) => {
+            this.populateFieldValue(groupField);
+          });
+        } else {
+          this.populateFieldValue(field);
+        }
+      });
+    } finally {
+      this._isPopulating = false;
+    }
   }
   /**
    * Populate a single field with its value from data
@@ -4323,7 +4336,7 @@ class FormView extends View {
         return;
       }
       input.addEventListener("change", (event) => {
-        if (this._isFormDrivenChange) return;
+        if (this._isPopulating) return;
         const fieldName = input.name;
         if (fieldName) {
           let value = input.value;
@@ -4339,7 +4352,7 @@ class FormView extends View {
       });
       if (input.type === "text" || input.type === "email" || input.type === "url" || input.tagName === "TEXTAREA") {
         input.addEventListener("input", (event) => {
-          if (this._isFormDrivenChange) return;
+          if (this._isPopulating) return;
           const fieldName = input.name;
           if (fieldName) {
             this.handleFieldChange(fieldName, input.value);
@@ -4396,6 +4409,10 @@ class FormView extends View {
           containerId: null
           // We'll mount directly
         });
+        let value = MOJOUtils.getContextData(this.data, fieldName);
+        if (value) {
+          collectionSelect.setFormValue(value);
+        }
         collectionSelect.render(true, placeholder);
         this.customComponents.set(fieldName, collectionSelect);
         collectionSelect.on("change", (data) => {
@@ -5061,7 +5078,7 @@ class FormView extends View {
   getFieldCurrentValue(fieldElement, fieldConfig) {
     switch (fieldConfig.type) {
       case "checkbox":
-        return fieldElement.checked;
+      case "toggle":
       case "switch":
         return fieldElement.checked;
       case "radio":
@@ -5083,6 +5100,7 @@ class FormView extends View {
   setFieldValue(fieldElement, fieldConfig, newValue) {
     switch (fieldConfig.type) {
       case "checkbox":
+      case "toggle":
       case "switch":
         fieldElement.checked = Boolean(newValue);
         break;
@@ -5297,7 +5315,7 @@ class FormView extends View {
         }
       }
     }
-    if (fieldType === "switch" || fieldType === "checkbox") {
+    if (fieldType === "switch" || fieldType === "checkbox" || fieldType === "toggle") {
       const newBool = !!newValue;
       const originalBool = !!originalValue;
       return newBool !== originalBool;
@@ -5933,4 +5951,4 @@ export {
   applyFileDropMixin as a,
   FormView$1 as b
 };
-//# sourceMappingURL=FormView-CCrutTVr.js.map
+//# sourceMappingURL=FormView-BDKrUX1-.js.map