@ascentgl/ads-ui 21.49.0 → 21.50.0

package/fesm2022/ascentgl-ads-ui.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Input, Component, NgModule, input, output, computed, ChangeDetectionStrategy, EventEmitter, signal, effect, ViewChild, Output, ElementRef, HostListener, Directive, InjectionToken, inject, DestroyRef, Pipe, contentChild, TemplateRef, Inject, Optional, ChangeDetectorRef, Injectable, Renderer2, viewChild, ViewChildren } from '@angular/core';
 import * as i1 from '@ascentgl/ads-icons';
 import { AdsIconModule, AdsIconRegistry } from '@ascentgl/ads-icons';
-import { adsIconUserCircle, adsIconBell, adsIconChevronRight, adsIconCross, adsIconPlus, adsIconWarning, adsIconLock, adsIconPlusCircle, adsIconSearch, adsIconSortDescending, adsIconCheckCircleFilled, adsIconVisibilityEye, adsIconVisibilityEyeNone, adsIconStatusProcessing, adsIconInformation, adsIconChevronDown, adsIconLoading, adsIconDatepicker, adsIconTimepicker, adsIconCheck, adsIconDropdownArrow, adsIconChevronUp, adsIconFilter, adsIconArrowUpAndDown, adsIconMenuMoreInfo, adsIconHamburgerMenu, adsIconChevronLeft, adsIconStatusNew } from '@ascentgl/ads-icons/icons';
+import { adsIconUserCircle, adsIconBell, adsIconChevronRight, adsIconCross, adsIconPlus, adsIconWarning, adsIconLock, adsIconPlusCircle, adsIconSearch, adsIconSortDescending, adsIconCheckCircleFilled, adsIconVisibilityEye, adsIconVisibilityEyeNone, adsIconStatusProcessing, adsIconInformation, adsIconChevronDown, adsIconLoading, adsIconDatepicker, adsIconTimepicker, adsIconCheck, adsIconDropdownArrow, adsIconChevronUp, adsIconSortDownToUp, adsIconSortUpToDown, adsIconMenuFilters, adsIconFilter, adsIconArrowUpAndDown, adsIconMenuMoreInfo, adsIconHamburgerMenu, adsIconChevronLeft, adsIconStatusNew } from '@ascentgl/ads-icons/icons';
 import * as i1$1 from '@angular/common';
 import { CommonModule, NgOptimizedImage, NgTemplateOutlet, NgClass, NgStyle, DOCUMENT } from '@angular/common';
 import * as i2 from '@angular/material/badge';
@@ -55,7 +55,7 @@ import * as i6$1 from '@angular/material/expansion';
 import { MatExpansionPanel, MatExpansionPanelTitle, MatExpansionPanelHeader, MatExpansionPanelDescription, MatAccordion } from '@angular/material/expansion';
 import { ModuleRegistry, AllCommunityModule, provideGlobalGridOptions, themeQuartz } from 'ag-grid-community';
 import * as i4$3 from '@angular/material/menu';
-import { MatMenuTrigger, MatMenuModule, MatMenu, MatMenuItem } from '@angular/material/menu';
+import { MatMenuModule, MatMenuTrigger, MatMenu, MatMenuItem } from '@angular/material/menu';
 import * as i3$4 from 'ag-grid-angular';
 import { AgGridAngular } from 'ag-grid-angular';
 import * as i3$5 from 'angular-split';
@@ -7030,6 +7030,388 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 }]
         }] });
 
