web-mojo 2.1.1107 → 2.1.1109

package/dist/chunks/{FormView-IDlCjG8d.js → FormView-DbPZwhZ6.js}

@@ -3667,9 +3667,50 @@ class ListItemsView extends View {
   handleActionToggle(event, element) {
     const value = element.getAttribute("data-value");
     const index = parseInt(element.getAttribute("data-index"), 10);
-    this.emit("toggle", { value, index, shiftKey: event.shiftKey });
+    this.emit("toggle", { value, index, shiftKey: event.shiftKey, element });
     this.lastClickedIndex = index;
   }
+  /**
+   * Update just the checkbox icon for a specific item without re-rendering
+   */
+  updateItemCheckbox(element, selected) {
+    const icon = element.querySelector("i.bi");
+    if (icon) {
+      if (selected) {
+        icon.classList.remove("bi-square");
+        icon.classList.add("bi-check-square-fill", "text-primary");
+      } else {
+        icon.classList.remove("bi-check-square-fill", "text-primary");
+        icon.classList.add("bi-square");
+      }
+    }
+  }
+  /**
+   * Update the select/deselect all buttons based on current counts
+   */
+  updateActionButtons() {
+    const selectAllBtn = this.element?.querySelector('[data-action="select-all"]');
+    const deselectAllBtn = this.element?.querySelector('[data-action="deselect-all"]');
+    if (selectAllBtn) {
+      selectAllBtn.querySelector("span") || selectAllBtn;
+      if (this.allSelected) {
+        selectAllBtn.classList.add("text-muted");
+        selectAllBtn.disabled = true;
+      } else {
+        selectAllBtn.classList.remove("text-muted");
+        selectAllBtn.disabled = false;
+      }
+    }
+    if (deselectAllBtn) {
+      if (this.noneSelected) {
+        deselectAllBtn.classList.add("text-muted");
+        deselectAllBtn.disabled = true;
+      } else {
+        deselectAllBtn.classList.remove("text-muted");
+        deselectAllBtn.disabled = false;
+      }
+    }
+  }
   async handleActionSelectAll(event) {
     event.preventDefault();
     this.emit("select-all");
@@ -3896,7 +3937,7 @@ class CollectionMultiSelectView extends View {
     this.collection.updateParams(params, true);
   }
   // Handle item toggle
-  handleToggle({ value, index, shiftKey }) {
+  handleToggle({ value, index, shiftKey, element }) {
     if (shiftKey && this.listView.lastClickedIndex >= 0) {
       const start = Math.min(this.listView.lastClickedIndex, index);
       const end = Math.max(this.listView.lastClickedIndex, index);
@@ -3914,6 +3955,7 @@ class CollectionMultiSelectView extends View {
           item.selected = shouldSelect;
         }
       }
+      this.updateListView();
     } else {
       const item = this.items[index];
       if (item.selected) {
@@ -3923,8 +3965,15 @@ class CollectionMultiSelectView extends View {
         this.selectedValues.push(value);
         item.selected = true;
       }
+      if (element && this.listView) {
+        this.listView.updateItemCheckbox(element, item.selected);
+        this.listView.selectedCount = this.selectedValues.length;
+        this.listView.unselectedCount = this.items.length - this.selectedValues.length;
+        this.listView.allSelected = this.selectedValues.length === this.items.length && this.items.length > 0;
+        this.listView.noneSelected = this.selectedValues.length === 0;
+        this.listView.updateActionButtons();
+      }
     }
-    this.updateListView();
     this.emit("change", { value: this.selectedValues, name: this.name });
   }
   // Select all
@@ -7839,4 +7888,4 @@ export {
   applyFileDropMixin as a,
   FormView$1 as b
 };
-//# sourceMappingURL=FormView-IDlCjG8d.js.map
+//# sourceMappingURL=FormView-DbPZwhZ6.js.map