@ascentgl/ads-ui 21.53.0 → 21.55.0

package/fesm2022/ascentgl-ads-ui.mjs

@@ -7723,32 +7723,6 @@ class AdsTableComponent {
         this.columnVisibilityMenuOpen = false;
     }
     /** @ignore */
-    syncColumnVisibilityWithGrid() {
-        if (!this.gridApi)
-            return;
-        // Get current column state from grid
-        const columnState = this.gridApi.getColumnState();
-        const currentVisibilityList = this.columnVisibilityList();
-        let hasChanges = false;
-        // Update form controls to match grid state
-        currentVisibilityList.forEach(item => {
-            const gridColumn = columnState.find(col => col.colId === item.field);
-            if (gridColumn) {
-                const isVisible = !gridColumn.hide;
-                // Only update if the value is different to avoid unnecessary change events
-                if (item.control.value !== isVisible) {
-                    // Temporarily disable the subscription to prevent recursive updates
-                    item.control.setValue(isVisible, { emitEvent: false });
-                    hasChanges = true;
-                }
-            }
-        });
-        // Trigger change detection to update hideColumnButtonLabel and other computed properties
-        if (hasChanges) {
-            this.cdr.detectChanges();
-        }
-    }
-    /** @ignore */
     hideAllColumns() {
         const currentList = this.columnVisibilityList();
         currentList.forEach((item) => {
@@ -7832,30 +7806,6 @@ class AdsTableComponent {
         return this.filteredColumns.length > 0;
     }
     /** @ignore */
-    updateSortingState() {
-        if (this.gridApi) {
-            const sortModel = this.gridApi.getColumnState();
-            const sortedColumns = sortModel.filter((col) => col.sort !== null);
-            // Sort by sortIndex to maintain the order in which columns were clicked for sorting
-            sortedColumns.sort((a, b) => {
-                const indexA = a.sortIndex ?? 0;
-                const indexB = b.sortIndex ?? 0;
-                return indexA - indexB;
-            });
-            // Update sorted columns array in the correct order
-            this.sortedColumns = sortedColumns.map((col) => col.colId);
-            // Keep backward compatibility for single sort
-            if (sortedColumns.length > 0) {
-                this.currentSortField = sortedColumns[0].colId;
-                this.currentSortDirection = sortedColumns[0].sort;
-            }
-            else {
-                this.currentSortField = null;
-                this.currentSortDirection = null;
-            }
-        }
-    }
-    /** @ignore */
     updateFilteringState() {
         const filteredColumnsList = [];
         // Check AG Grid's internal filter model
@@ -7994,12 +7944,15 @@ class AdsTableComponent {
     /** @ignore */
     onColumnSortChanged(event) {
         const newStates = new Map(this.columnSortStates());
+        const isMultiSort = this.gridOptions?.alwaysMultiSort === true;
         if (event.direction === null) {
             newStates.delete(event.field);
         }
         else {
-            // Clear other sorts if not multi-sort (single column sort)
-            newStates.clear();
+            // Only clear other sorts if not multi-sort mode
+            if (!isMultiSort) {
+                newStates.clear();
+            }
             newStates.set(event.field, event.direction);
         }
         this.columnSortStates.set(newStates);
@@ -8011,10 +7964,20 @@ class AdsTableComponent {
                 });
             }
             else {
-                this.gridApi.applyColumnState({
-                    state: [{ colId: event.field, sort: event.direction }],
-                    defaultState: { sort: null },
-                });
+                if (isMultiSort) {
+                    // For multi-sort, only update the specific column without clearing others
+                    const currentState = this.gridApi.getColumnState();
+                    const maxSortIndex = currentState.reduce((max, col) => col.sortIndex !== null && col.sortIndex !== undefined ? Math.max(max, col.sortIndex) : max, -1);
+                    this.gridApi.applyColumnState({
+                        state: [{ colId: event.field, sort: event.direction, sortIndex: maxSortIndex + 1 }],
+                    });
+                }
+                else {
+                    this.gridApi.applyColumnState({
+                        state: [{ colId: event.field, sort: event.direction }],
+                        defaultState: { sort: null },
+                    });
+                }
             }
             this.updateSortingState();
         }
@@ -8240,8 +8203,79 @@ class AdsTableComponent {
      * Call this method after programmatically changing column visibility via gridApi.applyColumnState()
      * This will also update the hideColumnButtonLabel to reflect the current state.
      */
-    syncColumnVisibility() {
-        this.syncColumnVisibilityWithGrid();
+    syncColumnVisibilityWithGrid() {
+        if (!this.gridApi)
+            return;
+        // Get current column state from grid
+        const columnState = this.gridApi.getColumnState();
+        const currentVisibilityList = this.columnVisibilityList();
+        let hasChanges = false;
+        // Update form controls to match grid state
+        currentVisibilityList.forEach(item => {
+            const gridColumn = columnState.find(col => col.colId === item.field);
+            if (gridColumn) {
+                const isVisible = !gridColumn.hide;
+                // Only update if the value is different to avoid unnecessary change events
+                if (item.control.value !== isVisible) {
+                    // Temporarily disable the subscription to prevent recursive updates
+                    item.control.setValue(isVisible, { emitEvent: false });
+                    hasChanges = true;
+                }
+            }
+        });
+        // Trigger change detection to update hideColumnButtonLabel and other computed properties
+        if (hasChanges) {
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Updates the internal sorting state to reflect the current grid column state.
+     * Call this method after programmatically changing column sorting via gridApi.applyColumnState()
+     */
+    updateSortingState() {
+        if (this.gridApi) {
+            const sortModel = this.gridApi.getColumnState();
+            const sortedColumns = sortModel.filter((col) => col.sort !== null);
+            // Sort by sortIndex to maintain the order in which columns were clicked for sorting
+            sortedColumns.sort((a, b) => {
+                const indexA = a.sortIndex ?? 0;
+                const indexB = b.sortIndex ?? 0;
+                return indexA - indexB;
+            });
+            // Update sorted columns array in the correct order
+            this.sortedColumns = sortedColumns.map((col) => col.colId);
+            // Keep backward compatibility for single sort
+            if (sortedColumns.length > 0) {
+                this.currentSortField = sortedColumns[0].colId;
+                this.currentSortDirection = sortedColumns[0].sort;
+            }
+            else {
+                this.currentSortField = null;
+                this.currentSortDirection = null;
+            }
+            // Update columnSortStates signal for custom sort/filter headers
+            const newSortStates = new Map();
+            sortedColumns.forEach((col) => {
+                newSortStates.set(col.colId, col.sort);
+            });
+            this.columnSortStates.set(newSortStates);
+        }
+    }
+    /**
+     * Sets the filter states for columns programmatically.
+     * Call this method to apply saved filter preferences.
+     * @param filterStates - A map or object where keys are field names and values are arrays of selected filter values
+     */
+    setColumnFilterStates(filterStates) {
+        const newStates = filterStates instanceof Map
+            ? new Map(filterStates)
+            : new Map(Object.entries(filterStates));
+        this.columnFilterStates.set(newStates);
+        // Apply external filter to grid
+        if (this.gridApi) {
+            this.gridApi.onFilterChanged();
+            this.updateFilteringState();
+        }
     }
     /** @ignore */
     ngOnDestroy() {