+class AdsColumnSortFilterMenuComponent {
+    /** @ignore */
+    constructor(registry) {
+        this.registry = registry;
+        /** Current sort direction for this column */
+        this.currentSortDirection = null;
+        /** Currently selected filter values */
+        this.selectedFilterValues = [];
+        /** Emits when sort option is selected */
+        this.sortChanged = new EventEmitter();
+        /** Emits when filter options change */
+        this.filterChanged = new EventEmitter();
+        /** Emits when hide column is clicked */
+        this.hideColumn = new EventEmitter();
+        /** @ignore */
+        this.searchControl = new FormControl('', { nonNullable: true });
+        /** @ignore */
+        this.selectAllControl = new FormControl(true, { nonNullable: true });
+        /** @ignore */
+        this.filterOptions = signal([], ...(ngDevMode ? [{ debugName: "filterOptions" }] : []));
+        /** @ignore */
+        this.filteredOptions = signal([], ...(ngDevMode ? [{ debugName: "filteredOptions" }] : []));
+        /** @ignore */
+        this.searchValue = signal('', ...(ngDevMode ? [{ debugName: "searchValue" }] : []));
+        /** @ignore */
+        this.noResultsFound = signal(false, ...(ngDevMode ? [{ debugName: "noResultsFound" }] : []));
+        /** @ignore */
+        this.destroy$ = new Subject();
+        /** @ignore */
+        this.optionSubscriptions = [];
+        /** @ignore - Flag to prevent circular updates */
+        this.isBatchUpdate = false;
+        /** @ignore */
+        this.initializedConfigField = null;
+        /** @ignore - tracks if we're currently emitting a change to prevent sync loop */
+        this.isEmittingChange = false;
+        /** Maximum characters before text is considered truncated */
+        this.MAX_LABEL_LENGTH = 25;
+        this.registry.register([
+            adsIconSortDownToUp,
+            adsIconSortUpToDown,
+            adsIconCheckCircleFilled,
+            adsIconVisibilityEyeNone,
+        ]);
+    }
+    /** @ignore */
+    ngOnInit() {
+        this.initializeFilterOptions();
+        this.setupSearchSubscription();
+        this.setupSelectAllSubscription();
+    }
+    /** @ignore */
+    ngOnChanges(changes) {
+        if (changes['config'] && !changes['config'].firstChange) {
+            const newField = changes['config'].currentValue?.field;
+            if (newField !== this.initializedConfigField) {
+                this.initializeFilterOptions();
+            }
+        }
+        if (changes['selectedFilterValues'] && !changes['selectedFilterValues'].firstChange) {
+            if (!this.isEmittingChange) {
+                this.syncFilterOptionsWithSelectedValues();
+            }
+        }
+    }
+    /** @ignore */
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+        this.clearOptionSubscriptions();
+    }
+    /** @ignore */
+    clearOptionSubscriptions() {
+        this.optionSubscriptions.forEach(sub => sub.unsubscribe());
+        this.optionSubscriptions = [];
+    }
+    /** @ignore */
+    syncFilterOptionsWithSelectedValues() {
+        const options = this.filterOptions();
+        if (options.length === 0)
+            return;
+        this.isBatchUpdate = true;
+        options.forEach((option) => {
+            const shouldBeSelected = this.selectedFilterValues.includes(option.value);
+            if (option.control.value !== shouldBeSelected) {
+                option.control.setValue(shouldBeSelected, { emitEvent: false });
+            }
+        });
+        // Trigger signal update to notify Angular of changes
+        this.filterOptions.set([...options]);
+        // Re-apply search filter to update filteredOptions
+        this.filterOptionsBySearch(this.searchValue());
+        this.isBatchUpdate = false;
+        this.updateSelectAllState();
+    }
+    /** @ignore */
+    initializeFilterOptions() {
+        this.clearOptionSubscriptions();
+        if (!this.config?.filterOptions) {
+            this.filterOptions.set([]);
+            this.filteredOptions.set([]);
+            this.initializedConfigField = null;
+            return;
+        }
+        this.initializedConfigField = this.config.field;
+        const options = this.config.filterOptions.map((value) => {
+            // If selectedFilterValues is empty, default to selected (initial state before parent sets values)
+            // Otherwise, check if value is in selectedFilterValues
+            const isSelected = this.selectedFilterValues.length === 0 || this.selectedFilterValues.includes(value);
+            const control = new FormControl(isSelected, { nonNullable: true });
+            // Subscribe to control value changes
+            const subscription = control.valueChanges.subscribe(() => {
+                if (!this.isBatchUpdate) {
+                    this.onOptionChanged();
+                }
+            });
+            this.optionSubscriptions.push(subscription);
+            return {
+                value,
+                label: value,
+                control,
+            };
+        });
+        this.filterOptions.set(options);
+        this.filteredOptions.set([...options]);
+        this.updateSelectAllState();
+    }
+    /** @ignore */
+    setupSearchSubscription() {
+        this.searchControl.valueChanges.pipe(takeUntil$1(this.destroy$)).subscribe((value) => {
+            this.searchValue.set(value);
+            this.filterOptionsBySearch(value);
+        });
+    }
+    /** @ignore */
+    setupSelectAllSubscription() {
+        this.selectAllSubscription = this.selectAllControl.valueChanges
+            .pipe(takeUntil$1(this.destroy$))
+            .subscribe((isChecked) => {
+            if (this.isBatchUpdate)
+                return;
+            this.isBatchUpdate = true;
+            // Update all filter options (both filtered and main list share same objects)
+            const allOptions = this.filterOptions();
+            const filteredValues = new Set(this.filteredOptions().map(o => o.value));
+            allOptions.forEach((option) => {
+                // Only update options that are currently visible (filtered)
+                if (filteredValues.has(option.value)) {
+                    option.control.setValue(isChecked, { emitEvent: false });
+                }
+            });
+            // Trigger signal update to notify Angular of changes
+            this.filterOptions.set([...allOptions]);
+            this.filteredOptions.set(allOptions.filter(o => filteredValues.has(o.value)));
+            this.isBatchUpdate = false;
+            // Emit the filter change
+            this.emitFilterChange();
+        });
+    }
+    /** @ignore */
+    filterOptionsBySearch(searchTerm) {
+        const allOptions = this.filterOptions();
+        if (!searchTerm) {
+            this.filteredOptions.set([...allOptions]);
+            this.noResultsFound.set(false);
+            this.updateSelectAllState();
+            return;
+        }
+        const lowerSearch = searchTerm.toLowerCase();
+        const filtered = allOptions.filter((option) => option.label.toLowerCase().startsWith(lowerSearch));
+        this.filteredOptions.set(filtered);
+        this.noResultsFound.set(filtered.length === 0);
+        this.updateSelectAllState();
+    }
+    /** @ignore */
+    onOptionChanged() {
+        this.updateSelectAllState();
+        this.emitFilterChange();
+    }
+    /** @ignore */
+    updateSelectAllState() {
+        this.isBatchUpdate = true;
+        // Check ALL options, not just filtered ones
+        const allOptions = this.filterOptions();
+        const allChecked = allOptions.length > 0 && allOptions.every((opt) => opt.control.value);
+        this.selectAllControl.setValue(allChecked, { emitEvent: false });
+        this.isBatchUpdate = false;
+    }
+    /** @ignore */
+    emitFilterChange() {
+        const selectedValues = this.filterOptions()
+            .filter((opt) => opt.control.value)
+            .map((opt) => opt.value);
+        this.isEmittingChange = true;
+        this.filterChanged.emit({
+            field: this.config.field,
+            values: selectedValues,
+        });
+        // Reset flag after a microtask
+        Promise.resolve().then(() => {
+            this.isEmittingChange = false;
+        });
+    }
+    /** @ignore */
+    onSortOptionClick(direction) {
+        const newDirection = this.currentSortDirection === direction ? null : direction;
+        this.sortChanged.emit({
+            field: this.config.field,
+            direction: newDirection,
+        });
+    }
+    /** @ignore */
+    onHideColumnClick() {
+        this.hideColumn.emit(this.config.field);
+    }
+    /** @ignore */
+    isSortActive(direction) {
+        return this.currentSortDirection === direction;
+    }
+    /** @ignore */
+    get hasFilterOptions() {
+        return !!this.config?.filterOptions && this.config.filterOptions.length > 0;
+    }
+    /** @ignore */
+    get hasSortOptions() {
+        return !!this.config?.sortOptions && this.config.sortOptions.length > 0;
+    }
+    /** @ignore */
+    get sortOptions() {
+        return this.config?.sortOptions || [];
+    }
+    /** @ignore - Check if text would be truncated based on character length */
+    isTextTruncated(text) {
+        return text.length > this.MAX_LABEL_LENGTH;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsColumnSortFilterMenuComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsColumnSortFilterMenuComponent, isStandalone: false, selector: "ads-column-sort-filter-menu", inputs: { config: "config", currentSortDirection: "currentSortDirection", selectedFilterValues: "selectedFilterValues" }, outputs: { sortChanged: "sortChanged", filterChanged: "filterChanged", hideColumn: "hideColumn" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"column-sort-filter-menu\"\n  (click)=\"$event.stopPropagation()\"\n  [class.full-height]=\"hasFilterOptions && hasSortOptions\"\n>\n  <!-- Sort Options -->\n  @if (hasSortOptions) {\n    <div class=\"sort-section\">\n      @for (sortOption of sortOptions; track sortOption.direction) {\n        <div\n          class=\"sort-option\"\n          [class.active]=\"isSortActive(sortOption.direction)\"\n          (click)=\"onSortOptionClick(sortOption.direction)\"\n        >\n          <ads-icon\n            [name]=\"sortOption.direction === 'asc' ? 'sort_down_to_up' : 'sort_up_to_down'\"\n            [theme]=\"isSortActive(sortOption.direction) ? 'secondary' : 'iconPrimary'\"\n            size=\"xxs_16\"\n            class=\"sort-icon\"\n          />\n          <span class=\"sort-label\">{{ sortOption.label }}</span>\n          @if (isSortActive(sortOption.direction)) {\n            <ads-icon\n              name=\"check_circle_filled\"\n              theme=\"secondary\"\n              size=\"xxs_16\"\n            />\n          }\n        </div>\n      }\n    </div>\n  }\n\n  @if (hasFilterOptions && hasSortOptions) {\n    <ads-divider />\n  }\n\n  <!-- Filter Section -->\n  @if (hasFilterOptions) {\n    <div class=\"filter-section\">\n      <ads-search-input\n        [control]=\"searchControl\"\n        placeholder=\"Filter Search\"\n        [showFooter]=\"false\"\n      />\n\n      @if (noResultsFound()) {\n        <p class=\"no-results\">\n          Can't find \"{{ searchValue() }}.\" Try searching something else.\n        </p>\n      } @else {\n        <div class=\"filter-options\">\n          <!-- Select All - only show when not searching -->\n          @if (!searchValue()) {\n            <ads-checkbox\n              [control]=\"selectAllControl\"\n              label=\"Select All\"\n              [showFooter]=\"false\"\n            />\n          }\n\n          <!-- Filter Options List -->\n          @for (option of filteredOptions(); track option.value) {\n            <div class=\"filter-option-wrapper\" [matTooltip]=\"option.label\" [matTooltipDisabled]=\"!isTextTruncated(option.label)\">\n              <ads-checkbox\n                [control]=\"option.control\"\n                [label]=\"option.label\"\n                [showFooter]=\"false\"\n              />\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Hide Column -->\n  <div class=\"hide-column-section\" (click)=\"onHideColumnClick()\">\n    <ads-icon name=\"visibility_eye_none\" theme=\"iconPrimary\" stroke=\"iconPrimary\" size=\"xxs_16\" />\n    <span>Hide Column</span>\n  </div>\n</div>\n\n", styles: [".column-sort-filter-menu{width:234px;max-height:358px;background-color:var(--color-white);display:flex;flex-direction:column}.column-sort-filter-menu.full-height{height:358px}.column-sort-filter-menu .sort-section{padding:0;flex-shrink:0}.column-sort-filter-menu .sort-section .sort-option{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;transition:background-color .2s ease}.column-sort-filter-menu .sort-section .sort-option .sort-label{font-size:16px;line-height:21px;color:var(--color-dark)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active){background-color:var(--color-secondary-hover)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active) .sort-label{color:var(--color-white)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active) .sort-icon ::ng-deep svg{fill:var(--color-white)!important}.column-sort-filter-menu .sort-section .sort-option.active{background-color:var(--color-secondary-10)}.column-sort-filter-menu .filter-section{padding:0 12px;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.column-sort-filter-menu .filter-section ads-search-input{display:block;padding:12px 0;flex-shrink:0}.column-sort-filter-menu .filter-section .no-results{color:var(--color-error);font-size:12px;line-height:16px;padding:12px 0;font-weight:600;margin:0}.column-sort-filter-menu .filter-section .filter-options{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.column-sort-filter-menu .filter-section .filter-options .filter-option-wrapper ads-checkbox{display:block}.column-sort-filter-menu .filter-section .filter-options .filter-option-wrapper ads-checkbox ::ng-deep .checkbox-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.column-sort-filter-menu .hide-column-section{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0;border-top:1px solid var(--color-light)}.column-sort-filter-menu .hide-column-section:hover{background-color:var(--color-secondary-hover)}.column-sort-filter-menu .hide-column-section:hover span{color:var(--color-white)}.column-sort-filter-menu .hide-column-section:hover ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.column-sort-filter-menu .hide-column-section:active{background-color:var(--color-secondary-pressed)}.column-sort-filter-menu .hide-column-section:active span{color:var(--color-white)}.column-sort-filter-menu .hide-column-section:active ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.column-sort-filter-menu .hide-column-section span{font-size:16px;line-height:21px;color:var(--color-dark)}\n"], dependencies: [{ kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AdsSearchInputComponent, selector: "ads-search-input", inputs: ["searchCallback", "isIconClickable", "searchEmptyValue", "loading"] }, { kind: "component", type: AdsCheckboxComponent, selector: "ads-checkbox", inputs: ["indeterminate", "width", "tooltip", "tooltipHref", "size"] }, { 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsColumnSortFilterMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-column-sort-filter-menu', standalone: false, template: "<div\n  class=\"column-sort-filter-menu\"\n  (click)=\"$event.stopPropagation()\"\n  [class.full-height]=\"hasFilterOptions && hasSortOptions\"\n>\n  <!-- Sort Options -->\n  @if (hasSortOptions) {\n    <div class=\"sort-section\">\n      @for (sortOption of sortOptions; track sortOption.direction) {\n        <div\n          class=\"sort-option\"\n          [class.active]=\"isSortActive(sortOption.direction)\"\n          (click)=\"onSortOptionClick(sortOption.direction)\"\n        >\n          <ads-icon\n            [name]=\"sortOption.direction === 'asc' ? 'sort_down_to_up' : 'sort_up_to_down'\"\n            [theme]=\"isSortActive(sortOption.direction) ? 'secondary' : 'iconPrimary'\"\n            size=\"xxs_16\"\n            class=\"sort-icon\"\n          />\n          <span class=\"sort-label\">{{ sortOption.label }}</span>\n          @if (isSortActive(sortOption.direction)) {\n            <ads-icon\n              name=\"check_circle_filled\"\n              theme=\"secondary\"\n              size=\"xxs_16\"\n            />\n          }\n        </div>\n      }\n    </div>\n  }\n\n  @if (hasFilterOptions && hasSortOptions) {\n    <ads-divider />\n  }\n\n  <!-- Filter Section -->\n  @if (hasFilterOptions) {\n    <div class=\"filter-section\">\n      <ads-search-input\n        [control]=\"searchControl\"\n        placeholder=\"Filter Search\"\n        [showFooter]=\"false\"\n      />\n\n      @if (noResultsFound()) {\n        <p class=\"no-results\">\n          Can't find \"{{ searchValue() }}.\" Try searching something else.\n        </p>\n      } @else {\n        <div class=\"filter-options\">\n          <!-- Select All - only show when not searching -->\n          @if (!searchValue()) {\n            <ads-checkbox\n              [control]=\"selectAllControl\"\n              label=\"Select All\"\n              [showFooter]=\"false\"\n            />\n          }\n\n          <!-- Filter Options List -->\n          @for (option of filteredOptions(); track option.value) {\n            <div class=\"filter-option-wrapper\" [matTooltip]=\"option.label\" [matTooltipDisabled]=\"!isTextTruncated(option.label)\">\n              <ads-checkbox\n                [control]=\"option.control\"\n                [label]=\"option.label\"\n                [showFooter]=\"false\"\n              />\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Hide Column -->\n  <div class=\"hide-column-section\" (click)=\"onHideColumnClick()\">\n    <ads-icon name=\"visibility_eye_none\" theme=\"iconPrimary\" stroke=\"iconPrimary\" size=\"xxs_16\" />\n    <span>Hide Column</span>\n  </div>\n</div>\n\n", styles: [".column-sort-filter-menu{width:234px;max-height:358px;background-color:var(--color-white);display:flex;flex-direction:column}.column-sort-filter-menu.full-height{height:358px}.column-sort-filter-menu .sort-section{padding:0;flex-shrink:0}.column-sort-filter-menu .sort-section .sort-option{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;transition:background-color .2s ease}.column-sort-filter-menu .sort-section .sort-option .sort-label{font-size:16px;line-height:21px;color:var(--color-dark)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active){background-color:var(--color-secondary-hover)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active) .sort-label{color:var(--color-white)}.column-sort-filter-menu .sort-section .sort-option:hover:not(.active) .sort-icon ::ng-deep svg{fill:var(--color-white)!important}.column-sort-filter-menu .sort-section .sort-option.active{background-color:var(--color-secondary-10)}.column-sort-filter-menu .filter-section{padding:0 12px;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.column-sort-filter-menu .filter-section ads-search-input{display:block;padding:12px 0;flex-shrink:0}.column-sort-filter-menu .filter-section .no-results{color:var(--color-error);font-size:12px;line-height:16px;padding:12px 0;font-weight:600;margin:0}.column-sort-filter-menu .filter-section .filter-options{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.column-sort-filter-menu .filter-section .filter-options .filter-option-wrapper ads-checkbox{display:block}.column-sort-filter-menu .filter-section .filter-options .filter-option-wrapper ads-checkbox ::ng-deep .checkbox-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.column-sort-filter-menu .hide-column-section{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0;border-top:1px solid var(--color-light)}.column-sort-filter-menu .hide-column-section:hover{background-color:var(--color-secondary-hover)}.column-sort-filter-menu .hide-column-section:hover span{color:var(--color-white)}.column-sort-filter-menu .hide-column-section:hover ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.column-sort-filter-menu .hide-column-section:active{background-color:var(--color-secondary-pressed)}.column-sort-filter-menu .hide-column-section:active span{color:var(--color-white)}.column-sort-filter-menu .hide-column-section:active ads-icon ::ng-deep svg{fill:var(--color-white)!important;stroke:var(--color-white)!important}.column-sort-filter-menu .hide-column-section span{font-size:16px;line-height:21px;color:var(--color-dark)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { config: [{
+                type: Input
+            }], currentSortDirection: [{
+                type: Input
+            }], selectedFilterValues: [{
+                type: Input
+            }], sortChanged: [{
+                type: Output
+            }], filterChanged: [{
+                type: Output
+            }], hideColumn: [{
+                type: Output
+            }] } });
+
+class AdsCustomHeaderComponent {
+    constructor(registry) {
+        this.registry = registry;
+        this.menuOpen = false;
+        this.registry.register([adsIconMenuFilters]);
+    }
+    agInit(params) {
+        this.params = params;
+    }
+    refresh(params) {
+        this.params = params;
+        return true;
+    }
+    get displayName() {
+        return this.params.displayName || '';
+    }
+    get field() {
+        return this.params.column.getColId();
+    }
+    get hasSortFilterConfig() {
+        return !!this.params.sortFilterConfig;
+    }
+    get sortFilterConfig() {
+        return this.params.sortFilterConfig;
+    }
+    get sortDirection() {
+        return this.params.getSortDirection?.(this.field) ?? null;
+    }
+    get filterValues() {
+        return this.params.getFilterValues?.(this.field) ?? [];
+    }
+    get isColumnSorted() {
+        return this.params.isColumnSorted?.(this.field) ?? false;
+    }
+    get isColumnFiltered() {
+        return this.params.isColumnFiltered?.(this.field) ?? false;
+    }
+    get isActive() {
+        return this.isColumnSorted || this.isColumnFiltered;
+    }
+    get isLastColumn() {
+        const allColumns = this.params.api.getAllDisplayedColumns();
+        const lastColumn = allColumns[allColumns.length - 1];
+        return this.params.column === lastColumn;
+    }
+    onSortChanged(event) {
+        this.params.onSortChanged?.(event);
+    }
+    onFilterChanged(event) {
+        this.params.onFilterChanged?.(event);
+    }
+    onHideColumn(field) {
+        this.params.onHideColumn?.(field);
+        this.menuOpen = false;
+    }
+    toggleMenu() {
+        this.menuOpen = !this.menuOpen;
+    }
+    closeMenu() {
+        this.menuOpen = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsCustomHeaderComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AdsCustomHeaderComponent, isStandalone: false, selector: "ads-custom-header", ngImport: i0, template: "<div class=\"ads-custom-header\">\n  <span\n    class=\"menu-trigger-anchor\"\n    [class.align-right]=\"isLastColumn\"\n    #menuTrigger=\"matMenuTrigger\"\n    [matMenuTriggerFor]=\"sortFilterMenu\"\n    (menuOpened)=\"menuOpen = true\"\n    (menuClosed)=\"menuOpen = false\"\n  ></span>\n\n  <span class=\"header-text\">{{ displayName }}</span>\n\n  @if (hasSortFilterConfig) {\n    <button\n      class=\"header-menu-button\"\n      [class.active]=\"isActive\"\n      (click)=\"menuTrigger.openMenu(); $event.stopPropagation()\"\n    >\n      <ads-icon name=\"menu_filters\" theme=\"iconPrimary\" stroke=\"iconPrimary\" size=\"auto\" />\n    </button>\n  }\n</div>\n\n<mat-menu #sortFilterMenu=\"matMenu\" class=\"column-sort-filter-panel\" [xPosition]=\"isLastColumn ? 'before' : 'after'\">\n  @if (sortFilterConfig) {\n    <ads-column-sort-filter-menu\n      [config]=\"sortFilterConfig\"\n      [currentSortDirection]=\"sortDirection\"\n      [selectedFilterValues]=\"filterValues\"\n      (sortChanged)=\"onSortChanged($event)\"\n      (filterChanged)=\"onFilterChanged($event)\"\n      (hideColumn)=\"onHideColumn($event)\"\n    />\n  }\n</mat-menu>\n\n", styles: [":host{display:block;width:100%;height:100%}.ads-custom-header{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;position:relative}.ads-custom-header .menu-trigger-anchor{position:absolute;left:0;bottom:0;width:1px;height:1px;pointer-events:none}.ads-custom-header .menu-trigger-anchor.align-right{left:auto;right:0}.ads-custom-header .header-text{font-weight:600;font-size:16px;line-height:21px;color:var(--color-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-custom-header .header-menu-button{display:flex;align-items:center;justify-content:center;gap:2px;padding:4px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}::ng-deep .column-sort-filter-panel{margin-top:1px}::ng-deep .column-sort-filter-panel .mat-mdc-menu-content{padding:0}\n"], dependencies: [{ kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { 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: AdsColumnSortFilterMenuComponent, selector: "ads-column-sort-filter-menu", inputs: ["config", "currentSortDirection", "selectedFilterValues"], outputs: ["sortChanged", "filterChanged", "hideColumn"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsCustomHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-custom-header', standalone: false, template: "<div class=\"ads-custom-header\">\n  <span\n    class=\"menu-trigger-anchor\"\n    [class.align-right]=\"isLastColumn\"\n    #menuTrigger=\"matMenuTrigger\"\n    [matMenuTriggerFor]=\"sortFilterMenu\"\n    (menuOpened)=\"menuOpen = true\"\n    (menuClosed)=\"menuOpen = false\"\n  ></span>\n\n  <span class=\"header-text\">{{ displayName }}</span>\n\n  @if (hasSortFilterConfig) {\n    <button\n      class=\"header-menu-button\"\n      [class.active]=\"isActive\"\n      (click)=\"menuTrigger.openMenu(); $event.stopPropagation()\"\n    >\n      <ads-icon name=\"menu_filters\" theme=\"iconPrimary\" stroke=\"iconPrimary\" size=\"auto\" />\n    </button>\n  }\n</div>\n\n<mat-menu #sortFilterMenu=\"matMenu\" class=\"column-sort-filter-panel\" [xPosition]=\"isLastColumn ? 'before' : 'after'\">\n  @if (sortFilterConfig) {\n    <ads-column-sort-filter-menu\n      [config]=\"sortFilterConfig\"\n      [currentSortDirection]=\"sortDirection\"\n      [selectedFilterValues]=\"filterValues\"\n      (sortChanged)=\"onSortChanged($event)\"\n      (filterChanged)=\"onFilterChanged($event)\"\n      (hideColumn)=\"onHideColumn($event)\"\n    />\n  }\n</mat-menu>\n\n", styles: [":host{display:block;width:100%;height:100%}.ads-custom-header{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;position:relative}.ads-custom-header .menu-trigger-anchor{position:absolute;left:0;bottom:0;width:1px;height:1px;pointer-events:none}.ads-custom-header .menu-trigger-anchor.align-right{left:auto;right:0}.ads-custom-header .header-text{font-weight:600;font-size:16px;line-height:21px;color:var(--color-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-custom-header .header-menu-button{display:flex;align-items:center;justify-content:center;gap:2px;padding:4px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}::ng-deep .column-sort-filter-panel{margin-top:1px}::ng-deep .column-sort-filter-panel .mat-mdc-menu-content{padding:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
+
+class AdsColumnSortFilterMenuModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsColumnSortFilterMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: AdsColumnSortFilterMenuModule, declarations: [AdsColumnSortFilterMenuComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            AdsIconModule,
+            AdsSearchInputModule,
+            AdsCheckboxModule,
+            AdsDividerModule,
+            MatTooltip], exports: [AdsColumnSortFilterMenuComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsColumnSortFilterMenuModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            AdsIconModule,
+            AdsSearchInputModule,
+            AdsCheckboxModule,
+            AdsDividerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsColumnSortFilterMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsColumnSortFilterMenuComponent],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        AdsIconModule,
+                        AdsSearchInputModule,
+                        AdsCheckboxModule,
+                        AdsDividerModule,
+                        MatTooltip,
+                    ],
+                    exports: [AdsColumnSortFilterMenuComponent],
+                }]
+        }] });
+
+class AdsCustomHeaderModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsCustomHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: AdsCustomHeaderModule, declarations: [AdsCustomHeaderComponent], imports: [CommonModule,
+            AdsIconModule,
+            MatMenuModule,
+            AdsColumnSortFilterMenuModule], exports: [AdsCustomHeaderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsCustomHeaderModule, imports: [CommonModule,
+            AdsIconModule,
+            MatMenuModule,
+            AdsColumnSortFilterMenuModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsCustomHeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsCustomHeaderComponent],
+                    imports: [
+                        CommonModule,
+                        AdsIconModule,
+                        MatMenuModule,
+                        AdsColumnSortFilterMenuModule,
+                    ],
+                    exports: [AdsCustomHeaderComponent],
+                }]
+        }] });
+
 class AdsTableButtonComponent {
     constructor() {
         /** The unique ID for the button */
@@ -7086,6 +7468,10 @@ class AdsTableComponent {
         };
         /**  Show/hide the header with the column visibility button */
         this.showHeaderActions = false;
+        /** Enable custom column sort/filter menu (optional, default false for backward compatibility) */
+        this.enableCustomSortFilter = false;
+        /** Configuration for custom sort/filter per column */
+        this.columnSortFilterConfigs = [];
         /** Event emitted when all filters are cleared */
         this.filtersCleared = new EventEmitter();
         /** @ignore */
@@ -7103,11 +7489,59 @@ class AdsTableComponent {
         /** @ignore */
         this.sortedColumns = [];
         /** @ignore */
+        this.activeColumnMenu = signal(null, ...(ngDevMode ? [{ debugName: "activeColumnMenu" }] : []));
+        /** @ignore */
+        this.columnSortStates = signal(new Map(), ...(ngDevMode ? [{ debugName: "columnSortStates" }] : []));
+        /** @ignore */
+        this.columnFilterStates = signal(new Map(), ...(ngDevMode ? [{ debugName: "columnFilterStates" }] : []));
+        /** @ignore */
+        this.frameworkComponents = {
+            adsCustomHeader: AdsCustomHeaderComponent,
+        };
+        /** @ignore */
         this.filteredColumns = [];
         /** @ignore */
         this.columnVisibilityMenuOpen = false;
+        /** @ignore */
+        this.isExternalFilterPresent = () => {
+            // Check if any custom column filter is active
+            for (const [field, values] of this.columnFilterStates()) {
+                const config = this.getColumnSortFilterConfig(field);
+                if (config?.filterOptions) {
+                    // Filter is active if some but not all options are selected, OR if no options are selected
+                    if (values.length === 0 || (values.length > 0 && values.length < config.filterOptions.length)) {
+                        return true;
+                    }
+                }
+            }
+            return false;
+        };
+        /** @ignore */
+        this.doesExternalFilterPass = (node) => {
+            if (!node.data)
+                return true;
+            for (const [field, selectedValues] of this.columnFilterStates()) {
+                const config = this.getColumnSortFilterConfig(field);
+                if (!config?.filterOptions)
+                    continue;
+                // If no values are selected, hide all rows for this filter
+                if (selectedValues.length === 0) {
+                    return false;
+                }
+                // If all values are selected, don't filter (show all)
+                if (selectedValues.length === config.filterOptions.length) {
+                    continue;
+                }
+                const cellValue = node.data[field];
+                const cellValueStr = cellValue != null ? String(cellValue) : '';
+                if (!selectedValues.includes(cellValueStr)) {
+                    return false;
+                }
+            }
+            return true;
+        };
         this.themeQuartz = themeQuartz;
-        this.registry.register([adsIconFilter, adsIconVisibilityEyeNone, adsIconArrowUpAndDown, adsIconCross]);
+        this.registry.register([adsIconFilter, adsIconVisibilityEyeNone, adsIconArrowUpAndDown, adsIconCross, adsIconCheckCircleFilled]);
     }
     /** @ignore */
     getBreakpoint(width) {
@@ -7132,6 +7566,69 @@ class AdsTableComponent {
         return this.cachedDefaultColDef;
     }
     /** @ignore */
+    getProcessedColumnDefs() {
+        const columns = this.tableColumnDefs();
+        if (!this.enableCustomSortFilter) {
+            return columns;
+        }
+        // Import the custom header component dynamically
+        return columns.map(col => {
+            const config = this.getColumnSortFilterConfig(col.field || '');
+            if (config) {
+                // Create comparator based on sortType
+                const comparator = this.createComparator(config);
+                return {
+                    ...col,
+                    headerComponent: 'adsCustomHeader',
+                    headerComponentParams: {
+                        sortFilterConfig: config,
+                        onSortChanged: this.onColumnSortChanged.bind(this),
+                        onFilterChanged: this.onColumnFilterChanged.bind(this),
+                        onHideColumn: this.onHideColumn.bind(this),
+                        getSortDirection: this.getColumnSortDirection.bind(this),
+                        getFilterValues: this.getColumnFilterValues.bind(this),
+                        isColumnSorted: this.isColumnSorted.bind(this),
+                        isColumnFiltered: this.isColumnFiltered.bind(this),
+                    },
+                    sortable: true, // Enable AG Grid sorting
+                    comparator: comparator,
+                    filter: false, // Disable default AG Grid filter - we handle filtering externally
+                };
+            }
+            return col;
+        });
+    }
+    /** @ignore */
+    createComparator(config) {
+        const sortType = config.sortType || 'string';
+        if (sortType === 'custom' && config.sortComparator) {
+            return (valueA, valueB, _nodeA, _nodeB, isDescending) => {
+                return config.sortComparator(valueA, valueB, isDescending);
+            };
+        }
+        switch (sortType) {
+            case 'number':
+                return (valueA, valueB) => {
+                    const numA = Number(valueA) || 0;
+                    const numB = Number(valueB) || 0;
+                    return numA - numB;
+                };
+            case 'date':
+                return (valueA, valueB) => {
+                    const dateA = valueA ? new Date(valueA).getTime() : 0;
+                    const dateB = valueB ? new Date(valueB).getTime() : 0;
+                    return dateA - dateB;
+                };
+            case 'string':
+            default:
+                return (valueA, valueB) => {
+                    const strA = String(valueA || '').toLowerCase();
+                    const strB = String(valueB || '').toLowerCase();
+                    return strA.localeCompare(strB);
+                };
+        }
+    }
+    /** @ignore */
     ngAfterViewInit() {
         // Observe the table element for resize changes
         const tableElement = this.elementRef.nativeElement.querySelector('ag-grid-angular');
@@ -7338,10 +7835,27 @@ class AdsTableComponent {
     }
     /** @ignore */
     updateFilteringState() {
+        const filteredColumnsList = [];
+        // Check AG Grid's internal filter model
         if (this.gridApi) {
             const filterModel = this.gridApi.getFilterModel();
-            this.filteredColumns = Object.keys(filterModel);
+            filteredColumnsList.push(...Object.keys(filterModel));
+        }
+        // Check custom column filter states
+        for (const [field, values] of this.columnFilterStates()) {
+            const config = this.getColumnSortFilterConfig(field);
+            if (config?.filterOptions) {
+                // Column is filtered if:
+                // - No options are selected (empty array = all unchecked)
+                // - Some but not all options are selected
+                if (values.length === 0 || values.length < config.filterOptions.length) {
+                    if (!filteredColumnsList.includes(field)) {
+                        filteredColumnsList.push(field);
+                    }
+                }
+            }
         }
+        this.filteredColumns = filteredColumnsList;
     }
     /** @ignore */
     onSortChanged() {
@@ -7364,7 +7878,20 @@ class AdsTableComponent {
     /** @ignore */
     clearAllFilters() {
         if (this.gridApi) {
+            // Clear AG Grid's internal filter model
             this.gridApi.setFilterModel(null);
+            // Clear custom column filter states (reset to all options selected)
+            const newStates = new Map();
+            for (const [field] of this.columnFilterStates()) {
+                const config = this.getColumnSortFilterConfig(field);
+                if (config?.filterOptions) {
+                    // Reset to all options selected
+                    newStates.set(field, [...config.filterOptions]);
+                }
+            }
+            this.columnFilterStates.set(newStates);
+            // Trigger external filter update
+            this.gridApi.onFilterChanged();
             this.updateFilteringState();
             // Emit event to notify the header template that filters were cleared
             this.filtersCleared.emit();
@@ -7377,9 +7904,101 @@ class AdsTableComponent {
                 defaultState: { sort: null },
             });
             this.updateSortingState();
+            // Clear custom sort states
+            this.columnSortStates.set(new Map());
+        }
+    }
+    // ============ Custom Sort/Filter Menu Methods ============
+    /** @ignore */
+    getColumnSortFilterConfig(field) {
+        return this.columnSortFilterConfigs.find(config => config.field === field);
+    }
+    /** @ignore */
+    getColumnSortDirection(field) {
+        return this.columnSortStates().get(field) ?? null;
+    }
+    /** @ignore */
+    getColumnFilterValues(field) {
+        const storedValues = this.columnFilterStates().get(field);
+        if (storedValues !== undefined) {
+            return storedValues;
+        }
+        // If no filter state exists for this field, return all options (initial state = all selected)
+        const config = this.getColumnSortFilterConfig(field);
+        return config?.filterOptions ?? [];
+    }
+    /** @ignore */
+    isColumnSorted(field) {
+        return this.columnSortStates().get(field) !== null && this.columnSortStates().get(field) !== undefined;
+    }
+    /** @ignore */
+    isColumnFiltered(field) {
+        const config = this.getColumnSortFilterConfig(field);
+        if (!config?.filterOptions)
+            return false;
+        const selectedValues = this.columnFilterStates().get(field);
+        // Column is filtered if:
+        // - No options are selected (empty array = all unchecked)
+        // - Some but not all options are selected
+        if (selectedValues === undefined)
+            return false;
+        return selectedValues.length === 0 || selectedValues.length < config.filterOptions.length;
+    }
+    /** @ignore */
+    onColumnSortChanged(event) {
+        const newStates = new Map(this.columnSortStates());
+        if (event.direction === null) {
+            newStates.delete(event.field);
+        }
+        else {
+            // Clear other sorts if not multi-sort (single column sort)
+            newStates.clear();
+            newStates.set(event.field, event.direction);
+        }
+        this.columnSortStates.set(newStates);
+        // Apply sort to grid
+        if (this.gridApi) {
+            if (event.direction === null) {
+                this.gridApi.applyColumnState({
+                    state: [{ colId: event.field, sort: null }],
+                });
+            }
+            else {
+                this.gridApi.applyColumnState({
+                    state: [{ colId: event.field, sort: event.direction }],
+                    defaultState: { sort: null },
+                });
+            }
+            this.updateSortingState();
         }
     }
     /** @ignore */
+    onColumnFilterChanged(event) {
+        const newStates = new Map(this.columnFilterStates());
+        newStates.set(event.field, event.values);
+        this.columnFilterStates.set(newStates);
+        // Apply external filter to grid immediately
+        if (this.gridApi) {
+            this.gridApi.onFilterChanged();
+            this.updateFilteringState();
+        }
+    }
+    /** @ignore */
+    onHideColumn(field) {
+        const visibilityItem = this.columnVisibilityList().find(item => item.field === field);
+        if (visibilityItem) {
+            visibilityItem.control.setValue(false);
+        }
+    }
+    /** @ignore */
+    openColumnSortFilterMenu(field) {
+        this.activeColumnMenu.set(field);
+    }
+    /** @ignore */
+    closeColumnSortFilterMenu() {
+        this.activeColumnMenu.set(null);
+    }
+    /** @ignore */
     updateGridColumns() {
         if (!this.gridApi) {
             // If grid is not ready yet, update the column definitions directly
@@ -7584,11 +8203,11 @@ class AdsTableComponent {
         this.unsubscribeFromControls();
     }
     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" }, outputs: { filtersCleared: "filtersCleared" }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template\">\n        @if (headerTemplate) {\n          <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n        }\n      </div>\n\n      <div class=\"header-actions\">\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          {{ hideColumnButtonLabel }}\n        </ads-table-button>\n\n        <ads-table-button\n          id=\"filter-button\"\n          [disabled]=\"!isFilteredTable\"\n          (click)=\"clearAllFilters()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ filterButtonLabel }}\n\n          @if(isFilteredTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [disabled]=\"!isSortedTable\"\n          (click)=\"clearAllSorting()\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ sortButtonLabel }}\n          @if (isSortedTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\n    [icons]=\"getAgGridIcons()\"\n    class=\"ag-theme-quartz\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"rowData\"\n    [columnDefs]=\"tableColumnDefs()\"\n    [defaultColDef]=\"getDefaultColDef()\"\n    (gridReady)=\"gridReady($event)\"\n    (firstDataRendered)=\"firstDataRendered($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n    (filterChanged)=\"filterChanged($event)\"\n    [theme]=\"themeQuartz\"\n    [loading]=\"loading\"\n  />\n</div>\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", 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-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.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 .table-header{display:flex;justify-content:space-between;align-items:center;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-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}::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}\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$4.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"] }, { 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"] }] }); }
