@ascentgl/ads-ui 21.95.0 → 21.97.0

package/fesm2022/ascentgl-ads-ui.mjs

@@ -8448,6 +8448,19 @@ class AdsTableComponent {
         this.uniqueColumnValuesCache = new Map();
         /** @ignore - Data version to invalidate unique values cache when rowData changes */
         this.dataVersion = 0;
+        /** @ignore - Cache for getProcessedColumnDefs() to avoid producing new array references on every CD cycle */
+        this._processedColDefsCache = [];
+        this._processedColDefsSrc = null;
+        this._processedColDefsConfigRef = null;
+        /** @ignore - Cache for getAgGridIcons() to avoid producing new object references on every CD cycle */
+        this._agGridIconsCache = null;
+        this._agGridIconsDirty = true;
+        /** @ignore - Number of list items to render synchronously on the first frame when toggling to list view */
+        this.INITIAL_LIST_RENDER_COUNT = 12;
+        /** @ignore - Number of list items to add per animation frame during progressive rendering */
+        this.LIST_RENDER_CHUNK_SIZE = 10;
+        /** @ignore - Handle for the pending rAF that fills the first batch, so it can be cancelled on destroy or re-toggle */
+        this._listRenderRafId = null;
         /** @ignore - Wrapper for getFilteredColumnValues that can be passed to filter menu */
         this.getFilterOptionsForFieldFn = (field) => {
             return this.getFilteredColumnValues(field);
@@ -8562,11 +8575,21 @@ class AdsTableComponent {
     /** @ignore */
     getProcessedColumnDefs() {
         const columns = this.tableColumnDefs();
+        // Return cached result if neither the column defs nor the sort/filter config reference changed.
+        // This prevents ag-grid from receiving a new array reference on every CD cycle
+        // (which would cause expensive internal column diffing even when the grid is hidden).
+        if (columns === this._processedColDefsSrc &&
+            this.columnSortFilterConfigs === this._processedColDefsConfigRef) {
+            return this._processedColDefsCache;
+        }
         if (!this.enableCustomSortFilter) {
+            this._processedColDefsSrc = columns;
+            this._processedColDefsConfigRef = this.columnSortFilterConfigs;
+            this._processedColDefsCache = columns;
             return columns;
         }
         // Import the custom header component dynamically
-        return columns.map(col => {
+        const result = columns.map(col => {
             const field = col.field || '';
             const config = this.getColumnSortFilterConfig(field);
             if (config) {
@@ -8594,6 +8617,10 @@ class AdsTableComponent {
             }
             return col;
         });
+        this._processedColDefsSrc = columns;
+        this._processedColDefsConfigRef = this.columnSortFilterConfigs;
+        this._processedColDefsCache = result;
+        return result;
     }
     /** @ignore */
     createComparator(config) {
@@ -8628,6 +8655,10 @@ class AdsTableComponent {
     }
     /** @ignore */
     ngOnChanges(changes) {
+        // Invalidate icons cache when icons input changes
+        if (changes['icons']) {
+            this._agGridIconsDirty = true;
+        }
         if (changes['defaultViewMode']) {
             const newViewMode = changes['defaultViewMode'].currentValue;
             const isListMode = newViewMode === 'list';
@@ -8686,7 +8717,9 @@ class AdsTableComponent {
     }
     /** @ignore - Re-observe sentinel when ViewChildren change (e.g. after switching to list view) */
     ngAfterViewChecked() {
-        this.observeListSentinel();
+        if (this.isListView()) {
+            this.observeListSentinel();
+        }
     }
     /** @ignore - Set up IntersectionObserver on the sentinel element for incremental list rendering */
     observeListSentinel() {
@@ -8968,9 +9001,21 @@ class AdsTableComponent {
     }
     /** @ignore - Toggle between grid view and list view */
     toggleView() {
+        // Cancel any pending progressive-render frame from a previous toggle
+        this.cancelListRenderRaf();
         this.isListView.update(v => !v);
         if (this.isListView()) {
-            this.refreshListView();
+            // Populate the full data cache immediately so sorting/filtering state is captured
+            this.listRowDataCache.set(this.getFilteredRowData());
+            // Render a small initial batch synchronously for instant visual feedback,
+            // then progressively render remaining items in small chunks across multiple
+            // animation frames. This prevents the UI freeze that occurs when many
+            // complex list-item components are instantiated in a single frame.
+            const total = this.listRowDataCache().length;
+            const initialCount = Math.min(this.INITIAL_LIST_RENDER_COUNT, total);
+            this.renderedListCount.set(initialCount);
+            // Schedule chunked rendering for the remaining items up to listBatchSize
+            this.scheduleNextListRenderChunk();
         }
         else {
             this.listSentinelObserver?.disconnect();
@@ -8985,6 +9030,30 @@ class AdsTableComponent {
         }
         this.viewChanged.emit(this.isListView() ? 'list' : 'grid');
     }
+    /** @ignore - Cancel pending rAF for progressive list rendering */
+    cancelListRenderRaf() {
+        if (this._listRenderRafId !== null) {
+            cancelAnimationFrame(this._listRenderRafId);
+            this._listRenderRafId = null;
+        }
+    }
+    /** @ignore - Progressively render list items in small chunks across animation frames */
+    scheduleNextListRenderChunk() {
+        const total = Math.min(this.listBatchSize, this.listRowDataCache().length);
+        const current = this.renderedListCount();
+        if (current >= total || !this.isListView())
+            return;
+        this._listRenderRafId = requestAnimationFrame(() => {
+            this._listRenderRafId = null;
+            if (!this.isListView())
+                return;
+            const nextCount = Math.min(current + this.LIST_RENDER_CHUNK_SIZE, total);
+            this.renderedListCount.set(nextCount);
+            this.cdr.detectChanges();
+            // Continue rendering remaining chunks
+            this.scheduleNextListRenderChunk();
+        });
+    }
     /** @ignore - Refresh the list view data cache and reset rendered count */
     refreshListView() {
         this.listRowDataCache.set(this.getFilteredRowData());
@@ -9548,6 +9617,11 @@ class AdsTableComponent {
     }
     /** @ignore */
     getAgGridIcons() {
+        // Return cached icons if nothing changed — prevents ag-grid from receiving
+        // a new object reference on every change detection cycle.
+        if (!this._agGridIconsDirty && this._agGridIconsCache) {
+            return this._agGridIconsCache;
+        }
         const icons = {
             sortAscending: '<svg xmlns="http://www.w3.org/2000/svg" width="7" height="13" viewBox="0 0 7 13" fill="none">\n' +
                 '  <path d="M3.5 2.29227L5.12266 4.70574L1.87734 4.70574L3.5 2.29227Z" stroke-width="2"/>\n' +
@@ -9566,6 +9640,8 @@ class AdsTableComponent {
         if (this.icons) {
             Object.assign(icons, this.icons);
         }
+        this._agGridIconsCache = icons;
+        this._agGridIconsDirty = false;
         return icons;
     }
     /** @ignore */
@@ -9758,6 +9834,7 @@ class AdsTableComponent {
         this.resizeObserver?.disconnect();
         this.listSentinelObserver?.disconnect();
         this.observedSentinelEl = undefined;
+        this.cancelListRenderRaf();
         this.unsubscribeFromControls();
     }
     /** @ignore - serialize any cell value into a stable string key */
@@ -9784,11 +9861,11 @@ class AdsTableComponent {
         return options.map((v) => this.serializeCellValue(v));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsTableComponent, deps: [{ token: i0.ElementRef }, { token: i1.AdsIconRegistry }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsTableComponent, isStandalone: false, selector: "ads-table", inputs: { width: "width", height: "height", headerTemplate: "headerTemplate", gridOptions: "gridOptions", rowData: "rowData", columnDefs: "columnDefs", icons: "icons", defaultColDef: "defaultColDef", loading: "loading", columnDefsByBreakpoint: "columnDefsByBreakpoint", showHeaderActions: "showHeaderActions", showChangeViewButton: "showChangeViewButton", defaultViewMode: "defaultViewMode", listItemTemplate: "listItemTemplate", listBatchSize: "listBatchSize", enableCustomSortFilter: "enableCustomSortFilter", mobileHeaderView: "mobileHeaderView", showBorder: "showBorder", columnSortFilterConfigs: "columnSortFilterConfigs" }, outputs: { filtersCleared: "filtersCleared", columnFilterChanged: "columnFilterChanged", viewChanged: "viewChanged" }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }, { propertyName: "listSentinelQuery", predicate: ["listSentinel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\" [class.no-border]=\"!showBorder\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template-container\">\n        @if (showChangeViewButton) {\n          <div class=\"change-view-button\" (click)=\"toggleView()\">\n            @if (isListView()) {\n              <ads-icon name=\"grid_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            } @else {\n              <ads-icon name=\"list_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            }\n          </div>\n        }\n        <div class=\"header-template\">\n          @if (headerTemplate) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n          }\n        </div>\n\n      </div>\n\n      <div class=\"header-actions\">\n        @if (!isListView()) {\n          <ads-table-button\n            id=\"show-hide-columns-button\"\n            [matMenuTriggerFor]=\"columnVisibilityMenu\"\n            (menuOpened)=\"openColumnVisibilityMenu()\"\n            (menuClosed)=\"onColumnVisibilityMenuClosed()\"\n          >\n            <ads-icon\n              name=\"visibility_eye_none\"\n              theme=\"secondary\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n            @if (!mobileHeaderView) {\n              {{ hideColumnButtonLabel }}\n            }\n          </ads-table-button>\n        }\n\n        <ads-table-button\n          id=\"filter-button\"\n          [matMenuTriggerFor]=\"filterMenu\"\n          (menuOpened)=\"openFilterMenu()\"\n          (menuClosed)=\"onFilterMenuClosed()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n           Filter\n          }\n\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [matMenuTriggerFor]=\"sortMenu\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n            Sort\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\n    [style.display]=\"isListView() ? 'none' : ''\"\n    [icons]=\"getAgGridIcons()\"\n    class=\"ag-theme-quartz\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"rowData\"\n    [columnDefs]=\"getProcessedColumnDefs()\"\n    [defaultColDef]=\"getDefaultColDef()\"\n    [components]=\"frameworkComponents\"\n    [isExternalFilterPresent]=\"isExternalFilterPresent\"\n    [doesExternalFilterPass]=\"doesExternalFilterPass\"\n    (gridReady)=\"gridReady($event)\"\n    (firstDataRendered)=\"firstDataRendered($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n    (filterChanged)=\"filterChanged($event)\"\n    [theme]=\"themeQuartz\"\n    [loading]=\"loading\"\n    [enableCellTextSelection]=\"true\"\n    [ensureDomOrder]=\"true\"\n  />\n\n  @if (isListView()) {\n    <div class=\"list-view-container\" [ngStyle]=\"{ height: height }\">\n      @if (loading) {\n        <div class=\"list-view-loading\">\n          <ads-progress-spinner [size]=\"SpinnerSize.small\" />\n        </div>\n      } @else {\n        @for (row of visibleListRows(); track $index) {\n          <div class=\"list-view-item\">\n            @if (listItemTemplate) {\n              <ng-container\n                [ngTemplateOutlet]=\"listItemTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, index: $index, first: $first, last: $last }\"\n              />\n            }\n          </div>\n        }\n        @if (hasMoreListRows()) {\n          <div #listSentinel class=\"list-view-sentinel\"></div>\n        }\n      }\n    </div>\n  }\n\n  <!-- Column Visibility Menu -->\n  <mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\n    <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\n      <p class=\"dropdown-label\">Show/Hide Columns</p>\n      <div class=\"dropdown-body\">\n        @for (column of columnVisibilityList(); track $index) {\n          <div class=\"column-row\">\n            <span\n              class=\"column-name\"\n              [matTooltip]=\"column.headerName\"\n              [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\n            >\n              {{ column.headerName }}\n            </span>\n            <div class=\"column-toggle\">\n              <ads-slide-toggle\n                [id]=\"'toggle-' + column.field\"\n                [control]=\"column.control\"\n                [showFooter]=\"false\"\n                [customTitles]=\"['Show', 'Hide']\"\n              />\n            </div>\n          </div>\n        }\n      </div>\n\n      <ads-divider />\n\n      <div class=\"dropdown-footer\">\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"hideAllColumns()\"\n          [disabled]=\"allColumnsHidden\"\n          variant=\"tertiary\"\n          id='hide-all-button'\n          size=\"xs\"\n        >\n          Hide All\n        </ads-button>\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"showAllColumns()\"\n          [disabled]=\"allColumnsVisible\"\n          variant=\"tertiary\"\n          id=\"show-all-button\"\n          size=\"xs\"\n        >\n          Show All\n        </ads-button>\n      </div>\n    </div>\n  </mat-menu>\n\n  <!-- Filter Menu -->\n  <mat-menu #filterMenu=\"matMenu\" class=\"filter-menu-panel\" (closed)=\"filterMenuComponent.onMenuClosed()\">\n    <ads-filter-menu\n      #filterMenuComponent\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnFilterStates]=\"columnFilterStates()\"\n      [getFilterOptionsForField]=\"getFilterOptionsForFieldFn\"\n      [getHierarchicalFilterOptionsForField]=\"getHierarchicalFilterOptionsForFieldFn\"\n      [getFilterValuesForField]=\"getFilterValuesForFieldFn\"\n      [isColumnFilteredFn]=\"isColumnFilteredFn\"\n      [getFilterValueFormatterForField]=\"getFilterValueFormatterForFieldFn\"\n      (filterChanged)=\"onFilterMenuFilterChanged($event)\"\n      (filtersRemoved)=\"onFilterMenuFilterRemoved($event)\"\n    />\n  </mat-menu>\n\n  <!-- Sort Menu -->\n  <mat-menu #sortMenu=\"matMenu\" class=\"sort-menu-panel\">\n    <ads-sort-menu\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnSortStates]=\"columnSortStates()\"\n      (sortChanged)=\"onSortMenuSortChanged($event)\"\n      (sortsRemoved)=\"onSortMenuSortsRemoved($event)\"\n    />\n  </mat-menu>\n</div>\n", styles: [":host::ng-deep{--ag-wrapper-border-radius: 10px}:host::ng-deep ag-grid-angular{--ag-grid-size: 4px;--ag-border-radius: 5px;--ag-font-family: \"Roboto\";--ag-font-size: 16px;--ag-header-foreground-color: var(--color-medium);--ag-header-background-color: var(--color-light-30);--ag-background-color: var(--color-white);--ag-header-height: 45px;--ag-row-height: 45px;--ag-border-color: var(--color-light);--ag-foreground-color: var(--color-medium);--ag-spacing: 4px;--ag-inherited-accent-color: var(--color-secondary-hover)}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper .ag-overlay-no-matching-rows-center{color:var(--color-medium);font-family:Roboto,sans-serif;font-size:16px;border:none;padding:0;background:transparent}:host::ng-deep ag-grid-angular .ag-header-cell-text{font-weight:600;line-height:21px}:host::ng-deep ag-grid-angular .ag-cell:focus,:host::ng-deep ag-grid-angular .ag-cell-focus{outline:none!important;border:none!important;box-shadow:none!important}:host::ng-deep ag-grid-angular .ag-row,:host::ng-deep ag-grid-angular .ag-header,:host::ng-deep ag-grid-angular .ag-advanced-filter-header{border-bottom:none}:host::ng-deep ag-grid-angular .ag-row-even{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-row-odd{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-sort-indicator-container{min-width:fit-content}:host::ng-deep ag-grid-angular .ag-sort-indicator-icon>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell-filter-button>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-theme-quartz{--ag-background-color: var(--color-light-30);--ag-foreground-color: var(--color-black);--ag-input-border-color: var(--color-light);--ag-input-focus-border-color: var(--color-medium);--ag-input-focus-box-shadow: none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input::placeholder{color:var(--color-medium);opacity:1}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper:before{background-image:none;content:none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input{padding-left:8px!important}:host::ng-deep .ads-table-container{display:flex;flex-direction:column;width:100%;height:100%}:host::ng-deep .ads-table-container.no-border .table-header{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border::ng-deep ag-grid-angular .ag-root-wrapper{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border .list-view-container{border:none;border-radius:0}:host::ng-deep .ads-table-container.with-header::ng-deep ag-grid-angular .ag-root-wrapper{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container.with-header .list-view-container{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container .table-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px;background-color:var(--color-white);border:1px solid var(--color-light);border-top-left-radius:var(--ag-wrapper-border-radius);border-top-right-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .ads-table-container .table-header .header-template-container{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-template-container .header-template{min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-actions{display:flex;gap:8px;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}:host::ng-deep .ads-table-container .table-header .change-view-button{display:flex;height:30px;padding:0 12px;border-radius:100px;background-color:var(--color-muted);align-items:center;cursor:pointer;flex-shrink:0}:host::ng-deep .ads-table-container .table-header .change-view-button:hover{background-color:var(--color-secondary-hover)}:host::ng-deep .ads-table-container .table-header .change-view-button:hover ::ng-deep svg{stroke:var(--color-white)}:host::ng-deep .list-view-container{overflow-y:auto;display:flex;flex-direction:column;border:1px solid var(--color-light);border-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .list-view-container .list-view-item{flex-shrink:0}:host::ng-deep .list-view-container .list-view-sentinel{height:1px;flex-shrink:0}:host::ng-deep .list-view-container .list-view-loading{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep .list-view-container .list-view-empty{display:flex;justify-content:center;align-items:center;height:100%;color:var(--color-medium)}::ng-deep .column-visibility-menu{width:234px;max-width:498px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .column-visibility-menu .mat-mdc-menu-content{padding:0}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content{background-color:var(--color-white)}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-label{padding:12px 12px 0;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body{overflow-y:auto}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row{display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:45px;gap:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-name{font-size:16px;font-weight:400;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;flex:1}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle{display:flex;justify-content:flex-end}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle ::ng-deep ads-slide-toggle .ads-toggle{height:45px!important}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer{display:flex;justify-content:space-between;gap:12px;padding:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer ::ng-deep ads-button{flex:1}::ng-deep .filter-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .sort-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i3$5.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "animateColumnResizing", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "suppressOverlays", "overlayComponent", "overlayComponentParams", "overlayComponentSelector", "activeOverlay", "activeOverlayParams", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "formulaFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "refreshAfterGroupEdit", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: AdsSlideToggleComponent, selector: "ads-slide-toggle", inputs: ["enableYesOrNo", "customTitles", "control", "label", "id", "width"] }, { kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type", "fullWidth"] }, { kind: "component", type: AdsTableButtonComponent, selector: "ads-table-button", inputs: ["id", "disabled", "fullWidth", "matMenuTriggerFor"], outputs: ["menuOpened", "menuClosed"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i4$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: AdsFilterMenuComponent, selector: "ads-filter-menu", inputs: ["columnSortFilterConfigs", "columnFilterStates", "getFilterOptionsForField", "getHierarchicalFilterOptionsForField", "getFilterValuesForField", "isColumnFilteredFn", "getFilterValueFormatterForField"], outputs: ["filterChanged", "filtersRemoved"] }, { kind: "component", type: AdsSortMenuComponent, selector: "ads-sort-menu", inputs: ["columnSortFilterConfigs", "columnSortStates"], outputs: ["sortChanged", "sortsRemoved"] }, { kind: "component", type: AdsProgressSpinnerComponent, selector: "ads-progress-spinner", inputs: ["zIndex", "scrollContainer", "size", "diameter"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsTableComponent, isStandalone: false, selector: "ads-table", inputs: { width: "width", height: "height", headerTemplate: "headerTemplate", gridOptions: "gridOptions", rowData: "rowData", columnDefs: "columnDefs", icons: "icons", defaultColDef: "defaultColDef", loading: "loading", columnDefsByBreakpoint: "columnDefsByBreakpoint", showHeaderActions: "showHeaderActions", showChangeViewButton: "showChangeViewButton", defaultViewMode: "defaultViewMode", listItemTemplate: "listItemTemplate", listBatchSize: "listBatchSize", enableCustomSortFilter: "enableCustomSortFilter", mobileHeaderView: "mobileHeaderView", showBorder: "showBorder", columnSortFilterConfigs: "columnSortFilterConfigs" }, outputs: { filtersCleared: "filtersCleared", columnFilterChanged: "columnFilterChanged", viewChanged: "viewChanged" }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }, { propertyName: "listSentinelQuery", predicate: ["listSentinel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\" [class.no-border]=\"!showBorder\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template-container\">\n        @if (showChangeViewButton) {\n          <div class=\"change-view-button\" (click)=\"toggleView()\">\n            @if (isListView()) {\n              <ads-icon name=\"grid_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            } @else {\n              <ads-icon name=\"list_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            }\n          </div>\n        }\n        <div class=\"header-template\">\n          @if (headerTemplate) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n          }\n        </div>\n\n      </div>\n\n      <div class=\"header-actions\">\n        @if (!isListView()) {\n          <ads-table-button\n            id=\"show-hide-columns-button\"\n            [matMenuTriggerFor]=\"columnVisibilityMenu\"\n            (menuOpened)=\"openColumnVisibilityMenu()\"\n            (menuClosed)=\"onColumnVisibilityMenuClosed()\"\n          >\n            <ads-icon\n              name=\"visibility_eye_none\"\n              theme=\"secondary\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n            @if (!mobileHeaderView) {\n              {{ hideColumnButtonLabel }}\n            }\n          </ads-table-button>\n        }\n\n        <ads-table-button\n          id=\"filter-button\"\n          [matMenuTriggerFor]=\"filterMenu\"\n          (menuOpened)=\"openFilterMenu()\"\n          (menuClosed)=\"onFilterMenuClosed()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n           Filter\n          }\n\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [matMenuTriggerFor]=\"sortMenu\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n            Sort\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\n    [style.display]=\"isListView() ? 'none' : ''\"\n    [icons]=\"getAgGridIcons()\"\n    class=\"ag-theme-quartz\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"rowData\"\n    [columnDefs]=\"getProcessedColumnDefs()\"\n    [defaultColDef]=\"getDefaultColDef()\"\n    [components]=\"frameworkComponents\"\n    [isExternalFilterPresent]=\"isExternalFilterPresent\"\n    [doesExternalFilterPass]=\"doesExternalFilterPass\"\n    (gridReady)=\"gridReady($event)\"\n    (firstDataRendered)=\"firstDataRendered($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n    (filterChanged)=\"filterChanged($event)\"\n    [theme]=\"themeQuartz\"\n    [loading]=\"loading\"\n    [enableCellTextSelection]=\"true\"\n    [ensureDomOrder]=\"true\"\n  />\n\n  @if (isListView()) {\n    <div class=\"list-view-container\" [ngStyle]=\"{ height: height }\">\n      @if (loading) {\n        <div class=\"list-view-loading\">\n          <ads-progress-spinner [size]=\"SpinnerSize.small\" />\n        </div>\n      } @else {\n        @for (row of visibleListRows(); track $index) {\n          <div class=\"list-view-item\">\n            @if (listItemTemplate) {\n              <ng-container\n                [ngTemplateOutlet]=\"listItemTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, index: $index, first: $first, last: $last }\"\n              />\n            }\n          </div>\n        }\n        @if (hasMoreListRows()) {\n          <div #listSentinel class=\"list-view-sentinel\"></div>\n        }\n      }\n    </div>\n  }\n\n  <!-- Column Visibility Menu -->\n  <mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\n    <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\n      <p class=\"dropdown-label\">Show/Hide Columns</p>\n      <div class=\"dropdown-body\">\n        @for (column of columnVisibilityList(); track $index) {\n          <div class=\"column-row\">\n            <span\n              class=\"column-name\"\n              [matTooltip]=\"column.headerName\"\n              [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\n            >\n              {{ column.headerName }}\n            </span>\n            <div class=\"column-toggle\">\n              <ads-slide-toggle\n                [id]=\"'toggle-' + column.field\"\n                [control]=\"column.control\"\n                [showFooter]=\"false\"\n                [customTitles]=\"['Show', 'Hide']\"\n              />\n            </div>\n          </div>\n        }\n      </div>\n\n      <ads-divider />\n\n      <div class=\"dropdown-footer\">\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"hideAllColumns()\"\n          [disabled]=\"allColumnsHidden\"\n          variant=\"tertiary\"\n          id='hide-all-button'\n          size=\"xs\"\n        >\n          Hide All\n        </ads-button>\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"showAllColumns()\"\n          [disabled]=\"allColumnsVisible\"\n          variant=\"tertiary\"\n          id=\"show-all-button\"\n          size=\"xs\"\n        >\n          Show All\n        </ads-button>\n      </div>\n    </div>\n  </mat-menu>\n\n  <!-- Filter Menu -->\n  <mat-menu #filterMenu=\"matMenu\" class=\"filter-menu-panel\" (closed)=\"filterMenuComponent.onMenuClosed()\">\n    <ads-filter-menu\n      #filterMenuComponent\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnFilterStates]=\"columnFilterStates()\"\n      [getFilterOptionsForField]=\"getFilterOptionsForFieldFn\"\n      [getHierarchicalFilterOptionsForField]=\"getHierarchicalFilterOptionsForFieldFn\"\n      [getFilterValuesForField]=\"getFilterValuesForFieldFn\"\n      [isColumnFilteredFn]=\"isColumnFilteredFn\"\n      [getFilterValueFormatterForField]=\"getFilterValueFormatterForFieldFn\"\n      (filterChanged)=\"onFilterMenuFilterChanged($event)\"\n      (filtersRemoved)=\"onFilterMenuFilterRemoved($event)\"\n    />\n  </mat-menu>\n\n  <!-- Sort Menu -->\n  <mat-menu #sortMenu=\"matMenu\" class=\"sort-menu-panel\">\n    <ads-sort-menu\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnSortStates]=\"columnSortStates()\"\n      (sortChanged)=\"onSortMenuSortChanged($event)\"\n      (sortsRemoved)=\"onSortMenuSortsRemoved($event)\"\n    />\n  </mat-menu>\n</div>\n", styles: [":host::ng-deep{--ag-wrapper-border-radius: 10px}:host::ng-deep ag-grid-angular{--ag-grid-size: 4px;--ag-border-radius: 5px;--ag-font-family: \"Roboto\";--ag-font-size: 16px;--ag-header-foreground-color: var(--color-medium);--ag-header-background-color: var(--color-light-30);--ag-background-color: var(--color-white);--ag-header-height: 45px;--ag-row-height: 45px;--ag-border-color: var(--color-light);--ag-foreground-color: var(--color-medium);--ag-spacing: 4px;--ag-inherited-accent-color: var(--color-secondary-hover)}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper .ag-overlay-no-matching-rows-center{color:var(--color-medium);font-family:Roboto,sans-serif;font-size:16px;border:none;padding:0;background:transparent}:host::ng-deep ag-grid-angular .ag-header-cell-text{font-weight:600;line-height:21px}:host::ng-deep ag-grid-angular .ag-cell:focus,:host::ng-deep ag-grid-angular .ag-cell-focus{outline:none!important;border:none!important;box-shadow:none!important}:host::ng-deep ag-grid-angular .ag-row,:host::ng-deep ag-grid-angular .ag-header,:host::ng-deep ag-grid-angular .ag-advanced-filter-header{border-bottom:none}:host::ng-deep ag-grid-angular .ag-row-even{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-row-odd{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-sort-indicator-container{min-width:fit-content}:host::ng-deep ag-grid-angular .ag-sort-indicator-icon>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell-filter-button>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-theme-quartz{--ag-background-color: var(--color-light-30);--ag-foreground-color: var(--color-black);--ag-input-border-color: var(--color-light);--ag-input-focus-border-color: var(--color-medium);--ag-input-focus-box-shadow: none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input::placeholder{color:var(--color-medium);opacity:1}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper:before{background-image:none;content:none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input{padding-left:8px!important}:host::ng-deep .ads-table-container{display:flex;flex-direction:column;width:100%;height:100%}:host::ng-deep .ads-table-container.no-border .table-header{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border::ng-deep ag-grid-angular .ag-root-wrapper{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border .list-view-container{border:none;border-radius:0}:host::ng-deep .ads-table-container.with-header::ng-deep ag-grid-angular .ag-root-wrapper{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container.with-header .list-view-container{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container .table-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px;background-color:var(--color-white);border:1px solid var(--color-light);border-top-left-radius:var(--ag-wrapper-border-radius);border-top-right-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .ads-table-container .table-header .header-template-container{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-template-container .header-template{min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-actions{display:flex;gap:8px;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}:host::ng-deep .ads-table-container .table-header .change-view-button{display:flex;height:30px;padding:0 12px;border-radius:100px;background-color:var(--color-muted);align-items:center;cursor:pointer;flex-shrink:0}:host::ng-deep .ads-table-container .table-header .change-view-button:hover{background-color:var(--color-secondary-hover)}:host::ng-deep .ads-table-container .table-header .change-view-button:hover ::ng-deep svg{stroke:var(--color-white)}:host::ng-deep .list-view-container{overflow-y:auto;display:flex;flex-direction:column;border:1px solid var(--color-light);border-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .list-view-container .list-view-item{flex-shrink:0}:host::ng-deep .list-view-container .list-view-sentinel{height:1px;flex-shrink:0}:host::ng-deep .list-view-container .list-view-loading{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep .list-view-container .list-view-empty{display:flex;justify-content:center;align-items:center;height:100%;color:var(--color-medium)}::ng-deep .column-visibility-menu{width:234px;max-width:498px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .column-visibility-menu .mat-mdc-menu-content{padding:0}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content{background-color:var(--color-white)}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-label{padding:12px 12px 0;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body{overflow-y:auto}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row{display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:45px;gap:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-name{font-size:16px;font-weight:400;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;flex:1}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle{display:flex;justify-content:flex-end}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle ::ng-deep ads-slide-toggle .ads-toggle{height:45px!important}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer{display:flex;justify-content:space-between;gap:12px;padding:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer ::ng-deep ads-button{flex:1}::ng-deep .filter-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .sort-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i3$5.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "animateColumnResizing", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "suppressOverlays", "overlayComponent", "overlayComponentParams", "overlayComponentSelector", "activeOverlay", "activeOverlayParams", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "formulaFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "refreshAfterGroupEdit", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: AdsSlideToggleComponent, selector: "ads-slide-toggle", inputs: ["enableYesOrNo", "customTitles", "control", "label", "id", "width"] }, { kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type", "fullWidth"] }, { kind: "component", type: AdsTableButtonComponent, selector: "ads-table-button", inputs: ["id", "disabled", "fullWidth", "matMenuTriggerFor"], outputs: ["menuOpened", "menuClosed"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i4$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: AdsFilterMenuComponent, selector: "ads-filter-menu", inputs: ["columnSortFilterConfigs", "columnFilterStates", "getFilterOptionsForField", "getHierarchicalFilterOptionsForField", "getFilterValuesForField", "isColumnFilteredFn", "getFilterValueFormatterForField"], outputs: ["filterChanged", "filtersRemoved"] }, { kind: "component", type: AdsSortMenuComponent, selector: "ads-sort-menu", inputs: ["columnSortFilterConfigs", "columnSortStates"], outputs: ["sortChanged", "sortsRemoved"] }, { kind: "component", type: AdsProgressSpinnerComponent, selector: "ads-progress-spinner", inputs: ["zIndex", "scrollContainer", "size", "diameter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-table', standalone: false, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\" [class.no-border]=\"!showBorder\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template-container\">\n        @if (showChangeViewButton) {\n          <div class=\"change-view-button\" (click)=\"toggleView()\">\n            @if (isListView()) {\n              <ads-icon name=\"grid_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            } @else {\n              <ads-icon name=\"list_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            }\n          </div>\n        }\n        <div class=\"header-template\">\n          @if (headerTemplate) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n          }\n        </div>\n\n      </div>\n\n      <div class=\"header-actions\">\n        @if (!isListView()) {\n          <ads-table-button\n            id=\"show-hide-columns-button\"\n            [matMenuTriggerFor]=\"columnVisibilityMenu\"\n            (menuOpened)=\"openColumnVisibilityMenu()\"\n            (menuClosed)=\"onColumnVisibilityMenuClosed()\"\n          >\n            <ads-icon\n              name=\"visibility_eye_none\"\n              theme=\"secondary\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n            @if (!mobileHeaderView) {\n              {{ hideColumnButtonLabel }}\n            }\n          </ads-table-button>\n        }\n\n        <ads-table-button\n          id=\"filter-button\"\n          [matMenuTriggerFor]=\"filterMenu\"\n          (menuOpened)=\"openFilterMenu()\"\n          (menuClosed)=\"onFilterMenuClosed()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n           Filter\n          }\n\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [matMenuTriggerFor]=\"sortMenu\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n            Sort\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\n    [style.display]=\"isListView() ? 'none' : ''\"\n    [icons]=\"getAgGridIcons()\"\n    class=\"ag-theme-quartz\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"rowData\"\n    [columnDefs]=\"getProcessedColumnDefs()\"\n    [defaultColDef]=\"getDefaultColDef()\"\n    [components]=\"frameworkComponents\"\n    [isExternalFilterPresent]=\"isExternalFilterPresent\"\n    [doesExternalFilterPass]=\"doesExternalFilterPass\"\n    (gridReady)=\"gridReady($event)\"\n    (firstDataRendered)=\"firstDataRendered($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n    (filterChanged)=\"filterChanged($event)\"\n    [theme]=\"themeQuartz\"\n    [loading]=\"loading\"\n    [enableCellTextSelection]=\"true\"\n    [ensureDomOrder]=\"true\"\n  />\n\n  @if (isListView()) {\n    <div class=\"list-view-container\" [ngStyle]=\"{ height: height }\">\n      @if (loading) {\n        <div class=\"list-view-loading\">\n          <ads-progress-spinner [size]=\"SpinnerSize.small\" />\n        </div>\n      } @else {\n        @for (row of visibleListRows(); track $index) {\n          <div class=\"list-view-item\">\n            @if (listItemTemplate) {\n              <ng-container\n                [ngTemplateOutlet]=\"listItemTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, index: $index, first: $first, last: $last }\"\n              />\n            }\n          </div>\n        }\n        @if (hasMoreListRows()) {\n          <div #listSentinel class=\"list-view-sentinel\"></div>\n        }\n      }\n    </div>\n  }\n\n  <!-- Column Visibility Menu -->\n  <mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\n    <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\n      <p class=\"dropdown-label\">Show/Hide Columns</p>\n      <div class=\"dropdown-body\">\n        @for (column of columnVisibilityList(); track $index) {\n          <div class=\"column-row\">\n            <span\n              class=\"column-name\"\n              [matTooltip]=\"column.headerName\"\n              [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\n            >\n              {{ column.headerName }}\n            </span>\n            <div class=\"column-toggle\">\n              <ads-slide-toggle\n                [id]=\"'toggle-' + column.field\"\n                [control]=\"column.control\"\n                [showFooter]=\"false\"\n                [customTitles]=\"['Show', 'Hide']\"\n              />\n            </div>\n          </div>\n        }\n      </div>\n\n      <ads-divider />\n\n      <div class=\"dropdown-footer\">\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"hideAllColumns()\"\n          [disabled]=\"allColumnsHidden\"\n          variant=\"tertiary\"\n          id='hide-all-button'\n          size=\"xs\"\n        >\n          Hide All\n        </ads-button>\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"showAllColumns()\"\n          [disabled]=\"allColumnsVisible\"\n          variant=\"tertiary\"\n          id=\"show-all-button\"\n          size=\"xs\"\n        >\n          Show All\n        </ads-button>\n      </div>\n    </div>\n  </mat-menu>\n\n  <!-- Filter Menu -->\n  <mat-menu #filterMenu=\"matMenu\" class=\"filter-menu-panel\" (closed)=\"filterMenuComponent.onMenuClosed()\">\n    <ads-filter-menu\n      #filterMenuComponent\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnFilterStates]=\"columnFilterStates()\"\n      [getFilterOptionsForField]=\"getFilterOptionsForFieldFn\"\n      [getHierarchicalFilterOptionsForField]=\"getHierarchicalFilterOptionsForFieldFn\"\n      [getFilterValuesForField]=\"getFilterValuesForFieldFn\"\n      [isColumnFilteredFn]=\"isColumnFilteredFn\"\n      [getFilterValueFormatterForField]=\"getFilterValueFormatterForFieldFn\"\n      (filterChanged)=\"onFilterMenuFilterChanged($event)\"\n      (filtersRemoved)=\"onFilterMenuFilterRemoved($event)\"\n    />\n  </mat-menu>\n\n  <!-- Sort Menu -->\n  <mat-menu #sortMenu=\"matMenu\" class=\"sort-menu-panel\">\n    <ads-sort-menu\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnSortStates]=\"columnSortStates()\"\n      (sortChanged)=\"onSortMenuSortChanged($event)\"\n      (sortsRemoved)=\"onSortMenuSortsRemoved($event)\"\n    />\n  </mat-menu>\n</div>\n", styles: [":host::ng-deep{--ag-wrapper-border-radius: 10px}:host::ng-deep ag-grid-angular{--ag-grid-size: 4px;--ag-border-radius: 5px;--ag-font-family: \"Roboto\";--ag-font-size: 16px;--ag-header-foreground-color: var(--color-medium);--ag-header-background-color: var(--color-light-30);--ag-background-color: var(--color-white);--ag-header-height: 45px;--ag-row-height: 45px;--ag-border-color: var(--color-light);--ag-foreground-color: var(--color-medium);--ag-spacing: 4px;--ag-inherited-accent-color: var(--color-secondary-hover)}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper .ag-overlay-no-matching-rows-center{color:var(--color-medium);font-family:Roboto,sans-serif;font-size:16px;border:none;padding:0;background:transparent}:host::ng-deep ag-grid-angular .ag-header-cell-text{font-weight:600;line-height:21px}:host::ng-deep ag-grid-angular .ag-cell:focus,:host::ng-deep ag-grid-angular .ag-cell-focus{outline:none!important;border:none!important;box-shadow:none!important}:host::ng-deep ag-grid-angular .ag-row,:host::ng-deep ag-grid-angular .ag-header,:host::ng-deep ag-grid-angular .ag-advanced-filter-header{border-bottom:none}:host::ng-deep ag-grid-angular .ag-row-even{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-row-odd{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-sort-indicator-container{min-width:fit-content}:host::ng-deep ag-grid-angular .ag-sort-indicator-icon>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell-filter-button>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-theme-quartz{--ag-background-color: var(--color-light-30);--ag-foreground-color: var(--color-black);--ag-input-border-color: var(--color-light);--ag-input-focus-border-color: var(--color-medium);--ag-input-focus-box-shadow: none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input::placeholder{color:var(--color-medium);opacity:1}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper:before{background-image:none;content:none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input{padding-left:8px!important}:host::ng-deep .ads-table-container{display:flex;flex-direction:column;width:100%;height:100%}:host::ng-deep .ads-table-container.no-border .table-header{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border::ng-deep ag-grid-angular .ag-root-wrapper{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border .list-view-container{border:none;border-radius:0}:host::ng-deep .ads-table-container.with-header::ng-deep ag-grid-angular .ag-root-wrapper{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container.with-header .list-view-container{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container .table-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px;background-color:var(--color-white);border:1px solid var(--color-light);border-top-left-radius:var(--ag-wrapper-border-radius);border-top-right-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .ads-table-container .table-header .header-template-container{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-template-container .header-template{min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-actions{display:flex;gap:8px;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}:host::ng-deep .ads-table-container .table-header .change-view-button{display:flex;height:30px;padding:0 12px;border-radius:100px;background-color:var(--color-muted);align-items:center;cursor:pointer;flex-shrink:0}:host::ng-deep .ads-table-container .table-header .change-view-button:hover{background-color:var(--color-secondary-hover)}:host::ng-deep .ads-table-container .table-header .change-view-button:hover ::ng-deep svg{stroke:var(--color-white)}:host::ng-deep .list-view-container{overflow-y:auto;display:flex;flex-direction:column;border:1px solid var(--color-light);border-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .list-view-container .list-view-item{flex-shrink:0}:host::ng-deep .list-view-container .list-view-sentinel{height:1px;flex-shrink:0}:host::ng-deep .list-view-container .list-view-loading{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep .list-view-container .list-view-empty{display:flex;justify-content:center;align-items:center;height:100%;color:var(--color-medium)}::ng-deep .column-visibility-menu{width:234px;max-width:498px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .column-visibility-menu .mat-mdc-menu-content{padding:0}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content{background-color:var(--color-white)}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-label{padding:12px 12px 0;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body{overflow-y:auto}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row{display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:45px;gap:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-name{font-size:16px;font-weight:400;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;flex:1}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle{display:flex;justify-content:flex-end}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle ::ng-deep ads-slide-toggle .ads-toggle{height:45px!important}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer{display:flex;justify-content:space-between;gap:12px;padding:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer ::ng-deep ads-button{flex:1}::ng-deep .filter-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .sort-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}\n"] }]
+            args: [{ selector: 'ads-table', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\" [class.no-border]=\"!showBorder\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template-container\">\n        @if (showChangeViewButton) {\n          <div class=\"change-view-button\" (click)=\"toggleView()\">\n            @if (isListView()) {\n              <ads-icon name=\"grid_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            } @else {\n              <ads-icon name=\"list_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            }\n          </div>\n        }\n        <div class=\"header-template\">\n          @if (headerTemplate) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n          }\n        </div>\n\n      </div>\n\n      <div class=\"header-actions\">\n        @if (!isListView()) {\n          <ads-table-button\n            id=\"show-hide-columns-button\"\n            [matMenuTriggerFor]=\"columnVisibilityMenu\"\n            (menuOpened)=\"openColumnVisibilityMenu()\"\n            (menuClosed)=\"onColumnVisibilityMenuClosed()\"\n          >\n            <ads-icon\n              name=\"visibility_eye_none\"\n              theme=\"secondary\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n            @if (!mobileHeaderView) {\n              {{ hideColumnButtonLabel }}\n            }\n          </ads-table-button>\n        }\n\n        <ads-table-button\n          id=\"filter-button\"\n          [matMenuTriggerFor]=\"filterMenu\"\n          (menuOpened)=\"openFilterMenu()\"\n          (menuClosed)=\"onFilterMenuClosed()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n           Filter\n          }\n\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [matMenuTriggerFor]=\"sortMenu\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n            Sort\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\n    [style.display]=\"isListView() ? 'none' : ''\"\n    [icons]=\"getAgGridIcons()\"\n    class=\"ag-theme-quartz\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"rowData\"\n    [columnDefs]=\"getProcessedColumnDefs()\"\n    [defaultColDef]=\"getDefaultColDef()\"\n    [components]=\"frameworkComponents\"\n    [isExternalFilterPresent]=\"isExternalFilterPresent\"\n    [doesExternalFilterPass]=\"doesExternalFilterPass\"\n    (gridReady)=\"gridReady($event)\"\n    (firstDataRendered)=\"firstDataRendered($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n    (filterChanged)=\"filterChanged($event)\"\n    [theme]=\"themeQuartz\"\n    [loading]=\"loading\"\n    [enableCellTextSelection]=\"true\"\n    [ensureDomOrder]=\"true\"\n  />\n\n  @if (isListView()) {\n    <div class=\"list-view-container\" [ngStyle]=\"{ height: height }\">\n      @if (loading) {\n        <div class=\"list-view-loading\">\n          <ads-progress-spinner [size]=\"SpinnerSize.small\" />\n        </div>\n      } @else {\n        @for (row of visibleListRows(); track $index) {\n          <div class=\"list-view-item\">\n            @if (listItemTemplate) {\n              <ng-container\n                [ngTemplateOutlet]=\"listItemTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, index: $index, first: $first, last: $last }\"\n              />\n            }\n          </div>\n        }\n        @if (hasMoreListRows()) {\n          <div #listSentinel class=\"list-view-sentinel\"></div>\n        }\n      }\n    </div>\n  }\n\n  <!-- Column Visibility Menu -->\n  <mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\n    <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\n      <p class=\"dropdown-label\">Show/Hide Columns</p>\n      <div class=\"dropdown-body\">\n        @for (column of columnVisibilityList(); track $index) {\n          <div class=\"column-row\">\n            <span\n              class=\"column-name\"\n              [matTooltip]=\"column.headerName\"\n              [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\n            >\n              {{ column.headerName }}\n            </span>\n            <div class=\"column-toggle\">\n              <ads-slide-toggle\n                [id]=\"'toggle-' + column.field\"\n                [control]=\"column.control\"\n                [showFooter]=\"false\"\n                [customTitles]=\"['Show', 'Hide']\"\n              />\n            </div>\n          </div>\n        }\n      </div>\n\n      <ads-divider />\n\n      <div class=\"dropdown-footer\">\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"hideAllColumns()\"\n          [disabled]=\"allColumnsHidden\"\n          variant=\"tertiary\"\n          id='hide-all-button'\n          size=\"xs\"\n        >\n          Hide All\n        </ads-button>\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"showAllColumns()\"\n          [disabled]=\"allColumnsVisible\"\n          variant=\"tertiary\"\n          id=\"show-all-button\"\n          size=\"xs\"\n        >\n          Show All\n        </ads-button>\n      </div>\n    </div>\n  </mat-menu>\n\n  <!-- Filter Menu -->\n  <mat-menu #filterMenu=\"matMenu\" class=\"filter-menu-panel\" (closed)=\"filterMenuComponent.onMenuClosed()\">\n    <ads-filter-menu\n      #filterMenuComponent\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnFilterStates]=\"columnFilterStates()\"\n      [getFilterOptionsForField]=\"getFilterOptionsForFieldFn\"\n      [getHierarchicalFilterOptionsForField]=\"getHierarchicalFilterOptionsForFieldFn\"\n      [getFilterValuesForField]=\"getFilterValuesForFieldFn\"\n      [isColumnFilteredFn]=\"isColumnFilteredFn\"\n      [getFilterValueFormatterForField]=\"getFilterValueFormatterForFieldFn\"\n      (filterChanged)=\"onFilterMenuFilterChanged($event)\"\n      (filtersRemoved)=\"onFilterMenuFilterRemoved($event)\"\n    />\n  </mat-menu>\n\n  <!-- Sort Menu -->\n  <mat-menu #sortMenu=\"matMenu\" class=\"sort-menu-panel\">\n    <ads-sort-menu\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnSortStates]=\"columnSortStates()\"\n      (sortChanged)=\"onSortMenuSortChanged($event)\"\n      (sortsRemoved)=\"onSortMenuSortsRemoved($event)\"\n    />\n  </mat-menu>\n</div>\n", styles: [":host::ng-deep{--ag-wrapper-border-radius: 10px}:host::ng-deep ag-grid-angular{--ag-grid-size: 4px;--ag-border-radius: 5px;--ag-font-family: \"Roboto\";--ag-font-size: 16px;--ag-header-foreground-color: var(--color-medium);--ag-header-background-color: var(--color-light-30);--ag-background-color: var(--color-white);--ag-header-height: 45px;--ag-row-height: 45px;--ag-border-color: var(--color-light);--ag-foreground-color: var(--color-medium);--ag-spacing: 4px;--ag-inherited-accent-color: var(--color-secondary-hover)}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper .ag-overlay-no-matching-rows-center{color:var(--color-medium);font-family:Roboto,sans-serif;font-size:16px;border:none;padding:0;background:transparent}:host::ng-deep ag-grid-angular .ag-header-cell-text{font-weight:600;line-height:21px}:host::ng-deep ag-grid-angular .ag-cell:focus,:host::ng-deep ag-grid-angular .ag-cell-focus{outline:none!important;border:none!important;box-shadow:none!important}:host::ng-deep ag-grid-angular .ag-row,:host::ng-deep ag-grid-angular .ag-header,:host::ng-deep ag-grid-angular .ag-advanced-filter-header{border-bottom:none}:host::ng-deep ag-grid-angular .ag-row-even{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-row-odd{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-sort-indicator-container{min-width:fit-content}:host::ng-deep ag-grid-angular .ag-sort-indicator-icon>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell-filter-button>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-theme-quartz{--ag-background-color: var(--color-light-30);--ag-foreground-color: var(--color-black);--ag-input-border-color: var(--color-light);--ag-input-focus-border-color: var(--color-medium);--ag-input-focus-box-shadow: none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input::placeholder{color:var(--color-medium);opacity:1}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper:before{background-image:none;content:none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input{padding-left:8px!important}:host::ng-deep .ads-table-container{display:flex;flex-direction:column;width:100%;height:100%}:host::ng-deep .ads-table-container.no-border .table-header{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border::ng-deep ag-grid-angular .ag-root-wrapper{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border .list-view-container{border:none;border-radius:0}:host::ng-deep .ads-table-container.with-header::ng-deep ag-grid-angular .ag-root-wrapper{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container.with-header .list-view-container{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container .table-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px;background-color:var(--color-white);border:1px solid var(--color-light);border-top-left-radius:var(--ag-wrapper-border-radius);border-top-right-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .ads-table-container .table-header .header-template-container{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-template-container .header-template{min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-actions{display:flex;gap:8px;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}:host::ng-deep .ads-table-container .table-header .change-view-button{display:flex;height:30px;padding:0 12px;border-radius:100px;background-color:var(--color-muted);align-items:center;cursor:pointer;flex-shrink:0}:host::ng-deep .ads-table-container .table-header .change-view-button:hover{background-color:var(--color-secondary-hover)}:host::ng-deep .ads-table-container .table-header .change-view-button:hover ::ng-deep svg{stroke:var(--color-white)}:host::ng-deep .list-view-container{overflow-y:auto;display:flex;flex-direction:column;border:1px solid var(--color-light);border-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .list-view-container .list-view-item{flex-shrink:0}:host::ng-deep .list-view-container .list-view-sentinel{height:1px;flex-shrink:0}:host::ng-deep .list-view-container .list-view-loading{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep .list-view-container .list-view-empty{display:flex;justify-content:center;align-items:center;height:100%;color:var(--color-medium)}::ng-deep .column-visibility-menu{width:234px;max-width:498px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .column-visibility-menu .mat-mdc-menu-content{padding:0}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content{background-color:var(--color-white)}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-label{padding:12px 12px 0;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body{overflow-y:auto}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row{display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:45px;gap:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-name{font-size:16px;font-weight:400;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;flex:1}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle{display:flex;justify-content:flex-end}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle ::ng-deep ads-slide-toggle .ads-toggle{height:45px!important}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer{display:flex;justify-content:space-between;gap:12px;padding:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer ::ng-deep ads-button{flex:1}::ng-deep .filter-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .sort-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.AdsIconRegistry }, { type: i0.ChangeDetectorRef }], propDecorators: { width: [{
                 type: Input
             }], height: [{