@ascentgl/ads-ui 20.30.0 → 20.31.0

package/fesm2022/ascentgl-ads-ui.mjs

@@ -6420,7 +6420,7 @@ class AdsTableComponent {
         this.defaultColDef = {};
         /**  Loading data status */
         this.loading = false;
-        /**  Columns data by breakPoints */
+        /**  Column data by breakPoints */
         this.columnDefsByBreakpoint = {
             [TableBreakpoint.XS]: [],
             [TableBreakpoint.SM]: [],
@@ -6428,7 +6428,7 @@ class AdsTableComponent {
             [TableBreakpoint.LG]: [],
             [TableBreakpoint.XL]: [],
         };
-        /**  Show/hide the header with column visibility button */
+        /**  Show/hide the header with the column visibility button */
         this.showHeaderActions = false;
         /** Event emitted when all filters are cleared */
         this.filtersCleared = new EventEmitter();
@@ -6492,27 +6492,23 @@ class AdsTableComponent {
         // Preserve existing visibility states
         const existingVisibilityStates = new Map();
         const currentList = this.columnVisibilityList();
-        currentList.forEach(item => {
+        currentList.forEach((item) => {
             existingVisibilityStates.set(item.field, item.control.value);
         });
         const columns = this.getActiveColumnDefs();
-        const visibilityList = columns.map(col => {
+        const visibilityList = columns.map((col) => {
             const fieldName = col.field || '';
             // Use existing state if available, otherwise use column definition
-            const isVisible = existingVisibilityStates.has(fieldName)
-                ? existingVisibilityStates.get(fieldName)
-                : !col.hide;
+            const isVisible = existingVisibilityStates.get(fieldName) ?? !col.hide;
             const control = new FormControl(isVisible, { nonNullable: true });
             // Subscribe to value changes
-            control.valueChanges
-                .pipe(takeUntil$1(this.destroy$))
-                .subscribe(() => {
+            control.valueChanges.pipe(takeUntil$1(this.destroy$)).subscribe(() => {
                 this.updateGridColumns();
             });
             return {
                 field: fieldName,
                 headerName: col.headerName || col.field || '',
-                control: control
+                control: control,
             };
         });
         this.columnVisibilityList.set(visibilityList);
@@ -6527,7 +6523,8 @@ class AdsTableComponent {
         if (this.columnDefs?.length) {
             return this.columnDefs;
         }
-        const currentBreakpoint = this.currentBreakpoint || this.getBreakpoint(this.elementRef.nativeElement.querySelector('ag-grid-angular')?.clientWidth || 1000);
+        const currentBreakpoint = this.currentBreakpoint ||
+            this.getBreakpoint(this.elementRef.nativeElement.querySelector('ag-grid-angular')?.clientWidth || 1000);
         let columns = this.columnDefsByBreakpoint[currentBreakpoint] ?? [];
         if (columns.length === 0) {
             columns = this.getFallbackColumnDefs(currentBreakpoint);
@@ -6536,7 +6533,7 @@ class AdsTableComponent {
     }
     /** @ignore */
     openColumnVisibilityMenu() {
-        // Simple approach: update truncation states after a short delay when menu opens
+        // Simple approach: update truncation states after a short delay when a menu opens
         setTimeout(() => {
             this.updateTruncationStates();
         }, 150);
@@ -6544,28 +6541,28 @@ class AdsTableComponent {
     /** @ignore */
     hideAllColumns() {
         const currentList = this.columnVisibilityList();
-        currentList.forEach(item => {
+        currentList.forEach((item) => {
             item.control.setValue(false);
         });
     }
     /** @ignore */
     showAllColumns() {
         const currentList = this.columnVisibilityList();
-        currentList.forEach(item => {
+        currentList.forEach((item) => {
             item.control.setValue(true);
         });
     }
     /** @ignore */
     get allColumnsVisible() {
-        return this.columnVisibilityList().every(item => item.control.value);
+        return this.columnVisibilityList().every((item) => item.control.value);
     }
     /** @ignore */
     get allColumnsHidden() {
-        return this.columnVisibilityList().every(item => !item.control.value);
+        return this.columnVisibilityList().every((item) => !item.control.value);
     }
     /** @ignore */
     get hiddenColumnsCount() {
-        return this.columnVisibilityList().filter(item => !item.control.value).length;
+        return this.columnVisibilityList().filter((item) => !item.control.value).length;
     }
     /** @ignore */
     get hideColumnButtonLabel() {
@@ -6583,7 +6580,7 @@ class AdsTableComponent {
     /** @ignore */
     get sortButtonLabel() {
         if (this.isSortedTable) {
-            const column = this.getActiveColumnDefs().find(col => col.field === this.currentSortField);
+            const column = this.getActiveColumnDefs().find((col) => col.field === this.currentSortField);
             const columnName = column?.headerName || column?.field || this.currentSortField;
             return `Sorted by ${columnName}`;
         }
@@ -6595,13 +6592,13 @@ class AdsTableComponent {
             return 'Filter';
         }
         else if (this.filteredColumns.length === 1) {
-            const column = this.getActiveColumnDefs().find(col => col.field === this.filteredColumns[0]);
+            const column = this.getActiveColumnDefs().find((col) => col.field === this.filteredColumns[0]);
             const columnName = column?.headerName || column?.field || this.filteredColumns[0];
             return `Filtered by ${columnName}`;
         }
         else {
-            const columnNames = this.filteredColumns.map(fieldName => {
-                const column = this.getActiveColumnDefs().find(col => col.field === fieldName);
+            const columnNames = this.filteredColumns.map((fieldName) => {
+                const column = this.getActiveColumnDefs().find((col) => col.field === fieldName);
                 return column?.headerName || column?.field || fieldName;
             });
             return `Filtered by ${columnNames.join(', ')}`;
@@ -6619,7 +6616,7 @@ class AdsTableComponent {
     updateSortingState() {
         if (this.gridApi) {
             const sortModel = this.gridApi.getColumnState();
-            const sortedColumn = sortModel.find(col => col.sort !== null);
+            const sortedColumn = sortModel.find((col) => col.sort !== null);
             if (sortedColumn && sortedColumn.sort) {
                 this.currentSortField = sortedColumn.colId;
                 this.currentSortDirection = sortedColumn.sort;
@@ -6647,18 +6644,20 @@ class AdsTableComponent {
     }
     /** @ignore */
     sortChanged($event) {
-        return this.gridOptions?.onSortChanged ? this.gridOptions.onSortChanged($event) : this.onSortChanged();
+        this.onSortChanged();
+        this.gridOptions?.onSortChanged?.($event);
     }
     /** @ignore */
     filterChanged($event) {
-        return this.gridOptions?.onFilterChanged ? this.gridOptions.onFilterChanged($event) : this.onFilterChanged();
+        this.onFilterChanged();
+        this.gridOptions?.onFilterChanged?.($event);
     }
     /** @ignore */
     clearAllFilters() {
         if (this.gridApi) {
             this.gridApi.setFilterModel(null);
             this.updateFilteringState();
-            // Emit event to notify header template that filters were cleared
+            // Emit event to notify the header template that filters were cleared
             this.filtersCleared.emit();
         }
     }
@@ -6666,7 +6665,7 @@ class AdsTableComponent {
     clearAllSorting() {
         if (this.gridApi) {
             this.gridApi.applyColumnState({
-                defaultState: { sort: null }
+                defaultState: { sort: null },
             });
             this.updateSortingState();
         }
@@ -6674,13 +6673,13 @@ class AdsTableComponent {
     /** @ignore */
     updateGridColumns() {
         const visibilityMap = new Map();
-        this.columnVisibilityList().forEach(item => {
+        this.columnVisibilityList().forEach((item) => {
             visibilityMap.set(item.field, item.control.value);
         });
         const currentColumns = this.getActiveColumnDefs();
-        const updatedColumns = currentColumns.map(col => ({
+        const updatedColumns = currentColumns.map((col) => ({
             ...col,
-            hide: !visibilityMap.get(col.field || '')
+            hide: !visibilityMap.get(col.field || ''),
         }));
         this.tableColumnDefs.set(updatedColumns);
         // Fit columns to grid width after visibility changes
@@ -6724,13 +6723,13 @@ class AdsTableComponent {
     }
     /** @ignore */
     gridReady($event) {
-        return this.gridOptions?.onGridReady ? this.gridOptions.onGridReady($event) : this.onGridReady($event);
+        this.onGridReady($event);
+        this.gridOptions?.onGridReady?.($event);
     }
     /** @ignore */
     firstDataRendered($event) {
-        return this.gridOptions?.onFirstDataRendered
-            ? this.gridOptions.onFirstDataRendered($event)
-            : this.onFirstDataRendered($event);
+        this.onFirstDataRendered($event);
+        this.gridOptions?.onFirstDataRendered?.($event);
     }
     /** @ignore */
     updateColumnDefs(tableWidth) {
@@ -6774,7 +6773,7 @@ class AdsTableComponent {
     updateTruncationStates() {
         // Clear previous states
         this.truncationStates.clear();
-        // Search for menu overlay in document body (Material creates overlays there)
+        // Search for menu overlay in the document body (Material creates overlays there)
         const overlayPanes = document.querySelectorAll('.cdk-overlay-pane');
         let menuPanel = null;
         // Find the overlay that contains our menu content