web-mojo 2.2.15 → 2.2.17

package/dist/chunks/{FormView--WuITh01.js → FormView-D_VTD2EY.js}

@@ -5089,11 +5089,12 @@ class DateRangePicker extends View {
         picker.on("hide", () => {
           this.emit("picker:hide");
         });
+        picker.on("ready", () => {
+          this.applyInitialRange(picker);
+        });
       };
       this.picker = new window.easepick.create(config);
-      if (this.currentStartDate && this.currentEndDate) {
-        this.picker.setDateRange(this.currentStartDate, this.currentEndDate);
-      }
+      this.applyInitialRange(this.picker);
     } catch (error) {
       console.error("Failed to initialize Easepick range picker:", error);
       this.useNative = true;
@@ -5367,7 +5368,9 @@ class DateRangePicker extends View {
     this.currentStartDate = startDate;
     this.currentEndDate = endDate;
     if (this.picker && this.easepickLoaded) {
-      this.picker.setDateRange(startDate || null, endDate || null);
+      const start = this.normalizeDateValue(startDate);
+      const end = this.normalizeDateValue(endDate);
+      this.picker.setDateRange(start || null, end || null);
     } else if (this.useNative) {
       const startInput = this.element?.querySelector(`[name="${this.name}_start"]`);
       const endInput = this.element?.querySelector(`[name="${this.name}_end"]`);
@@ -5382,6 +5385,37 @@ class DateRangePicker extends View {
     this.updateHiddenInputs();
     this.emit("range:set", { startDate, endDate });
   }
+  applyInitialRange(picker) {
+    if (!picker || !(this.currentStartDate || this.currentEndDate)) {
+      return;
+    }
+    const start = this.normalizeDateValue(this.currentStartDate);
+    const end = this.normalizeDateValue(this.currentEndDate);
+    if (start || end) {
+      picker.setDateRange(start || null, end || null);
+    }
+  }
+  normalizeDateValue(value) {
+    if (!value && value !== 0) return null;
+    if (value instanceof Date) {
+      return isNaN(value) ? null : value;
+    }
+    const str = String(value).trim();
+    if (!str) return null;
+    if (/^\d{4}-\d{2}-\d{2}$/.test(str)) {
+      const [year, month, day] = str.split("-").map(Number);
+      const date2 = new Date(year, month - 1, day);
+      return isNaN(date2) ? null : date2;
+    }
+    if (/^-?\d+$/.test(str)) {
+      const num = Number(str);
+      const ms = str.length <= 10 ? num * 1e3 : num;
+      const date2 = new Date(ms);
+      return isNaN(date2) ? null : date2;
+    }
+    const date = new Date(str);
+    return isNaN(date) ? null : date;
+  }
   /**
    * Get the current date range
    */
@@ -6128,7 +6162,16 @@ class ComboBox extends View {
     this.name = options.name || "combo";
     this.placeholder = options.placeholder || options.placeHolder || "Type or select...";
     this.value = options.value || "";
-    this.options = options.options || [];
+    this.options = (options.options || []).map((option) => {
+      if (typeof option === "string") {
+        return { label: option, value: option };
+      }
+      if (typeof option === "object" && option !== null) {
+        return option;
+      } else {
+        return { label: option, value: option };
+      }
+    });
     this.allowCustom = options.allowCustom !== false;
     this.disabled = options.disabled || false;
     this.required = options.required || false;
@@ -6139,22 +6182,22 @@ class ComboBox extends View {
     this.template = `
       <div class="combobox-container">
         <div class="input-group">
-          <input type="text" 
-                 class="form-control combobox-input" 
+          <input type="text"
+                 class="form-control combobox-input"
                  placeholder="{{placeholder}}"
                  value="{{value}}"
                  {{#disabled}}disabled{{/disabled}}
                  {{#required}}required{{/required}}
                  data-action="combobox-input"
                  autocomplete="off">
-          <button class="btn btn-outline-secondary combobox-toggle" 
+          <button class="btn btn-outline-secondary combobox-toggle"
                   type="button"
                   data-action="combobox-toggle"
                   {{#disabled}}disabled{{/disabled}}>
             <i class="bi bi-chevron-down"></i>
           </button>
         </div>
-        <div class="dropdown-menu combobox-dropdown" 
+        <div class="dropdown-menu combobox-dropdown"
              style="max-height: {{maxHeight}}px; overflow-y: auto; width: 100%;">
           <div data-region="dropdown-items"></div>
           {{^allowCustom}}
@@ -6167,7 +6210,7 @@ class ComboBox extends View {
     `;
     this.itemTemplate = `
       {{#items}}
-      <button type="button" 
+      <button type="button"
               class="dropdown-item combobox-item {{#highlighted}}active{{/highlighted}}"
               data-action="select-item"
               data-value="{{value}}"
@@ -8549,4 +8592,4 @@ export {
   applyFileDropMixin as a,
   FormView$1 as b
 };
-//# sourceMappingURL=FormView--WuITh01.js.map
+//# sourceMappingURL=FormView-D_VTD2EY.js.map