web-mojo 2.1.975 → 2.1.976

package/dist/chunks/{FormView-CTTdiFe7.js → FormView-DZrcAbsL.js}

@@ -1700,6 +1700,9 @@ class FormBuilder {
       size = 8,
       maxHeight = null,
       showSelectAll = true,
+      enableSearch = false,
+      searchPlaceholder = "Search...",
+      searchDebounce = 400,
       requiresActiveGroup = false,
       help = field.helpText || field.help || ""
     } = field;
@@ -1721,6 +1724,9 @@ class FormBuilder {
       size,
       maxHeight,
       showSelectAll,
+      enableSearch,
+      searchPlaceholder,
+      searchDebounce,
       disabled,
       required,
       requiresActiveGroup
@@ -3356,6 +3362,14 @@ class CollectionMultiSelectView extends View {
           </label>
           {{/label}}
 
+          {{#enableSearch}}
+            <input type="text" 
+                   class="form-control form-control-sm mb-2" 
+                   placeholder="{{searchPlaceholder}}"
+                   value="{{searchValue}}"
+                   data-change="search" />
+          {{/enableSearch}}
+
           {{#loading}}
             <div class="text-center py-3">
               <div class="spinner-border spinner-border-sm" role="status">
@@ -3426,11 +3440,16 @@ class CollectionMultiSelectView extends View {
     this.size = options.size || 8;
     this.maxHeight = options.maxHeight || this.size * 42;
     this.showSelectAll = options.showSelectAll !== false;
+    this.enableSearch = options.enableSearch || false;
+    this.searchPlaceholder = options.searchPlaceholder || "Search...";
+    this.searchDebounce = options.searchDebounce || 400;
     this.selectedValues = Array.isArray(options.value) ? options.value : [];
     this.loading = false;
     this.items = [];
     this.lastClickedIndex = -1;
     this.fieldId = options.fieldId || `field_${this.name}`;
+    this.searchValue = "";
+    this.searchTimer = null;
   }
   onInit() {
     if (this.collection) {
@@ -3589,6 +3608,35 @@ class CollectionMultiSelectView extends View {
       name: this.name
     });
   }
+  /**
+   * Handle search input with debouncing
+   */
+  async handleChangeSearch(event, element) {
+    this.searchValue = element.value;
+    if (this.searchTimer) {
+      clearTimeout(this.searchTimer);
+    }
+    this.searchTimer = setTimeout(() => {
+      this.performSearch();
+    }, this.searchDebounce);
+  }
+  /**
+   * Perform search on collection
+   */
+  async performSearch() {
+    if (!this.collection) return;
+    try {
+      const searchParams = { ...this.collection.params };
+      if (this.searchValue && this.searchValue.trim()) {
+        searchParams.search = this.searchValue.trim();
+      } else {
+        delete searchParams.search;
+      }
+      await this.collection.updateParams(searchParams, true);
+    } catch (error) {
+      console.error("Search error:", error);
+    }
+  }
   /**
    * Get the current selected values
    */
@@ -7353,4 +7401,4 @@ export {
   applyFileDropMixin as a,
   FormView$1 as b
 };
-//# sourceMappingURL=FormView-CTTdiFe7.js.map
+//# sourceMappingURL=FormView-DZrcAbsL.js.map