web-mojo 2.1.378 → 2.1.380

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

@@ -1,4 +1,4 @@
-import { M as Mustache, h as MOJOUtils, V as View } from "./WebApp-CUL8EXgl.js";
+import { M as Mustache, h as MOJOUtils, V as View } from "./WebApp-p0nOftj0.js";
 class FormBuilder {
   constructor(config = {}) {
     this.fields = config.fields || [];
@@ -4240,6 +4240,7 @@ class FormView extends View {
     this.data = this.prepareFormData();
     this.populateFormValues();
     this.initializeFormComponents();
+    this.initializeChangeHandlers();
   }
   /**
    * Populate all form fields with current data values
@@ -4307,10 +4308,43 @@ class FormView extends View {
     this.initializeDateRangePickers();
     const componentContainers = this.element.querySelectorAll("[data-component]");
     componentContainers.forEach((container) => {
-      const componentType = container.getAttribute("data-component");
-      const fieldName = container.getAttribute("data-field");
-      if (componentType && fieldName) {
-        console.log(`Found ${componentType} component for field: ${fieldName}`);
+      container.getAttribute("data-component");
+      container.getAttribute("data-field");
+    });
+  }
+  /**
+   * Initialize generic change handlers for all form inputs
+   */
+  initializeChangeHandlers() {
+    if (!this.element) return;
+    const inputs = this.element.querySelectorAll("input:not([data-action]), select:not([data-action]), textarea:not([data-action])");
+    inputs.forEach((input) => {
+      if (input.hasAttribute("data-component") || input.classList.contains("form-check-input")) {
+        return;
+      }
+      input.addEventListener("change", (event) => {
+        if (this._isFormDrivenChange) return;
+        const fieldName = input.name;
+        if (fieldName) {
+          let value = input.value;
+          if (input.type === "checkbox") {
+            value = input.checked;
+          } else if (input.type === "radio") {
+            if (!input.checked) return;
+          } else if (input.multiple && input.selectedOptions) {
+            value = Array.from(input.selectedOptions).map((opt) => opt.value);
+          }
+          this.handleFieldChange(fieldName, value);
+        }
+      });
+      if (input.type === "text" || input.type === "email" || input.type === "url" || input.tagName === "TEXTAREA") {
+        input.addEventListener("input", (event) => {
+          if (this._isFormDrivenChange) return;
+          const fieldName = input.name;
+          if (fieldName) {
+            this.handleFieldChange(fieldName, input.value);
+          }
+        });
       }
     });
   }
@@ -4335,7 +4369,6 @@ class FormView extends View {
           this.handleFieldChange(fieldName, data.value);
         });
       } catch (error) {
-        console.error("Failed to initialize TagInput:", error);
       }
     });
   }
@@ -4351,7 +4384,6 @@ class FormView extends View {
         const config = JSON.parse(configData);
         const fieldConfig = this.getFormFieldConfig(fieldName);
         if (!fieldConfig || !fieldConfig.Collection) {
-          console.warn(`CollectionSelect field ${fieldName} missing Collection class`);
           return;
         }
         const collection = new fieldConfig.Collection();
@@ -4370,7 +4402,6 @@ class FormView extends View {
           this.handleFieldChange(fieldName, data.value);
         });
       } catch (error) {
-        console.error("Failed to initialize CollectionSelect:", error);
       }
     });
   }
@@ -4395,7 +4426,6 @@ class FormView extends View {
           this.handleFieldChange(fieldName, data.value);
         });
       } catch (error) {
-        console.error("Failed to initialize DatePicker:", error);
       }
     });
   }
@@ -4420,7 +4450,6 @@ class FormView extends View {
           this.handleFieldChange(fieldName, data.combined);
         });
       } catch (error) {
-        console.error("Failed to initialize DateRangePicker:", error);
       }
     });
   }