+    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", enableCustomSortFilter: "enableCustomSortFilter", columnSortFilterConfigs: "columnSortFilterConfigs" }, outputs: { filtersCleared: "filtersCleared" }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template\">\n        @if (headerTemplate) {\n          <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n        }\n      </div>\n\n      <div class=\"header-actions\">\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          {{ hideColumnButtonLabel }}\n        </ads-table-button>\n\n        <ads-table-button\n          id=\"filter-button\"\n          [disabled]=\"!isFilteredTable\"\n          (click)=\"clearAllFilters()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ filterButtonLabel }}\n\n          @if(isFilteredTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [disabled]=\"!isSortedTable\"\n          (click)=\"clearAllSorting()\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ sortButtonLabel }}\n          @if (isSortedTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\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<!-- 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", 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-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.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 .table-header{display:flex;justify-content:space-between;align-items:center;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-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}::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}\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$4.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"] }, { 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"] }] }); }
 }
 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\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template\">\n        @if (headerTemplate) {\n          <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n        }\n      </div>\n\n      <div class=\"header-actions\">\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          {{ hideColumnButtonLabel }}\n        </ads-table-button>\n\n        <ads-table-button\n          id=\"filter-button\"\n          [disabled]=\"!isFilteredTable\"\n          (click)=\"clearAllFilters()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ filterButtonLabel }}\n\n          @if(isFilteredTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [disabled]=\"!isSortedTable\"\n          (click)=\"clearAllSorting()\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ sortButtonLabel }}\n          @if (isSortedTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\n    [icons]=\"getAgGridIcons()\"\n    class=\"ag-theme-quartz\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"rowData\"\n    [columnDefs]=\"tableColumnDefs()\"\n    [defaultColDef]=\"getDefaultColDef()\"\n    (gridReady)=\"gridReady($event)\"\n    (firstDataRendered)=\"firstDataRendered($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n    (filterChanged)=\"filterChanged($event)\"\n    [theme]=\"themeQuartz\"\n    [loading]=\"loading\"\n  />\n</div>\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", 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-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.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 .table-header{display:flex;justify-content:space-between;align-items:center;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-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}::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}\n"] }]
