@ascentgl/ads-ui 21.117.0 → 21.118.0

package/fesm2022/ascentgl-ads-ui.mjs

@@ -9190,8 +9190,9 @@ class AdsTableComponent {
         if (this.gridApi) {
             this.gridApi.onFilterChanged();
             this.updateFilteringState();
+            // Refresh headers immediately to apply active class
             if (this.enableCustomSortFilter) {
-                this.pendingHeaderRefresh = true;
+                this.gridApi.refreshHeader();
             }
         }
         // Emit event for external listeners
@@ -9208,8 +9209,9 @@ class AdsTableComponent {
         if (this.gridApi) {
             this.gridApi.onFilterChanged();
             this.updateFilteringState();
+            // Refresh headers immediately to remove active class
             if (this.enableCustomSortFilter) {
-                this.pendingHeaderRefresh = true;
+                this.gridApi.refreshHeader();
             }
         }
         // Emit event for each removed field
@@ -9233,6 +9235,14 @@ class AdsTableComponent {
     onSortMenuSortChanged(event) {
         if (!this.gridApi)
             return;
+        // Update columnSortStates signal so custom headers reflect the active state
+        const newSortStates = new Map();
+        event.sorts.forEach(s => {
+            if (s.direction) {
+                newSortStates.set(s.field, s.direction);
+            }
+        });
+        this.columnSortStates.set(newSortStates);
         // Build column state for AG Grid with sort indexes
         const sortState = event.sorts.map((s, index) => ({
             colId: s.field,
@@ -9245,11 +9255,19 @@ class AdsTableComponent {
             defaultState: { sort: null },
         });
         this.updateSortingState();
+        // Refresh headers to apply active class
+        if (this.enableCustomSortFilter) {
+            this.gridApi.refreshHeader();
+        }
     }
     /** @ignore - Handle sort removal from sort menu */
     onSortMenuSortsRemoved(fields) {
         if (!this.gridApi)
             return;
+        // Update columnSortStates signal
+        const newStates = new Map(this.columnSortStates());
+        fields.forEach(field => newStates.delete(field));
+        this.columnSortStates.set(newStates);
         // Clear sort for the removed fields
         const clearState = fields.map(field => ({
             colId: field,
@@ -9257,6 +9275,10 @@ class AdsTableComponent {
         }));
         this.gridApi.applyColumnState({ state: clearState });
         this.updateSortingState();
+        // Refresh headers to remove active class
+        if (this.enableCustomSortFilter) {
+            this.gridApi.refreshHeader();
+        }
     }
     /** @ignore */
     updateFilteringState() {