@ascentgl/ads-ui 21.56.0 → 21.57.0

package/fesm2022/ascentgl-ads-ui.mjs

@@ -7822,10 +7822,19 @@ class AdsTableComponent {
                 // Column is filtered if:
                 // - No options are selected (empty array = all unchecked)
                 // - Some but not all options are selected
-                if (values.length === 0 || values.length < config.filterOptions.length) {
-                    if (!filteredColumnsList.includes(field)) {
-                        filteredColumnsList.push(field);
-                    }
+                // - filterOptions is empty but we have stored values (data not loaded yet)
+                const hasFilterOptions = config.filterOptions.length > 0;
+                const isFiltered = values.length === 0 ||
+                    (hasFilterOptions && values.length < config.filterOptions.length) ||
+                    (!hasFilterOptions && values.length > 0);
+                if (isFiltered && !filteredColumnsList.includes(field)) {
+                    filteredColumnsList.push(field);
+                }
+            }
+            else if (values.length > 0) {
+                // If no config but we have filter values, consider it filtered
+                if (!filteredColumnsList.includes(field)) {
+                    filteredColumnsList.push(field);
                 }
             }
         }
@@ -8098,6 +8107,13 @@ class AdsTableComponent {
     /** @ignore */
     onFirstDataRendered(params) {
         params.api.sizeColumnsToFit();
+        // Re-evaluate filtering state now that data is available
+        // This ensures filter button shows correct state when filters were applied before data loaded
+        // Use setTimeout to avoid ExpressionChangedAfterItHasBeenCheckedError
+        setTimeout(() => {
+            this.updateFilteringState();
+            this.cdr.detectChanges();
+        });
     }
     /** @ignore */
     getAgGridIcons() {