+            args: [{ selector: 'ads-table', standalone: false, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template\">\n        @if (headerTemplate) {\n          <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n        }\n      </div>\n\n      <div class=\"header-actions\">\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          {{ hideColumnButtonLabel }}\n        </ads-table-button>\n\n        <ads-table-button\n          id=\"filter-button\"\n          [disabled]=\"!isFilteredTable\"\n          (click)=\"clearAllFilters()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ filterButtonLabel }}\n\n          @if(isFilteredTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [disabled]=\"!isSortedTable\"\n          (click)=\"clearAllSorting()\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ sortButtonLabel }}\n          @if (isSortedTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\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<!-- 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", 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-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.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 .table-header{display:flex;justify-content:space-between;align-items:center;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-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}::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}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.AdsIconRegistry }, { type: i0.ChangeDetectorRef }], propDecorators: { width: [{
                 type: Input
             }], height: [{
@@ -7611,6 +8230,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 type: Input
             }], showHeaderActions: [{
                 type: Input
+            }], enableCustomSortFilter: [{
+                type: Input
+            }], columnSortFilterConfigs: [{
+                type: Input
             }], filtersCleared: [{
                 type: Output
             }], menuTrigger: [{
@@ -7643,7 +8266,9 @@ class AdsTableModule {
             AdsTableButtonModule,
             AdsDividerModule,
             MatTooltip,
-            MatMenuModule], exports: [AdsTableComponent] }); }
+            MatMenuModule,
+            AdsColumnSortFilterMenuModule,
+            AdsCustomHeaderModule], exports: [AdsTableComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsTableModule, imports: [CommonModule,
             AdsIconModule,
             AgGridAngular,
@@ -7652,7 +8277,9 @@ class AdsTableModule {
             AdsButtonModule,
             AdsTableButtonModule,
             AdsDividerModule,
-            MatMenuModule] }); }
+            MatMenuModule,
+            AdsColumnSortFilterMenuModule,
+            AdsCustomHeaderModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AdsTableModule, decorators: [{
             type: NgModule,
@@ -7669,6 +8296,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         AdsDividerModule,
                         MatTooltip,
                         MatMenuModule,
+                        AdsColumnSortFilterMenuModule,
+                        AdsCustomHeaderModule,
                     ],
                     exports: [AdsTableComponent],
                 }]