@@ -4461,7 +4490,6 @@ class FormView extends View {
         }
         statusManager.showStatus("saved");
       } catch (error) {
-        console.error("Field save error:", error);
         statusManager.showStatus("error", { message: error.message });
       } finally {
         this.isSaving = false;
@@ -4495,7 +4523,7 @@ class FormView extends View {
     }
   }
   /**
-   * Get reason why a field is considered changed (for debugging)
+   * Get reason why a field is considered changed
    * @param {*} newValue - New value from form
    * @param {*} originalValue - Original value from model
    * @returns {string} Reason for change
@@ -4722,7 +4750,6 @@ class FormView extends View {
         try {
           const ImageCropView = window.MOJO?.plugins?.ImageCropView;
           if (!ImageCropView) {
-            console.warn("ImageCropView not available. Load lightbox extension for image cropping.");
             return;
           }
           const result = await ImageCropView.showDialog(previewUrl, {
@@ -4755,7 +4782,6 @@ class FormView extends View {
             element.value = "";
           }
         } catch (error) {
-          console.error("Error during image cropping:", error);
           this.data[fieldName] = file;
           await this.updateImagePreview(fieldName, previewUrl);
           this.emit("image:selected", {
@@ -4876,7 +4902,6 @@ class FormView extends View {
    * Handle file drop errors
    */
   async onFileDropError(error, event, files) {
-    console.error("File drop error:", error.message);
     this.showError(`File upload error: ${error.message}`);
     this.emit("file:error", {
       error,
@@ -4949,7 +4974,6 @@ class FormView extends View {
         try {
           data[textarea.name] = JSON.parse(textarea.value);
         } catch (e) {
-          console.warn(`Invalid JSON in field ${textarea.name}:`, textarea.value);
           data[textarea.name] = textarea.value;
         }
       });
@@ -4958,7 +4982,6 @@ class FormView extends View {
           try {
             data[key] = await this.fileToBase64(value);
           } catch (error) {
-            console.error(`Failed to convert file ${key} to base64:`, error);
             data[key] = null;
           }
         } else if (value instanceof FileList) {
@@ -4967,7 +4990,6 @@ class FormView extends View {
             try {
               base64Files.push(await this.fileToBase64(value[i]));
             } catch (error) {
-              console.error(`Failed to convert file ${key}[${i}] to base64:`, error);
               base64Files.push(null);
             }
           }
@@ -5135,7 +5157,6 @@ class FormView extends View {
         return formData;
       }
     } catch (error) {
-      console.error("Form submission error:", error);
       return {
         success: false,
         error: error.message || "An error occurred while submitting the form"
@@ -5155,22 +5176,17 @@ class FormView extends View {
     if (!formData) formData = await this.getFormData();
     const changes = this.getChangedData(formData);
     if (!changes || Object.keys(changes).length === 0) {
-      console.log("No changes detected, skipping save");
       return {
         success: true,
         message: "No changes to save",
         data: formData
       };
     }
-    console.log("Saving changed data via model:", changes);
-    console.log("Data type:", changes instanceof FormData ? "FormData (multipart)" : "Object (JSON/base64)");
     try {
       this._isFormDrivenChange = true;
       const result = await this.model.save(changes);
-      console.log("Model save result:", result);
       return result;
     } catch (error) {
-      console.error("Model save error:", error);
       throw error;
     }
   }
@@ -5182,19 +5198,12 @@ class FormView extends View {
   getChangedData(currentData) {
     if (!this.model) return currentData;
     const originalData = this.getOriginalModelData();
-    console.log("=== Change Detection ===");
-    console.log("Original model data:", originalData);
-    console.log("Current form data:", currentData instanceof FormData ? "[FormData object]" : currentData);
     let changes;
     if (currentData instanceof FormData) {
-      console.log("Comparing FormData...");
       changes = this.getChangedFormData(currentData, originalData);
     } else {
-      console.log("Comparing Object data...");
       changes = this.getChangedObjectData(currentData, originalData);
     }
-    console.log("Changes detected:", changes instanceof FormData ? "[FormData with changes]" : changes);
-    console.log("=== End Change Detection ===");
     return changes;
   }
   /**
@@ -5221,21 +5230,16 @@ class FormView extends View {
     let hasChanges = false;
     for (const [key, value] of currentData.entries()) {
       if (value instanceof File) {
-        if (value.size === 0 || value.name === "" || value.name === "blob") {
-          console.log(`  - ${key}: Empty file field (no change)`);
-        } else {
-          console.log(`  - ${key}: File upload detected (${value.name}, ${value.size} bytes)`);
+        if (value.size === 0 || value.name === "" || value.name === "blob") ;
+        else {
           changedData.set(key, value);
           hasChanges = true;
         }
       } else {
         const originalValue = originalData[key];
         if (value !== originalValue && value !== String(originalValue)) {
-          console.log(`  - ${key}: "${originalValue}" → "${value}"`);
           changedData.set(key, value);
           hasChanges = true;
-        } else {
-          console.log(`  - ${key}: unchanged ("${value}")`);
         }
       }
     }
@@ -5385,7 +5389,6 @@ class FormView extends View {
    * Show error message
    */
   showError(message) {
-    console.error("Form error:", message);
     this.emit("error", { message, form: this });
     if (this.element) {
       const existingAlerts = this.element.querySelectorAll(".alert");
@@ -5421,7 +5424,6 @@ class FormView extends View {
   async updateImagePreview(fieldName, imageUrl) {
     const dropZone = this.element.querySelector(`[data-field="${fieldName}"].image-drop-zone`);
     if (!dropZone) {
-      console.warn(`Could not find drop zone for field: ${fieldName}`);
       return;
     }
     let preview = dropZone.querySelector("img");
@@ -5931,4 +5933,4 @@ export {
   applyFileDropMixin as a,
   FormView$1 as b
 };
-//# sourceMappingURL=FormView-B1ldH_5V.js.map
+//# sourceMappingURL=FormView-CCrutTVr.js.map