web-mojo 2.1.381 → 2.1.457

package/dist/chunks/{FormView-BoxBaXnl.js → FormView-CKGDtfCk.js}

@@ -1,4 +1,4 @@
-import { M as Mustache, h as MOJOUtils, V as View } from "./WebApp-DoFA_eUd.js";
+import { M as Mustache, h as MOJOUtils, V as View } from "./WebApp-BXOZii-s.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);
@@ -3780,10 +3781,9 @@ class DateRangePicker extends View {
       config.setup = (picker) => {
         picker.on("select", (e) => {
           const { start, end } = e.detail;
-          this.handleRangeChange(
-            start ? this.formatDate(start, this.format) : "",
-            end ? this.formatDate(end, this.format) : ""
-          );
+          const startDate = start ? this.normalizeDateFromPicker(start) : "";
+          const endDate = end ? this.normalizeDateFromPicker(end) : "";
+          this.handleRangeChange(startDate, endDate);
         });
         picker.on("clear", () => {
           this.handleRangeChange("", "");
@@ -3881,16 +3881,55 @@ class DateRangePicker extends View {
   // ========================================
   // Utility Methods
   // ========================================
+  /**
+   * Normalize date from Easepick DateTime object
+   * Easepick DateTime objects may have timezone issues, so extract the date components directly
+   */
+  normalizeDateFromPicker(dateObj) {
+    if (!dateObj) return "";
+    if (typeof dateObj.toJSDate === "function") {
+      const jsDate = dateObj.toJSDate();
+      return this.formatDate(jsDate, this.format);
+    }
+    if (typeof dateObj.getFullYear === "function") {
+      const year = dateObj.getFullYear();
+      const month = String(dateObj.getMonth() + 1).padStart(2, "0");
+      const day = String(dateObj.getDate()).padStart(2, "0");
+      switch (this.format) {
+        case "YYYY-MM-DD":
+          return `${year}-${month}-${day}`;
+        case "MM/DD/YYYY":
+          return `${month}/${day}/${year}`;
+        case "DD/MM/YYYY":
+          return `${day}/${month}/${year}`;
+        default:
+          return `${year}-${month}-${day}`;
+      }
+    }
+    return this.formatDate(dateObj, this.format);
+  }
   /**
    * Format date for different contexts
    */
   formatDate(date, format = this.format) {
     if (!date) return "";
-    const d = new Date(date);
-    if (isNaN(d.getTime())) return "";
-    const year = d.getFullYear();
-    const month = String(d.getMonth() + 1).padStart(2, "0");
-    const day = String(d.getDate()).padStart(2, "0");
+    let year, month, day, d;
+    if (typeof date === "string" && /^\d{4}-\d{2}-\d{2}$/.test(date)) {
+      const parts = date.split("-");
+      year = parseInt(parts[0]);
+      month = String(parseInt(parts[1])).padStart(2, "0");
+      day = String(parseInt(parts[2])).padStart(2, "0");
+    } else {
+      if (date instanceof Date) {
+        d = date;
+      } else {
+        d = new Date(date);
+      }
+      if (isNaN(d.getTime())) return "";
+      year = d.getFullYear();
+      month = String(d.getMonth() + 1).padStart(2, "0");
+      day = String(d.getDate()).padStart(2, "0");
+    }
     switch (format) {
       case "YYYY-MM-DD":
         return `${year}-${month}-${day}`;
@@ -3913,7 +3952,8 @@ class DateRangePicker extends View {
           "Nov",
           "Dec"
         ];
-        return `${monthNames[d.getMonth()]} ${day}, ${year}`;
+        const monthIndex = parseInt(month) - 1;
+        return `${monthNames[monthIndex]} ${day}, ${year}`;
       }
       default:
         return `${year}-${month}-${day}`;
@@ -3924,6 +3964,19 @@ class DateRangePicker extends View {
    */
   formatForOutput(date) {
     if (!date) return "";
+    if (typeof date === "string" && /^\d{4}-\d{2}-\d{2}$/.test(date)) {
+      switch (this.outputFormat) {
+        case "epoch":
+          const parts = date.split("-");
+          const d2 = new Date(parseInt(parts[0]), parseInt(parts[1]) - 1, parseInt(parts[2]));
+          return Math.floor(d2.getTime() / 1e3).toString();
+        case "iso":
+          return (/* @__PURE__ */ new Date(date + "T00:00:00")).toISOString();
+        case "date":
+        default:
+          return date;
+      }
+    }
     const d = new Date(date);
     if (isNaN(d.getTime())) return "";
     switch (this.outputFormat) {
@@ -3984,8 +4037,10 @@ class DateRangePicker extends View {
     const endInput = endFieldName ? this.element?.querySelector(`[name="${endFieldName}"]`) : null;
     const combinedInput = this.name ? this.element?.querySelector(`[name="${this.name}"]`) : null;
     const fieldNameInput = this.fieldName ? this.element?.querySelector(`[name="${this.fieldName}"]`) : null;
-    if (startInput) startInput.value = this.currentStartDate ? this.formatForOutput(this.currentStartDate) : "";
-    if (endInput) endInput.value = this.currentEndDate ? this.formatForOutput(this.currentEndDate) : "";
+    const startValue = this.currentStartDate ? this.formatForOutput(this.currentStartDate) : "";
+    const endValue = this.currentEndDate ? this.formatForOutput(this.currentEndDate) : "";
+    if (startInput) startInput.value = startValue;
+    if (endInput) endInput.value = endValue;
     if (combinedInput) combinedInput.value = this.getDisplayValue();
     if (fieldNameInput) fieldNameInput.value = this.name || "";
   }
@@ -4172,7 +4227,7 @@ class FormView extends View {
       fields,
       model = null,
       data = {},
-      defaults = {},
+      defaults = null,
       errors = {},
       fileHandling = "base64",
       // 'base64' | 'multipart'
@@ -4186,7 +4241,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,6 +4296,13 @@ 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
@@ -4401,6 +4463,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) => {
@@ -5066,7 +5132,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":
@@ -5088,6 +5154,7 @@ class FormView extends View {
   setFieldValue(fieldElement, fieldConfig, newValue) {
     switch (fieldConfig.type) {
       case "checkbox":
+      case "toggle":
       case "switch":
         fieldElement.checked = Boolean(newValue);
         break;
@@ -5302,7 +5369,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;
@@ -5938,4 +6005,4 @@ export {
   applyFileDropMixin as a,
   FormView$1 as b
 };
-//# sourceMappingURL=FormView-BoxBaXnl.js.map
+//# sourceMappingURL=FormView-CKGDtfCk.js.map