@@ -9739,5 +10368,5 @@ function provideAdsUi(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsCreateTagComponent, AdsCreateTagModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsGenericLogoComponent, AdsGenericLogoModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHorizontalNavBarComponent, AdsHorizontalNavBarModule, AdsHorizontalStepperComponent, AdsHorizontalStepperModule, AdsIconButtonComponent, AdsIconButtonModule, AdsIconHoverComponent, AdsIconHoverModule, AdsInputComponent, AdsInputDropdownComponent, AdsInputDropdownModule, AdsInputModule, AdsInternationalPhoneFieldComponent, AdsInternationalPhoneFieldModule, AdsLinkButtonComponent, AdsLinkButtonModule, AdsMainMenuComponent, AdsMainMenuModule, AdsModalComponent, AdsModalModule, AdsMultiSelectDropdownComponent, AdsMultiSelectDropdownModule, AdsNavMenuComponent, AdsNavMenuModule, AdsNavigationCollapseHandleComponent, AdsNavigationCollapseHandleModule, AdsNavigationComponent, AdsNavigationHeaderComponent, AdsNavigationHeaderModule, AdsNavigationItemComponent, AdsNavigationItemModule, AdsNavigationItemsContainerComponent, AdsNavigationItemsContainerModule, AdsNavigationModule, AdsNumericBadgeComponent, AdsNumericBadgeModule, AdsNumericStepperComponent, AdsNumericStepperModule, AdsOrgDisplayTextComponent, AdsOrgDisplayTextModule, AdsPeakEssentialsLogoComponent, AdsPeakEssentialsLogoModule, AdsPeakMarketplaceLogoComponent, AdsPeakMarketplaceLogoModule, AdsPeakOrderManagementLogoComponent, AdsPeakOrderManagementLogoModule, AdsPhoneFieldComponent, AdsPhoneFieldModule, AdsPilotPayLogoComponent, AdsPilotPayLogoModule, AdsPrimaryLogoComponent, AdsPrimaryLogoModule, AdsProgressBarComponent, AdsProgressBarModule, AdsProgressIndicatorSpinnerComponent, AdsProgressIndicatorSpinnerModule, AdsProgressSpinnerComponent, AdsProgressSpinnerModule, AdsProgressStepperComponent, AdsProgressStepperModule, AdsRadioButtonComponent, AdsRadioButtonModule, AdsScmsLogoComponent, AdsScmsLogoModule, AdsScmsSideNavBarComponent, AdsScmsSideNavBarModule, AdsSearchDropdownComponent, AdsSearchDropdownModule, AdsSearchInputComponent, AdsSearchInputModule, AdsShellLayoutModule, AdsShipmentHorizontalStepperComponent, AdsShipmentHorizontalStepperModule, AdsSideNavBarComponent, AdsSideNavBarModule, AdsSideNavBarV2Component, AdsSideNavBarV2Module, AdsSlideToggle, AdsSlideToggleComponent, AdsSliderComponent, AdsSliderModule, AdsSnackbarComponent, AdsSnackbarModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsTableComponent, AdsTableModule, AdsTabsComponent, AdsTabsModule, AdsTagComponent, AdsTagContainerComponent, AdsTagContainerModule, AdsTagModule, AdsTextareaComponent, AdsTextareaModule, AdsTimeFieldComponent, AdsTimeFieldModule, AdsTimepickerComponent, AdsTimepickerModule, AdsVerticalSideNavigationStepperComponent, AdsVerticalSideNavigationStepperModule, AdsWizardStepperComponent, AdsWizardStepperModule, AscentCardComponent, AscentCardModule, BadgeColor, Colors, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, HorizontalStepStatus, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus, provideAdsUi };
+export { AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsColumnSortFilterMenuComponent, AdsColumnSortFilterMenuModule, AdsCreateTagComponent, AdsCreateTagModule, AdsCustomHeaderComponent, AdsCustomHeaderModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsGenericLogoComponent, AdsGenericLogoModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHorizontalNavBarComponent, AdsHorizontalNavBarModule, AdsHorizontalStepperComponent, AdsHorizontalStepperModule, AdsIconButtonComponent, AdsIconButtonModule, AdsIconHoverComponent, AdsIconHoverModule, AdsInputComponent, AdsInputDropdownComponent, AdsInputDropdownModule, AdsInputModule, AdsInternationalPhoneFieldComponent, AdsInternationalPhoneFieldModule, AdsLinkButtonComponent, AdsLinkButtonModule, AdsMainMenuComponent, AdsMainMenuModule, AdsModalComponent, AdsModalModule, AdsMultiSelectDropdownComponent, AdsMultiSelectDropdownModule, AdsNavMenuComponent, AdsNavMenuModule, AdsNavigationCollapseHandleComponent, AdsNavigationCollapseHandleModule, AdsNavigationComponent, AdsNavigationHeaderComponent, AdsNavigationHeaderModule, AdsNavigationItemComponent, AdsNavigationItemModule, AdsNavigationItemsContainerComponent, AdsNavigationItemsContainerModule, AdsNavigationModule, AdsNumericBadgeComponent, AdsNumericBadgeModule, AdsNumericStepperComponent, AdsNumericStepperModule, AdsOrgDisplayTextComponent, AdsOrgDisplayTextModule, AdsPeakEssentialsLogoComponent, AdsPeakEssentialsLogoModule, AdsPeakMarketplaceLogoComponent, AdsPeakMarketplaceLogoModule, AdsPeakOrderManagementLogoComponent, AdsPeakOrderManagementLogoModule, AdsPhoneFieldComponent, AdsPhoneFieldModule, AdsPilotPayLogoComponent, AdsPilotPayLogoModule, AdsPrimaryLogoComponent, AdsPrimaryLogoModule, AdsProgressBarComponent, AdsProgressBarModule, AdsProgressIndicatorSpinnerComponent, AdsProgressIndicatorSpinnerModule, AdsProgressSpinnerComponent, AdsProgressSpinnerModule, AdsProgressStepperComponent, AdsProgressStepperModule, AdsRadioButtonComponent, AdsRadioButtonModule, AdsScmsLogoComponent, AdsScmsLogoModule, AdsScmsSideNavBarComponent, AdsScmsSideNavBarModule, AdsSearchDropdownComponent, AdsSearchDropdownModule, AdsSearchInputComponent, AdsSearchInputModule, AdsShellLayoutModule, AdsShipmentHorizontalStepperComponent, AdsShipmentHorizontalStepperModule, AdsSideNavBarComponent, AdsSideNavBarModule, AdsSideNavBarV2Component, AdsSideNavBarV2Module, AdsSlideToggle, AdsSlideToggleComponent, AdsSliderComponent, AdsSliderModule, AdsSnackbarComponent, AdsSnackbarModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsTableComponent, AdsTableModule, AdsTabsComponent, AdsTabsModule, AdsTagComponent, AdsTagContainerComponent, AdsTagContainerModule, AdsTagModule, AdsTextareaComponent, AdsTextareaModule, AdsTimeFieldComponent, AdsTimeFieldModule, AdsTimepickerComponent, AdsTimepickerModule, AdsVerticalSideNavigationStepperComponent, AdsVerticalSideNavigationStepperModule, AdsWizardStepperComponent, AdsWizardStepperModule, AscentCardComponent, AscentCardModule, BadgeColor, Colors, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, HorizontalStepStatus, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus, provideAdsUi };
 //# sourceMappingURL=ascentgl-ads-ui.mjs.map