@ascentgl/ads-ui 22.0.1 → 22.1.0

package/fesm2022/ascentgl-ads-ui.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component, input, output, computed, inject, model, signal, viewChild, effect, HostListener, ElementRef, ViewChild, Directive, EventEmitter, Output, InjectionToken, DestroyRef, HostBinding, Pipe, contentChild, TemplateRef, Inject, Optional, Injectable, ChangeDetectorRef, Renderer2, ViewChildren } from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component, input, output, computed, inject, model, signal, viewChild, effect, HostListener, ElementRef, ViewChild, Directive, EventEmitter, Output, InjectionToken, DestroyRef, HostBinding, Pipe, contentChild, TemplateRef, Inject, Optional, Injectable, ChangeDetectorRef, Renderer2, viewChildren, booleanAttribute, ViewChildren } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule, NgTemplateOutlet, NgStyle, DOCUMENT, NgClass } from '@angular/common';
 import * as i1 from '@ascentgl/ads-icons';
 import { AdsIconComponent, AdsIconRegistry } from '@ascentgl/ads-icons';
-import { adsIconUserCircle, adsIconBell, adsIconMenuMoreInfo, adsIconChevronRight, adsIconCross, adsIconPlus, adsIconWarning, adsIconLock, adsIconPlusCircle, adsIconSearch, adsIconStarFull, adsIconUsers, adsIconSortDescending, adsIconCheckCircleFilled, adsIconVisibilityEye, adsIconVisibilityEyeNone, adsIconStatusProcessing, adsIconInformation, adsIconChevronDown, adsIconLoading, adsIconDatepicker, adsIconTimepicker, adsIconCheck, adsIconDropdownArrow, adsIconChevronUp, adsIconDrag, adsIconSortDownToUp, adsIconSortUpToDown, adsIconMenuFilters, adsIconSortingArrowUp, adsIconSortingArrowDown, adsIconTableFilter, adsIconFilter, adsIconArrowUpAndDown, adsIconListView, adsIconGridView, adsIconHamburgerMenu, adsIconChevronLeft, adsIconStatusNew, adsIconPencil, adsIconFileAdd, adsIconCanceledShipment } from '@ascentgl/ads-icons/icons';
+import { adsIconUserCircle, adsIconBell, adsIconMenuMoreInfo, adsIconChevronRight, adsIconCross, adsIconPlus, adsIconWarning, adsIconLock, adsIconPlusCircle, adsIconSearch, adsIconStarFull, adsIconUsers, adsIconSortDescending, adsIconCheckCircleFilled, adsIconVisibilityEye, adsIconVisibilityEyeNone, adsIconStatusProcessing, adsIconInformation, adsIconChevronDown, adsIconLoading, adsIconDatepicker, adsIconTimepicker, adsIconCheck, adsIconDropdownArrow, adsIconDuplicate, adsIconBookmarkAlt, adsIconRedo, adsIconCrossCircleOutline, adsIconChevronUp, adsIconDrag, adsIconSortDownToUp, adsIconSortUpToDown, adsIconMenuFilters, adsIconSortingArrowUp, adsIconSortingArrowDown, adsIconTableFilter, adsIconFilter, adsIconArrowUpAndDown, adsIconListView, adsIconGridView, adsIconHamburgerMenu, adsIconChevronLeft, adsIconStatusNew, adsIconPencil, adsIconFileAdd, adsIconCanceledShipment } from '@ascentgl/ads-icons/icons';
 import { MatBadge } from '@angular/material/badge';
 import * as i1$2 from '@angular/router';
 import { RouterModule, RouterLinkActive, RouterLink, NavigationStart, RouterOutlet } from '@angular/router';
@@ -50,8 +50,10 @@ import * as i1$4 from '@angular/cdk/layout';
 import { Breakpoints } from '@angular/cdk/layout';
 import * as i1$5 from '@angular/material/dialog';
 import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { ESCAPE } from '@angular/cdk/keycodes';
 import { MatExpansionPanel, MatExpansionPanelTitle, MatExpansionPanelHeader, MatExpansionPanelDescription, MatAccordion } from '@angular/material/expansion';
-import { ModuleRegistry, AllCommunityModule, provideGlobalGridOptions, themeQuartz } from 'ag-grid-community';
+import { ModuleRegistry, AllCommunityModule, themeQuartz } from 'ag-grid-community';
 import { ScrollingModule, CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { AgGridAngular } from 'ag-grid-angular';
 import { moveItemInArray, CdkDropList, CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
@@ -220,11 +222,11 @@ class AdsBaselineWidgetComponent {
         this.menuClick.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsBaselineWidgetComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: AdsBaselineWidgetComponent, isStandalone: true, selector: "ads-baseline-widget", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { widgetClick: "widgetClick", menuClick: "menuClick" }, ngImport: i0, template: "<div\n  class=\"baseline-widget\"\n  [class.baseline-widget--active]=\"active()\"\n  [class.baseline-widget--edit]=\"mode() === 'edit'\"\n  role=\"button\"\n  tabindex=\"0\"\n  (click)=\"onWidgetClick()\"\n  (keydown.enter)=\"onWidgetClick()\"\n  (keydown.space)=\"onWidgetClick()\"\n>\n  <div class=\"baseline-widget__left\">\n    <ads-icon [name]=\"$any(icon())\" size=\"sm\" />\n    <span class=\"baseline-widget__title\">{{ title() }}</span>\n  </div>\n\n  <div class=\"baseline-widget__right\">\n    <span class=\"baseline-widget__badge\">{{ value() }}</span>\n\n    @if (mode() === 'edit') {\n      <button\n        class=\"baseline-widget__menu\"\n        type=\"button\"\n        tabindex=\"0\"\n        aria-label=\"More options\"\n        (click)=\"onMenuClick($event)\"\n      >\n        <ads-icon name=\"menu_more_info\" [theme]=\"'iconPrimary'\" size=\"xxs_16\" />\n      </button>\n    }\n  </div>\n</div>\n", styles: [":host{display:block}.baseline-widget{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;height:60px;padding:4px 12px;border:none;border-radius:10px;outline:1px solid var(--color-light);outline-offset:-1px;background-color:var(--color-white);color:var(--color-dark-90);cursor:pointer;transition:background-color .15s ease,outline .15s ease,color .15s ease}.baseline-widget:hover,.baseline-widget:focus-visible{outline:2px solid var(--color-secondary-hover);outline-offset:-2px;background-color:var(--color-secondary-hover);color:var(--color-white)}.baseline-widget:hover .baseline-widget__badge,.baseline-widget:focus-visible .baseline-widget__badge{border-color:var(--color-muted);background-color:var(--color-secondary-hover);color:var(--color-white)}.baseline-widget:active{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-secondary-pressed);color:var(--color-white)}.baseline-widget:active .baseline-widget__badge{border-color:var(--color-medium);background-color:var(--color-medium-opacity-50);color:var(--color-white)}.baseline-widget--active{outline:2px solid var(--color-secondary);outline-offset:-2px;color:var(--color-secondary)}.baseline-widget--active .baseline-widget__badge{border-color:var(--color-muted);background-color:var(--color-secondary-10);color:var(--color-secondary)}.baseline-widget--edit:hover,.baseline-widget--edit:focus-visible{outline:2px solid var(--color-secondary-hover);outline-offset:-2px;background-color:var(--color-light-80);color:var(--color-dark)}.baseline-widget--edit:hover .baseline-widget__left ads-icon,.baseline-widget--edit:focus-visible .baseline-widget__left ads-icon{color:var(--color-secondary-hover)}.baseline-widget--edit:hover .baseline-widget__badge,.baseline-widget--edit:focus-visible .baseline-widget__badge{border-color:var(--color-muted);background-color:var(--color-light-80);color:var(--color-white)}.baseline-widget--edit:active{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-light);color:var(--color-dark)}.baseline-widget--edit:active .baseline-widget__left ads-icon{color:var(--color-secondary-pressed)}.baseline-widget--edit:active .baseline-widget__badge{border-color:var(--color-medium);background-color:var(--color-medium-opacity-50);color:var(--color-white)}.baseline-widget__left{display:flex;align-items:center}.baseline-widget__left ads-icon{stroke:currentColor}.baseline-widget__left{gap:12px;flex:1;min-width:0}.baseline-widget__title{font-size:18px;font-weight:600;line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baseline-widget__right{display:flex;align-items:center;gap:4px;flex-shrink:0}.baseline-widget__badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid var(--color-muted);background-color:var(--color-muted);font-size:18px;line-height:23px;font-weight:600;color:var(--color-dark);transition:border-color .15s ease,background-color .15s ease,color .15s ease}.baseline-widget__menu{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:4px;cursor:pointer;color:inherit}.baseline-widget__menu:hover{background-color:var(--color-secondary-10);color:var(--color-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: AdsBaselineWidgetComponent, isStandalone: true, selector: "ads-baseline-widget", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { widgetClick: "widgetClick", menuClick: "menuClick" }, ngImport: i0, template: "<div\n  class=\"baseline-widget\"\n  [class.baseline-widget--active]=\"active()\"\n  [class.baseline-widget--edit]=\"mode() === 'edit'\"\n  role=\"button\"\n  tabindex=\"0\"\n  (click)=\"onWidgetClick()\"\n  (keydown.enter)=\"onWidgetClick()\"\n  (keydown.space)=\"onWidgetClick()\"\n>\n  <div class=\"baseline-widget__left\">\n    <ads-icon [name]=\"$any(icon())\" size=\"sm\" />\n    <span class=\"baseline-widget__title\">{{ title() }}</span>\n  </div>\n\n  <div class=\"baseline-widget__right\">\n    <span class=\"baseline-widget__badge\">{{ value() }}</span>\n\n    @if (mode() === 'edit') {\n      <button\n        class=\"baseline-widget__menu\"\n        type=\"button\"\n        tabindex=\"0\"\n        aria-label=\"More options\"\n        (click)=\"onMenuClick($event)\"\n      >\n        <ads-icon name=\"menu_more_info\" [theme]=\"'iconPrimary'\" size=\"xxs_16\" />\n      </button>\n    }\n  </div>\n</div>\n", styles: [":host{display:block}.baseline-widget{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;height:60px;padding:4px 12px;border:none;border-radius:10px;outline:1px solid var(--color-light);outline-offset:-1px;background-color:var(--color-white);color:var(--color-dark-90);cursor:pointer;transition:background-color .15s ease,outline .15s ease,color .15s ease}.baseline-widget:hover,.baseline-widget:focus-visible{outline:2px solid var(--color-secondary-hover);outline-offset:-2px;background-color:var(--color-secondary-hover);color:var(--color-white)}.baseline-widget:hover .baseline-widget__badge,.baseline-widget:focus-visible .baseline-widget__badge{border-color:var(--color-muted);background-color:var(--color-secondary-hover);color:var(--color-white)}.baseline-widget:active{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-secondary-pressed);color:var(--color-white)}.baseline-widget:active .baseline-widget__badge{border-color:var(--color-medium);background-color:var(--color-medium-opacity-50);color:var(--color-white)}.baseline-widget--active{outline:2px solid var(--color-secondary);outline-offset:-2px;color:var(--color-white);background-color:var(--color-secondary)}.baseline-widget--active .baseline-widget__badge{border-color:var(--color-white);background-color:var(--color-secondary);color:var(--color-white)}.baseline-widget--edit:hover,.baseline-widget--edit:focus-visible{outline:2px solid var(--color-secondary-hover);outline-offset:-2px;background-color:var(--color-light-80);color:var(--color-dark)}.baseline-widget--edit:hover .baseline-widget__left ads-icon,.baseline-widget--edit:focus-visible .baseline-widget__left ads-icon{color:var(--color-secondary-hover)}.baseline-widget--edit:hover .baseline-widget__badge,.baseline-widget--edit:focus-visible .baseline-widget__badge{border-color:var(--color-muted);background-color:var(--color-light-80);color:var(--color-white)}.baseline-widget--edit:active{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-light);color:var(--color-dark)}.baseline-widget--edit:active .baseline-widget__left ads-icon{color:var(--color-secondary-pressed)}.baseline-widget--edit:active .baseline-widget__badge{border-color:var(--color-medium);background-color:var(--color-medium-opacity-50);color:var(--color-white)}.baseline-widget__left{display:flex;align-items:center}.baseline-widget__left ads-icon{stroke:currentColor}.baseline-widget__left{gap:12px;flex:1;min-width:0}.baseline-widget__title{font-size:18px;font-weight:600;line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baseline-widget__right{display:flex;align-items:center;gap:4px;flex-shrink:0}.baseline-widget__badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid var(--color-muted);background-color:var(--color-muted);font-size:18px;line-height:23px;font-weight:600;color:var(--color-dark);transition:border-color .15s ease,background-color .15s ease,color .15s ease}.baseline-widget__menu{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:4px;cursor:pointer;color:inherit}.baseline-widget__menu:hover{background-color:var(--color-secondary-10);color:var(--color-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsBaselineWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-baseline-widget', imports: [CommonModule, AdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"baseline-widget\"\n  [class.baseline-widget--active]=\"active()\"\n  [class.baseline-widget--edit]=\"mode() === 'edit'\"\n  role=\"button\"\n  tabindex=\"0\"\n  (click)=\"onWidgetClick()\"\n  (keydown.enter)=\"onWidgetClick()\"\n  (keydown.space)=\"onWidgetClick()\"\n>\n  <div class=\"baseline-widget__left\">\n    <ads-icon [name]=\"$any(icon())\" size=\"sm\" />\n    <span class=\"baseline-widget__title\">{{ title() }}</span>\n  </div>\n\n  <div class=\"baseline-widget__right\">\n    <span class=\"baseline-widget__badge\">{{ value() }}</span>\n\n    @if (mode() === 'edit') {\n      <button\n        class=\"baseline-widget__menu\"\n        type=\"button\"\n        tabindex=\"0\"\n        aria-label=\"More options\"\n        (click)=\"onMenuClick($event)\"\n      >\n        <ads-icon name=\"menu_more_info\" [theme]=\"'iconPrimary'\" size=\"xxs_16\" />\n      </button>\n    }\n  </div>\n</div>\n", styles: [":host{display:block}.baseline-widget{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;height:60px;padding:4px 12px;border:none;border-radius:10px;outline:1px solid var(--color-light);outline-offset:-1px;background-color:var(--color-white);color:var(--color-dark-90);cursor:pointer;transition:background-color .15s ease,outline .15s ease,color .15s ease}.baseline-widget:hover,.baseline-widget:focus-visible{outline:2px solid var(--color-secondary-hover);outline-offset:-2px;background-color:var(--color-secondary-hover);color:var(--color-white)}.baseline-widget:hover .baseline-widget__badge,.baseline-widget:focus-visible .baseline-widget__badge{border-color:var(--color-muted);background-color:var(--color-secondary-hover);color:var(--color-white)}.baseline-widget:active{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-secondary-pressed);color:var(--color-white)}.baseline-widget:active .baseline-widget__badge{border-color:var(--color-medium);background-color:var(--color-medium-opacity-50);color:var(--color-white)}.baseline-widget--active{outline:2px solid var(--color-secondary);outline-offset:-2px;color:var(--color-secondary)}.baseline-widget--active .baseline-widget__badge{border-color:var(--color-muted);background-color:var(--color-secondary-10);color:var(--color-secondary)}.baseline-widget--edit:hover,.baseline-widget--edit:focus-visible{outline:2px solid var(--color-secondary-hover);outline-offset:-2px;background-color:var(--color-light-80);color:var(--color-dark)}.baseline-widget--edit:hover .baseline-widget__left ads-icon,.baseline-widget--edit:focus-visible .baseline-widget__left ads-icon{color:var(--color-secondary-hover)}.baseline-widget--edit:hover .baseline-widget__badge,.baseline-widget--edit:focus-visible .baseline-widget__badge{border-color:var(--color-muted);background-color:var(--color-light-80);color:var(--color-white)}.baseline-widget--edit:active{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-light);color:var(--color-dark)}.baseline-widget--edit:active .baseline-widget__left ads-icon{color:var(--color-secondary-pressed)}.baseline-widget--edit:active .baseline-widget__badge{border-color:var(--color-medium);background-color:var(--color-medium-opacity-50);color:var(--color-white)}.baseline-widget__left{display:flex;align-items:center}.baseline-widget__left ads-icon{stroke:currentColor}.baseline-widget__left{gap:12px;flex:1;min-width:0}.baseline-widget__title{font-size:18px;font-weight:600;line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baseline-widget__right{display:flex;align-items:center;gap:4px;flex-shrink:0}.baseline-widget__badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid var(--color-muted);background-color:var(--color-muted);font-size:18px;line-height:23px;font-weight:600;color:var(--color-dark);transition:border-color .15s ease,background-color .15s ease,color .15s ease}.baseline-widget__menu{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:4px;cursor:pointer;color:inherit}.baseline-widget__menu:hover{background-color:var(--color-secondary-10);color:var(--color-secondary)}\n"] }]
+            args: [{ selector: 'ads-baseline-widget', imports: [CommonModule, AdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"baseline-widget\"\n  [class.baseline-widget--active]=\"active()\"\n  [class.baseline-widget--edit]=\"mode() === 'edit'\"\n  role=\"button\"\n  tabindex=\"0\"\n  (click)=\"onWidgetClick()\"\n  (keydown.enter)=\"onWidgetClick()\"\n  (keydown.space)=\"onWidgetClick()\"\n>\n  <div class=\"baseline-widget__left\">\n    <ads-icon [name]=\"$any(icon())\" size=\"sm\" />\n    <span class=\"baseline-widget__title\">{{ title() }}</span>\n  </div>\n\n  <div class=\"baseline-widget__right\">\n    <span class=\"baseline-widget__badge\">{{ value() }}</span>\n\n    @if (mode() === 'edit') {\n      <button\n        class=\"baseline-widget__menu\"\n        type=\"button\"\n        tabindex=\"0\"\n        aria-label=\"More options\"\n        (click)=\"onMenuClick($event)\"\n      >\n        <ads-icon name=\"menu_more_info\" [theme]=\"'iconPrimary'\" size=\"xxs_16\" />\n      </button>\n    }\n  </div>\n</div>\n", styles: [":host{display:block}.baseline-widget{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;height:60px;padding:4px 12px;border:none;border-radius:10px;outline:1px solid var(--color-light);outline-offset:-1px;background-color:var(--color-white);color:var(--color-dark-90);cursor:pointer;transition:background-color .15s ease,outline .15s ease,color .15s ease}.baseline-widget:hover,.baseline-widget:focus-visible{outline:2px solid var(--color-secondary-hover);outline-offset:-2px;background-color:var(--color-secondary-hover);color:var(--color-white)}.baseline-widget:hover .baseline-widget__badge,.baseline-widget:focus-visible .baseline-widget__badge{border-color:var(--color-muted);background-color:var(--color-secondary-hover);color:var(--color-white)}.baseline-widget:active{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-secondary-pressed);color:var(--color-white)}.baseline-widget:active .baseline-widget__badge{border-color:var(--color-medium);background-color:var(--color-medium-opacity-50);color:var(--color-white)}.baseline-widget--active{outline:2px solid var(--color-secondary);outline-offset:-2px;color:var(--color-white);background-color:var(--color-secondary)}.baseline-widget--active .baseline-widget__badge{border-color:var(--color-white);background-color:var(--color-secondary);color:var(--color-white)}.baseline-widget--edit:hover,.baseline-widget--edit:focus-visible{outline:2px solid var(--color-secondary-hover);outline-offset:-2px;background-color:var(--color-light-80);color:var(--color-dark)}.baseline-widget--edit:hover .baseline-widget__left ads-icon,.baseline-widget--edit:focus-visible .baseline-widget__left ads-icon{color:var(--color-secondary-hover)}.baseline-widget--edit:hover .baseline-widget__badge,.baseline-widget--edit:focus-visible .baseline-widget__badge{border-color:var(--color-muted);background-color:var(--color-light-80);color:var(--color-white)}.baseline-widget--edit:active{outline:2px solid var(--color-secondary-pressed);outline-offset:-2px;background-color:var(--color-light);color:var(--color-dark)}.baseline-widget--edit:active .baseline-widget__left ads-icon{color:var(--color-secondary-pressed)}.baseline-widget--edit:active .baseline-widget__badge{border-color:var(--color-medium);background-color:var(--color-medium-opacity-50);color:var(--color-white)}.baseline-widget__left{display:flex;align-items:center}.baseline-widget__left ads-icon{stroke:currentColor}.baseline-widget__left{gap:12px;flex:1;min-width:0}.baseline-widget__title{font-size:18px;font-weight:600;line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baseline-widget__right{display:flex;align-items:center;gap:4px;flex-shrink:0}.baseline-widget__badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid var(--color-muted);background-color:var(--color-muted);font-size:18px;line-height:23px;font-weight:600;color:var(--color-dark);transition:border-color .15s ease,background-color .15s ease,color .15s ease}.baseline-widget__menu{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:4px;cursor:pointer;color:inherit}.baseline-widget__menu:hover{background-color:var(--color-secondary-10);color:var(--color-secondary)}\n"] }]
         }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], widgetClick: [{ type: i0.Output, args: ["widgetClick"] }], menuClick: [{ type: i0.Output, args: ["menuClick"] }] } });
 
 class AdsBreadcrumbComponent {
@@ -6565,6 +6567,282 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                 args: ['document:click', ['$event']]
             }] } });
 
+class AdsMenuDropDownComponent {
+    constructor(registry) {
+        this.registry = registry;
+        /** The list of menu items to display */
+        this.items = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        /** Accessible label describing the menu, exposed via `aria-label` */
+        this.ariaLabel = input('Menu', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        /** Move keyboard focus to the first item once the menu is rendered */
+        this.autoFocus = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "autoFocus" }] : /* istanbul ignore next */ []));
+        /** Emitted when an enabled item is selected (via click, Enter or Space) */
+        this.itemSelect = output();
+        /** Emitted when the menu requests to close (Escape key or Tab out) */
+        this.closed = output();
+        /** @ignore Index of the item that currently owns the roving tabindex */
+        this.activeIndex = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
+        /** @ignore References to the rendered menu item buttons */
+        this.itemButtons = viewChildren('menuItemRef', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "itemButtons" }] : /* istanbul ignore next */ []));
+        // Register the icons used by the Figma design so the component renders out of
+        // the box. Any additional icons referenced by `items` must be registered by
+        // the host application via AdsIconRegistry.
+        this.registry.register([
+            adsIconVisibilityEye,
+            adsIconDuplicate,
+            adsIconBookmarkAlt,
+            adsIconRedo,
+            adsIconCrossCircleOutline,
+        ]);
+        // Keep the active item in sync when the list of items changes.
+        effect(() => {
+            this.items();
+            this.activeIndex.set(this.firstEnabledIndex());
+        });
+    }
+    /** @ignore */
+    ngAfterViewInit() {
+        if (this.autoFocus()) {
+            this.focusIndex(this.firstEnabledIndex());
+        }
+    }
+    /** @ignore Handles all keyboard interaction for the menu */
+    onKeydown(event) {
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                this.moveFocus(1);
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                this.moveFocus(-1);
+                break;
+            case 'Home':
+                event.preventDefault();
+                this.focusIndex(this.firstEnabledIndex());
+                break;
+            case 'End':
+                event.preventDefault();
+                this.focusIndex(this.lastEnabledIndex());
+                break;
+            case 'Enter':
+            case ' ':
+            case 'Spacebar':
+                event.preventDefault();
+                this.selectActive();
+                break;
+            case 'Escape':
+                event.preventDefault();
+                this.closed.emit();
+                break;
+            case 'Tab':
+                this.closed.emit();
+                break;
+        }
+    }
+    /** @ignore */
+    selectItem(item) {
+        if (item.disabled) {
+            return;
+        }
+        this.itemSelect.emit(item);
+    }
+    /** @ignore */
+    selectActive() {
+        const item = this.items()[this.activeIndex()];
+        if (item) {
+            this.selectItem(item);
+        }
+    }
+    /** @ignore Moves focus to the next enabled item in the given direction, wrapping around */
+    moveFocus(direction) {
+        const items = this.items();
+        const count = items.length;
+        if (!count) {
+            return;
+        }
+        let index = this.activeIndex();
+        for (let step = 0; step < count; step++) {
+            index = (index + direction + count) % count;
+            if (!items[index].disabled) {
+                this.focusIndex(index);
+                return;
+            }
+        }
+    }
+    /** @ignore */
+    focusIndex(index) {
+        if (index < 0) {
+            return;
+        }
+        this.activeIndex.set(index);
+        this.itemButtons()[index]?.nativeElement.focus();
+    }
+    /** @ignore */
+    firstEnabledIndex() {
+        return this.items().findIndex((item) => !item.disabled);
+    }
+    /** @ignore */
+    lastEnabledIndex() {
+        const items = this.items();
+        for (let index = items.length - 1; index >= 0; index--) {
+            if (!items[index].disabled) {
+                return index;
+            }
+        }
+        return -1;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsMenuDropDownComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: AdsMenuDropDownComponent, isStandalone: true, selector: "ads-menu-drop-down", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemSelect: "itemSelect", closed: "closed" }, viewQueries: [{ propertyName: "itemButtons", predicate: ["menuItemRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ads-menu-drop-down\" role=\"menu\" [attr.aria-label]=\"ariaLabel()\" (keydown)=\"onKeydown($event)\">\n  @for (item of items(); track item.id; let i = $index) {\n    <button\n      #menuItemRef\n      type=\"button\"\n      role=\"menuitem\"\n      class=\"ads-menu-drop-down__item\"\n      [id]=\"item.id\"\n      [disabled]=\"item.disabled\"\n      [attr.aria-disabled]=\"item.disabled || null\"\n      [attr.tabindex]=\"activeIndex() === i ? 0 : -1\"\n      (click)=\"selectItem(item)\"\n      (focus)=\"activeIndex.set(i)\"\n    >\n      @if (item.icon) {\n        <ads-icon class=\"ads-menu-drop-down__icon\" [name]=\"item.icon\" size=\"xxs_16\" />\n      }\n      <span class=\"ads-menu-drop-down__label\">{{ item.label }}</span>\n    </button>\n  }\n</div>\n", styles: [":host{display:inline-block}.ads-menu-drop-down{display:flex;flex-direction:column;align-items:stretch;min-width:184px;background-color:var(--color-white);border-radius:5px;box-shadow:0 8px 12px var(--color-medium-opacity-50);overflow:hidden}.ads-menu-drop-down__item{display:flex;align-items:center;gap:8px;width:100%;min-height:45px;padding:12px;border:none;background:transparent;font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:21px;font-weight:400;color:var(--color-dark);text-align:left;cursor:pointer}.ads-menu-drop-down__item .ads-menu-drop-down__icon{flex-shrink:0;width:16px!important;height:16px!important;color:var(--color-secondary);stroke:currentColor}.ads-menu-drop-down__item:not(:disabled):hover,.ads-menu-drop-down__item:not(:disabled):focus-visible{background-color:var(--color-secondary);color:var(--color-white);outline:none}.ads-menu-drop-down__item:not(:disabled):hover .ads-menu-drop-down__icon,.ads-menu-drop-down__item:not(:disabled):focus-visible .ads-menu-drop-down__icon{color:var(--color-white)}.ads-menu-drop-down__item:not(:disabled):active{background-color:var(--color-secondary-pressed);color:var(--color-white)}.ads-menu-drop-down__item:not(:disabled):active .ads-menu-drop-down__icon{color:var(--color-white)}.ads-menu-drop-down__item:disabled{color:var(--color-medium-50);cursor:default}.ads-menu-drop-down__item:disabled .ads-menu-drop-down__icon{color:var(--color-medium-50)}\n"], dependencies: [{ kind: "component", type: AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsMenuDropDownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-menu-drop-down', imports: [AdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ads-menu-drop-down\" role=\"menu\" [attr.aria-label]=\"ariaLabel()\" (keydown)=\"onKeydown($event)\">\n  @for (item of items(); track item.id; let i = $index) {\n    <button\n      #menuItemRef\n      type=\"button\"\n      role=\"menuitem\"\n      class=\"ads-menu-drop-down__item\"\n      [id]=\"item.id\"\n      [disabled]=\"item.disabled\"\n      [attr.aria-disabled]=\"item.disabled || null\"\n      [attr.tabindex]=\"activeIndex() === i ? 0 : -1\"\n      (click)=\"selectItem(item)\"\n      (focus)=\"activeIndex.set(i)\"\n    >\n      @if (item.icon) {\n        <ads-icon class=\"ads-menu-drop-down__icon\" [name]=\"item.icon\" size=\"xxs_16\" />\n      }\n      <span class=\"ads-menu-drop-down__label\">{{ item.label }}</span>\n    </button>\n  }\n</div>\n", styles: [":host{display:inline-block}.ads-menu-drop-down{display:flex;flex-direction:column;align-items:stretch;min-width:184px;background-color:var(--color-white);border-radius:5px;box-shadow:0 8px 12px var(--color-medium-opacity-50);overflow:hidden}.ads-menu-drop-down__item{display:flex;align-items:center;gap:8px;width:100%;min-height:45px;padding:12px;border:none;background:transparent;font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:21px;font-weight:400;color:var(--color-dark);text-align:left;cursor:pointer}.ads-menu-drop-down__item .ads-menu-drop-down__icon{flex-shrink:0;width:16px!important;height:16px!important;color:var(--color-secondary);stroke:currentColor}.ads-menu-drop-down__item:not(:disabled):hover,.ads-menu-drop-down__item:not(:disabled):focus-visible{background-color:var(--color-secondary);color:var(--color-white);outline:none}.ads-menu-drop-down__item:not(:disabled):hover .ads-menu-drop-down__icon,.ads-menu-drop-down__item:not(:disabled):focus-visible .ads-menu-drop-down__icon{color:var(--color-white)}.ads-menu-drop-down__item:not(:disabled):active{background-color:var(--color-secondary-pressed);color:var(--color-white)}.ads-menu-drop-down__item:not(:disabled):active .ads-menu-drop-down__icon{color:var(--color-white)}.ads-menu-drop-down__item:disabled{color:var(--color-medium-50);cursor:default}.ads-menu-drop-down__item:disabled .ads-menu-drop-down__icon{color:var(--color-medium-50)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], autoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoFocus", required: false }] }], itemSelect: [{ type: i0.Output, args: ["itemSelect"] }], closed: [{ type: i0.Output, args: ["closed"] }], itemButtons: [{ type: i0.ViewChildren, args: ['menuItemRef', { isSignal: true }] }] } });
+
+const POSITIONS = {
+    'below-start': { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: 4 },
+    'below-end': { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: 4 },
+    'above-start': { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -4 },
+    'above-end': { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -4 },
+};
+/** Fallback order: try the preferred position first, then flip vertically, then horizontally. */
+const FALLBACK_ORDER = {
+    'below-start': ['below-start', 'above-start', 'below-end', 'above-end'],
+    'below-end': ['below-end', 'above-end', 'below-start', 'above-start'],
+    'above-start': ['above-start', 'below-start', 'above-end', 'below-end'],
+    'above-end': ['above-end', 'below-end', 'above-start', 'below-start'],
+};
+/**
+ * Opens an {@link AdsMenuDropDownComponent} in a CDK overlay anchored to the host element.
+ *
+ * The overlay is rendered at the document root (so it is never clipped by an ag-grid cell or
+ * any `overflow: hidden` ancestor) and auto-positions itself: it opens towards `menuPosition`
+ * when there is room, otherwise it flips to whichever side fits, and is pushed fully into the
+ * viewport as a last resort so it is always visible.
+ *
+ * @example
+ * ```html
+ * <ads-icon-button
+ *   [adsMenuDropDownTriggerFor]="actionItems"
+ *   menuPosition="below-start"
+ *   (itemSelect)="onAction($event, row)">
+ *   <ads-icon name="more_vertical" />
+ * </ads-icon-button>
+ * ```
+ */
+class AdsMenuDropDownTriggerDirective {
+    constructor() {
+        this.overlay = inject(Overlay);
+        this.elementRef = inject((ElementRef));
+        /** The items to render inside the menu */
+        this.items = input.required({ ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), alias: 'adsMenuDropDownTriggerFor' });
+        /** Preferred side/alignment the menu opens towards before auto-flipping */
+        this.menuPosition = input('below-start', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "menuPosition" }] : /* istanbul ignore next */ []));
+        /** Accessible label applied to the menu panel */
+        this.menuAriaLabel = input('Menu', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "menuAriaLabel" }] : /* istanbul ignore next */ []));
+        /** Disable the trigger so the menu cannot be opened */
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Emitted when an enabled item is selected */
+        this.itemSelect = output();
+        /** Emitted when the menu opens */
+        this.menuOpened = output();
+        /** Emitted when the menu closes */
+        this.menuClosed = output();
+        /** @ignore Whether the menu is currently open */
+        this.isOpen = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+        /** @ignore */
+        this.overlayRef = null;
+        /** @ignore */
+        this.menuRef = null;
+    }
+    /** @ignore */
+    toggle() {
+        if (this.isOpen()) {
+            this.close();
+        }
+        else {
+            this.open();
+        }
+    }
+    /** Open the menu (no-op if disabled or already open). */
+    open() {
+        if (this.disabled() || this.isOpen()) {
+            return;
+        }
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(this.elementRef)
+            .withPositions(FALLBACK_ORDER[this.menuPosition()].map((key) => POSITIONS[key]))
+            .withPush(true)
+            .withFlexibleDimensions(false)
+            .withViewportMargin(8);
+        this.overlayRef = this.overlay.create({
+            positionStrategy,
+            // Dismiss the menu when the user scrolls (e.g. scrolling the ag-grid body),
+            // matching standard menu behaviour.
+            scrollStrategy: this.overlay.scrollStrategies.close(),
+            hasBackdrop: true,
+            backdropClass: 'cdk-overlay-transparent-backdrop',
+        });
+        this.menuRef = this.overlayRef.attach(new ComponentPortal(AdsMenuDropDownComponent));
+        this.menuRef.setInput('items', this.items());
+        this.menuRef.setInput('ariaLabel', this.menuAriaLabel());
+        this.menuRef.setInput('autoFocus', true);
+        this.menuRef.instance.itemSelect.subscribe((item) => {
+            this.itemSelect.emit(item);
+            this.close();
+        });
+        this.menuRef.instance.closed.subscribe(() => this.close());
+        this.overlayRef.backdropClick().subscribe(() => this.close());
+        this.overlayRef.detachments().subscribe(() => this.close());
+        this.overlayRef.keydownEvents().subscribe((event) => {
+            if (event.keyCode === ESCAPE) {
+                this.close();
+            }
+        });
+        this.isOpen.set(true);
+        this.menuOpened.emit();
+    }
+    /** Close the menu and restore focus to the trigger. */
+    close() {
+        if (!this.isOpen()) {
+            return;
+        }
+        this.overlayRef?.dispose();
+        this.overlayRef = null;
+        this.menuRef = null;
+        this.isOpen.set(false);
+        this.elementRef.nativeElement.focus();
+        this.menuClosed.emit();
+    }
+    /** @ignore */
+    ngOnDestroy() {
+        this.overlayRef?.dispose();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsMenuDropDownTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.1", type: AdsMenuDropDownTriggerDirective, isStandalone: true, selector: "[adsMenuDropDownTriggerFor]", inputs: { items: { classPropertyName: "items", publicName: "adsMenuDropDownTriggerFor", isSignal: true, isRequired: true, transformFunction: null }, menuPosition: { classPropertyName: "menuPosition", publicName: "menuPosition", isSignal: true, isRequired: false, transformFunction: null }, menuAriaLabel: { classPropertyName: "menuAriaLabel", publicName: "menuAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemSelect: "itemSelect", menuOpened: "menuOpened", menuClosed: "menuClosed" }, host: { listeners: { "click": "toggle()" }, properties: { "attr.aria-haspopup": "\"menu\"", "attr.aria-expanded": "isOpen()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsMenuDropDownTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[adsMenuDropDownTriggerFor]',
+                    host: {
+                        '[attr.aria-haspopup]': '"menu"',
+                        '[attr.aria-expanded]': 'isOpen()',
+                        '(click)': 'toggle()',
+                    },
+                }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "adsMenuDropDownTriggerFor", required: true }] }], menuPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuPosition", required: false }] }], menuAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuAriaLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], itemSelect: [{ type: i0.Output, args: ["itemSelect"] }], menuOpened: [{ type: i0.Output, args: ["menuOpened"] }], menuClosed: [{ type: i0.Output, args: ["menuClosed"] }] } });
+
 class AdsExpansionPanelComponent {
     constructor(registry, elementRef) {
         this.registry = registry;
@@ -7613,7 +7891,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
         }], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
 
 ModuleRegistry.registerModules([AllCommunityModule]);
-provideGlobalGridOptions({ theme: 'legacy' });
+const adsTableTheme = themeQuartz.withParams({
+    rowBorder: false,
+    headerRowBorder: false,
+    rowHoverColor: 'color-mix(in srgb, transparent, var(--color-secondary-hover) 8%)',
+    wrapperBorderRadius: 10,
+    borderRadius: 5,
+    fontFamily: 'Roboto',
+    fontSize: 16,
+    headerTextColor: 'var(--color-medium)',
+    headerBackgroundColor: 'var(--color-light-30)',
+    backgroundColor: 'var(--color-white)',
+    headerHeight: 45,
+    rowHeight: 45,
+    borderColor: 'var(--color-light)',
+    foregroundColor: 'var(--color-medium)',
+    spacing: 4,
+    accentColor: 'var(--color-secondary-hover)',
+});
 // Define an Enum for breakpoints
 var TableBreakpoint;
 (function (TableBreakpoint) {
@@ -7820,7 +8115,7 @@ class AdsTableComponent {
             }
             return true;
         };
-        this.themeQuartz = themeQuartz;
+        this.themeQuartz = adsTableTheme;
         this.SpinnerSize = SpinnerSize;
         this.registry.register([adsIconFilter, adsIconVisibilityEyeNone, adsIconArrowUpAndDown, adsIconCross, adsIconCheckCircleFilled, adsIconListView, adsIconGridView]);
     }
@@ -9173,7 +9468,7 @@ class AdsTableComponent {
         return options.map((v) => this.serializeCellValue(v));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsTableComponent, deps: [{ token: i0.ElementRef }, { token: i1.AdsIconRegistry }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: AdsTableComponent, isStandalone: true, selector: "ads-table", inputs: { width: "width", height: "height", headerTemplate: "headerTemplate", gridOptions: "gridOptions", rowData: "rowData", columnDefs: "columnDefs", icons: "icons", defaultColDef: "defaultColDef", loading: "loading", columnDefsByBreakpoint: "columnDefsByBreakpoint", showHeaderActions: "showHeaderActions", showChangeViewButton: "showChangeViewButton", defaultViewMode: "defaultViewMode", listItemTemplate: "listItemTemplate", noRowsTemplate: "noRowsTemplate", listBatchSize: "listBatchSize", enableCustomSortFilter: "enableCustomSortFilter", mobileHeaderView: "mobileHeaderView", showBorder: "showBorder", columnSortFilterConfigs: "columnSortFilterConfigs" }, outputs: { filtersCleared: "filtersCleared", columnFilterChanged: "columnFilterChanged", viewChanged: "viewChanged" }, viewQueries: [{ propertyName: "virtualScrollViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }, { propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\" [class.no-border]=\"!showBorder\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template-container\">\n        @if (showChangeViewButton) {\n          <div class=\"change-view-button\" (click)=\"toggleView()\">\n            @if (isListView()) {\n              <ads-icon name=\"grid_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            } @else {\n              <ads-icon name=\"list_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            }\n          </div>\n        }\n        <div class=\"header-template\">\n          @if (headerTemplate) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n          }\n        </div>\n\n      </div>\n\n      <div class=\"header-actions\">\n        @if (!isListView()) {\n          <ads-table-button\n            id=\"show-hide-columns-button\"\n            [matMenuTriggerFor]=\"columnVisibilityMenu\"\n            (menuOpened)=\"openColumnVisibilityMenu()\"\n            (menuClosed)=\"onColumnVisibilityMenuClosed()\"\n          >\n            <ads-icon\n              name=\"visibility_eye_none\"\n              theme=\"secondary\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n            @if (!mobileHeaderView) {\n              {{ hideColumnButtonLabel }}\n            }\n          </ads-table-button>\n        }\n\n        <ads-table-button\n          id=\"filter-button\"\n          [matMenuTriggerFor]=\"filterMenu\"\n          (menuOpened)=\"openFilterMenu()\"\n          (menuClosed)=\"onFilterMenuClosed()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n            {{ filterButtonLabel }}\n          }\n\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [matMenuTriggerFor]=\"sortMenu\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n            {{ sortButtonLabel }}\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\n    [style.display]=\"isListView() ? 'none' : ''\"\n    [icons]=\"getAgGridIcons()\"\n    class=\"ag-theme-quartz\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"rowData\"\n    [columnDefs]=\"getProcessedColumnDefs()\"\n    [defaultColDef]=\"getDefaultColDef()\"\n    [components]=\"frameworkComponents\"\n    [isExternalFilterPresent]=\"isExternalFilterPresent\"\n    [doesExternalFilterPass]=\"doesExternalFilterPass\"\n    (gridReady)=\"gridReady($event)\"\n    (firstDataRendered)=\"firstDataRendered($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n    (filterChanged)=\"filterChanged($event)\"\n    [theme]=\"themeQuartz\"\n    [loading]=\"loading\"\n    [enableCellTextSelection]=\"true\"\n    [ensureDomOrder]=\"true\"\n  />\n\n  @if (isListView()) {\n    @if (loading) {\n      <div class=\"list-view-container list-view-loading-container\" [ngStyle]=\"{ height: height }\">\n        <div class=\"list-view-loading\">\n          <ads-progress-spinner [size]=\"SpinnerSize.small\" />\n        </div>\n      </div>\n    } @else if (noRowsTemplate && listRowDataCache().length === 0) {\n      <div class=\"list-view-container list-no-rows-container\" [ngStyle]=\"{ height: height }\">\n        <ng-container *ngTemplateOutlet=\"noRowsTemplate\" />\n      </div>\n    } @else {\n      <cdk-virtual-scroll-viewport\n        class=\"list-view-container\"\n        [itemSize]=\"listItemHeight()\"\n        [minBufferPx]=\"listItemHeight() * 4\"\n        [maxBufferPx]=\"listItemHeight() * 8\"\n        [ngStyle]=\"{ height: height }\"\n      >\n        <div\n          *cdkVirtualFor=\"let row of listRowDataCache(); trackBy: listTrackBy\"\n          class=\"list-view-item\"\n        >\n          @if (listItemTemplate) {\n            <ng-container\n              [ngTemplateOutlet]=\"listItemTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: row }\"\n            />\n          }\n        </div>\n      </cdk-virtual-scroll-viewport>\n    }\n  }\n\n  <!-- Column Visibility Menu -->\n  <mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\n    <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\n      <p class=\"dropdown-label\">Show/Hide Columns</p>\n      <div class=\"dropdown-body\">\n        @for (column of columnVisibilityList(); track $index) {\n          <div class=\"column-row\">\n            <span\n              class=\"column-name\"\n              [matTooltip]=\"column.headerName\"\n              [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\n            >\n              {{ column.headerName }}\n            </span>\n            <div class=\"column-toggle\">\n              <ads-slide-toggle\n                [id]=\"'toggle-' + column.field\"\n                [control]=\"column.control\"\n                [showFooter]=\"false\"\n                [customTitles]=\"['Show', 'Hide']\"\n              />\n            </div>\n          </div>\n        }\n      </div>\n\n      <ads-divider />\n\n      <div class=\"dropdown-footer\">\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"hideAllColumns()\"\n          [disabled]=\"allColumnsHidden\"\n          variant=\"tertiary\"\n          id='hide-all-button'\n          size=\"xs\"\n        >\n          Hide All\n        </ads-button>\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"showAllColumns()\"\n          [disabled]=\"allColumnsVisible\"\n          variant=\"tertiary\"\n          id=\"show-all-button\"\n          size=\"xs\"\n        >\n          Show All\n        </ads-button>\n      </div>\n    </div>\n  </mat-menu>\n\n  <!-- Filter Menu -->\n  <mat-menu #filterMenu=\"matMenu\" class=\"filter-menu-panel\" (closed)=\"filterMenuComponent.onMenuClosed()\">\n    <ads-filter-menu\n      #filterMenuComponent\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnFilterStates]=\"columnFilterStates()\"\n      [getFilterOptionsForField]=\"getFilterOptionsForFieldFn\"\n      [getHierarchicalFilterOptionsForField]=\"getHierarchicalFilterOptionsForFieldFn\"\n      [getFilterValuesForField]=\"getFilterValuesForFieldFn\"\n      [isColumnFilteredFn]=\"isColumnFilteredFn\"\n      [getFilterValueFormatterForField]=\"getFilterValueFormatterForFieldFn\"\n      (filterChanged)=\"onFilterMenuFilterChanged($event)\"\n      (filtersRemoved)=\"onFilterMenuFilterRemoved($event)\"\n    />\n  </mat-menu>\n\n  <!-- Sort Menu -->\n  <mat-menu #sortMenu=\"matMenu\" class=\"sort-menu-panel\">\n    <ads-sort-menu\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnSortStates]=\"columnSortStates()\"\n      (sortChanged)=\"onSortMenuSortChanged($event)\"\n      (sortsRemoved)=\"onSortMenuSortsRemoved($event)\"\n    />\n  </mat-menu>\n</div>\n", styles: [":host::ng-deep{--ag-wrapper-border-radius: 10px}:host::ng-deep ag-grid-angular{--ag-grid-size: 4px;--ag-border-radius: 5px;--ag-font-family: \"Roboto\";--ag-font-size: 16px;--ag-header-foreground-color: var(--color-medium);--ag-header-background-color: var(--color-light-30);--ag-background-color: var(--color-white);--ag-header-height: 45px;--ag-row-height: 45px;--ag-border-color: var(--color-light);--ag-foreground-color: var(--color-medium);--ag-spacing: 4px;--ag-inherited-accent-color: var(--color-secondary-hover)}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper .ag-overlay-no-matching-rows-center{color:var(--color-medium);font-family:Roboto,sans-serif;font-size:16px;border:none;padding:0;background:transparent}:host::ng-deep ag-grid-angular .ag-header-cell-text{font-weight:600;line-height:21px}:host::ng-deep ag-grid-angular .ag-cell:focus,:host::ng-deep ag-grid-angular .ag-cell-focus{outline:none!important;border:none!important;box-shadow:none!important}:host::ng-deep ag-grid-angular .ag-row,:host::ng-deep ag-grid-angular .ag-header,:host::ng-deep ag-grid-angular .ag-advanced-filter-header{border-bottom:none}:host::ng-deep ag-grid-angular .ag-row-even{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-row-odd{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-sort-indicator-container{min-width:fit-content}:host::ng-deep ag-grid-angular .ag-sort-indicator-icon>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell-filter-button>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell--active{background-color:var(--color-secondary-10)!important}:host::ng-deep ag-grid-angular .ag-theme-quartz{--ag-background-color: var(--color-light-30);--ag-foreground-color: var(--color-black);--ag-input-border-color: var(--color-light);--ag-input-focus-border-color: var(--color-medium);--ag-input-focus-box-shadow: none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input::placeholder{color:var(--color-medium);opacity:1}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper:before{background-image:none;content:none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input{padding-left:8px!important}:host::ng-deep .ads-table-container{display:flex;flex-direction:column;width:100%;height:100%}:host::ng-deep .ads-table-container.no-border .table-header{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border::ng-deep ag-grid-angular .ag-root-wrapper{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border .list-view-container{border:none;border-radius:0}:host::ng-deep .ads-table-container.with-header::ng-deep ag-grid-angular .ag-root-wrapper{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container.with-header .list-view-container{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container .table-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px;background-color:var(--color-white);border:1px solid var(--color-light);border-top-left-radius:var(--ag-wrapper-border-radius);border-top-right-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .ads-table-container .table-header .header-template-container{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-template-container .header-template{min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-actions{display:flex;gap:8px;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}:host::ng-deep .ads-table-container .table-header .change-view-button{display:flex;height:30px;padding:0 12px;border-radius:100px;background-color:var(--color-muted);align-items:center;cursor:pointer;flex-shrink:0}:host::ng-deep .ads-table-container .table-header .change-view-button:hover{background-color:var(--color-secondary-hover)}:host::ng-deep .ads-table-container .table-header .change-view-button:hover ::ng-deep svg{stroke:var(--color-white)}:host::ng-deep .list-view-container{display:flex;flex-direction:column;border:1px solid var(--color-light);border-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .list-view-container .list-view-item{flex-shrink:0}:host::ng-deep .list-view-container .list-view-loading{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep .list-view-container .list-view-empty{display:flex;justify-content:center;align-items:center;height:100%;color:var(--color-medium)}:host::ng-deep .list-view-loading-container{overflow:hidden}:host::ng-deep .list-no-rows-container{overflow:hidden;justify-content:center;align-items:center}:host::ng-deep cdk-virtual-scroll-viewport.list-view-container .cdk-virtual-scroll-content-wrapper{display:flex;flex-direction:column;width:100%}::ng-deep .column-visibility-menu{width:234px;max-width:498px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .column-visibility-menu .mat-mdc-menu-content{padding:0}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content{background-color:var(--color-white)}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-label{padding:12px 12px 0;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body{overflow-y:auto}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row{display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:45px;gap:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-name{font-size:16px;font-weight:400;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;flex:1}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle{display:flex;justify-content:flex-end}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle ::ng-deep ads-slide-toggle .ads-toggle{height:45px!important}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer{display:flex;justify-content:space-between;gap:12px;padding:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer ::ng-deep ads-button{flex:1}::ng-deep .filter-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .sort-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i3.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i3.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i3.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "toolbar", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipSwitchShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "calculatedColumns", "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", "processFileInput", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "paginationPanels", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "notesDataSource", "noteTrigger", "noteShowDelay", "noteHideDelay", "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", "groupHideColumnsUntilExpanded", "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", "suppressContentVisibilityAuto", "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", "tabToNextGridContainer", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "autoGenerateColumnDefs", "processAutoGeneratedColumnDefs", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "calculatedColumnCreated", "calculatedColumnExpressionChanged", "calculatedColumnRemoved", "calculatedColumnValidationStateChanged", "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: "ngmodule", type: MatDialogModule }, { kind: "component", type: AdsSlideToggleComponent, selector: "ads-slide-toggle", inputs: ["enableYesOrNo", "customTitles", "control", "label", "id", "width"] }, { kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type", "fullWidth"] }, { kind: "component", type: AdsTableButtonComponent, selector: "ads-table-button", inputs: ["id", "disabled", "fullWidth", "matMenuTriggerFor"], outputs: ["menuOpened", "menuClosed"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4.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.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: AdsFilterMenuComponent, selector: "ads-filter-menu", inputs: ["columnSortFilterConfigs", "columnFilterStates", "getFilterOptionsForField", "getHierarchicalFilterOptionsForField", "getFilterValuesForField", "isColumnFilteredFn", "getFilterValueFormatterForField"], outputs: ["filterChanged", "filtersRemoved"] }, { kind: "component", type: AdsSortMenuComponent, selector: "ads-sort-menu", inputs: ["columnSortFilterConfigs", "columnSortStates"], outputs: ["sortChanged", "sortsRemoved"] }, { kind: "component", type: AdsProgressSpinnerComponent, selector: "ads-progress-spinner", inputs: ["zIndex", "scrollContainer", "size", "diameter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: AdsTableComponent, isStandalone: true, selector: "ads-table", inputs: { width: "width", height: "height", headerTemplate: "headerTemplate", gridOptions: "gridOptions", rowData: "rowData", columnDefs: "columnDefs", icons: "icons", defaultColDef: "defaultColDef", loading: "loading", columnDefsByBreakpoint: "columnDefsByBreakpoint", showHeaderActions: "showHeaderActions", showChangeViewButton: "showChangeViewButton", defaultViewMode: "defaultViewMode", listItemTemplate: "listItemTemplate", noRowsTemplate: "noRowsTemplate", listBatchSize: "listBatchSize", enableCustomSortFilter: "enableCustomSortFilter", mobileHeaderView: "mobileHeaderView", showBorder: "showBorder", columnSortFilterConfigs: "columnSortFilterConfigs" }, outputs: { filtersCleared: "filtersCleared", columnFilterChanged: "columnFilterChanged", viewChanged: "viewChanged" }, viewQueries: [{ propertyName: "virtualScrollViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }, { propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\" [class.no-border]=\"!showBorder\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template-container\">\n        @if (showChangeViewButton) {\n          <div class=\"change-view-button\" (click)=\"toggleView()\">\n            @if (isListView()) {\n              <ads-icon name=\"grid_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            } @else {\n              <ads-icon name=\"list_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            }\n          </div>\n        }\n        <div class=\"header-template\">\n          @if (headerTemplate) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n          }\n        </div>\n\n      </div>\n\n      <div class=\"header-actions\">\n        @if (!isListView()) {\n          <ads-table-button\n            id=\"show-hide-columns-button\"\n            [matMenuTriggerFor]=\"columnVisibilityMenu\"\n            (menuOpened)=\"openColumnVisibilityMenu()\"\n            (menuClosed)=\"onColumnVisibilityMenuClosed()\"\n          >\n            <ads-icon\n              name=\"visibility_eye_none\"\n              theme=\"secondary\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n            @if (!mobileHeaderView) {\n              {{ hideColumnButtonLabel }}\n            }\n          </ads-table-button>\n        }\n\n        <ads-table-button\n          id=\"filter-button\"\n          [matMenuTriggerFor]=\"filterMenu\"\n          (menuOpened)=\"openFilterMenu()\"\n          (menuClosed)=\"onFilterMenuClosed()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n            {{ filterButtonLabel }}\n          }\n\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [matMenuTriggerFor]=\"sortMenu\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n            {{ sortButtonLabel }}\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\n    [style.display]=\"isListView() ? 'none' : ''\"\n    [icons]=\"getAgGridIcons()\"\n    class=\"ag-theme-quartz\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"rowData\"\n    [columnDefs]=\"getProcessedColumnDefs()\"\n    [defaultColDef]=\"getDefaultColDef()\"\n    [components]=\"frameworkComponents\"\n    [isExternalFilterPresent]=\"isExternalFilterPresent\"\n    [doesExternalFilterPass]=\"doesExternalFilterPass\"\n    (gridReady)=\"gridReady($event)\"\n    (firstDataRendered)=\"firstDataRendered($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n    (filterChanged)=\"filterChanged($event)\"\n    [theme]=\"themeQuartz\"\n    [loading]=\"loading\"\n    [enableCellTextSelection]=\"true\"\n    [ensureDomOrder]=\"true\"\n  />\n\n  @if (isListView()) {\n    @if (loading) {\n      <div class=\"list-view-container list-view-loading-container\" [ngStyle]=\"{ height: height }\">\n        <div class=\"list-view-loading\">\n          <ads-progress-spinner [size]=\"SpinnerSize.small\" />\n        </div>\n      </div>\n    } @else if (noRowsTemplate && listRowDataCache().length === 0) {\n      <div class=\"list-view-container list-no-rows-container\" [ngStyle]=\"{ height: height }\">\n        <ng-container *ngTemplateOutlet=\"noRowsTemplate\" />\n      </div>\n    } @else {\n      <cdk-virtual-scroll-viewport\n        class=\"list-view-container\"\n        [itemSize]=\"listItemHeight()\"\n        [minBufferPx]=\"listItemHeight() * 4\"\n        [maxBufferPx]=\"listItemHeight() * 8\"\n        [ngStyle]=\"{ height: height }\"\n      >\n        <div\n          *cdkVirtualFor=\"let row of listRowDataCache(); trackBy: listTrackBy\"\n          class=\"list-view-item\"\n        >\n          @if (listItemTemplate) {\n            <ng-container\n              [ngTemplateOutlet]=\"listItemTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: row }\"\n            />\n          }\n        </div>\n      </cdk-virtual-scroll-viewport>\n    }\n  }\n\n  <!-- Column Visibility Menu -->\n  <mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\n    <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\n      <p class=\"dropdown-label\">Show/Hide Columns</p>\n      <div class=\"dropdown-body\">\n        @for (column of columnVisibilityList(); track $index) {\n          <div class=\"column-row\">\n            <span\n              class=\"column-name\"\n              [matTooltip]=\"column.headerName\"\n              [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\n            >\n              {{ column.headerName }}\n            </span>\n            <div class=\"column-toggle\">\n              <ads-slide-toggle\n                [id]=\"'toggle-' + column.field\"\n                [control]=\"column.control\"\n                [showFooter]=\"false\"\n                [customTitles]=\"['Show', 'Hide']\"\n              />\n            </div>\n          </div>\n        }\n      </div>\n\n      <ads-divider />\n\n      <div class=\"dropdown-footer\">\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"hideAllColumns()\"\n          [disabled]=\"allColumnsHidden\"\n          variant=\"tertiary\"\n          id='hide-all-button'\n          size=\"xs\"\n        >\n          Hide All\n        </ads-button>\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"showAllColumns()\"\n          [disabled]=\"allColumnsVisible\"\n          variant=\"tertiary\"\n          id=\"show-all-button\"\n          size=\"xs\"\n        >\n          Show All\n        </ads-button>\n      </div>\n    </div>\n  </mat-menu>\n\n  <!-- Filter Menu -->\n  <mat-menu #filterMenu=\"matMenu\" class=\"filter-menu-panel\" (closed)=\"filterMenuComponent.onMenuClosed()\">\n    <ads-filter-menu\n      #filterMenuComponent\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnFilterStates]=\"columnFilterStates()\"\n      [getFilterOptionsForField]=\"getFilterOptionsForFieldFn\"\n      [getHierarchicalFilterOptionsForField]=\"getHierarchicalFilterOptionsForFieldFn\"\n      [getFilterValuesForField]=\"getFilterValuesForFieldFn\"\n      [isColumnFilteredFn]=\"isColumnFilteredFn\"\n      [getFilterValueFormatterForField]=\"getFilterValueFormatterForFieldFn\"\n      (filterChanged)=\"onFilterMenuFilterChanged($event)\"\n      (filtersRemoved)=\"onFilterMenuFilterRemoved($event)\"\n    />\n  </mat-menu>\n\n  <!-- Sort Menu -->\n  <mat-menu #sortMenu=\"matMenu\" class=\"sort-menu-panel\">\n    <ads-sort-menu\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnSortStates]=\"columnSortStates()\"\n      (sortChanged)=\"onSortMenuSortChanged($event)\"\n      (sortsRemoved)=\"onSortMenuSortsRemoved($event)\"\n    />\n  </mat-menu>\n</div>\n", styles: [":host::ng-deep{--ag-wrapper-border-radius: 10px}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper .ag-overlay-no-matching-rows-center{color:var(--color-medium);font-family:Roboto,sans-serif;font-size:16px;border:none;padding:0;background:transparent}:host::ng-deep ag-grid-angular .ag-header-cell-text{font-weight:600;line-height:21px}:host::ng-deep ag-grid-angular .ag-cell:focus,:host::ng-deep ag-grid-angular .ag-cell-focus{outline:none!important;border:none!important;box-shadow:none!important}:host::ng-deep ag-grid-angular .ag-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-header-cell--active{background-color:var(--color-secondary-10)!important}:host::ng-deep ag-grid-angular .ag-theme-quartz{--ag-background-color: var(--color-light-30);--ag-foreground-color: var(--color-black);--ag-input-border-color: var(--color-light);--ag-input-focus-border-color: var(--color-medium);--ag-input-focus-box-shadow: none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input::placeholder{color:var(--color-medium);opacity:1}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper:before{background-image:none;content:none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input{padding-left:8px!important}:host::ng-deep .ads-table-container{display:flex;flex-direction:column;width:100%;height:100%}:host::ng-deep .ads-table-container.no-border .table-header{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border::ng-deep ag-grid-angular .ag-root-wrapper{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border .list-view-container{border:none;border-radius:0}:host::ng-deep .ads-table-container.with-header::ng-deep ag-grid-angular .ag-root-wrapper{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container.with-header .list-view-container{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container .table-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px;background-color:var(--color-white);border:1px solid var(--color-light);border-top-left-radius:var(--ag-wrapper-border-radius);border-top-right-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .ads-table-container .table-header .header-template-container{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-template-container .header-template{min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-actions{display:flex;gap:8px;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}:host::ng-deep .ads-table-container .table-header .change-view-button{display:flex;height:30px;padding:0 12px;border-radius:100px;background-color:var(--color-muted);align-items:center;cursor:pointer;flex-shrink:0}:host::ng-deep .ads-table-container .table-header .change-view-button:hover{background-color:var(--color-secondary-hover)}:host::ng-deep .ads-table-container .table-header .change-view-button:hover ::ng-deep svg{stroke:var(--color-white)}:host::ng-deep .list-view-container{display:flex;flex-direction:column;border:1px solid var(--color-light);border-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .list-view-container .list-view-item{flex-shrink:0}:host::ng-deep .list-view-container .list-view-loading{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep .list-view-container .list-view-empty{display:flex;justify-content:center;align-items:center;height:100%;color:var(--color-medium)}:host::ng-deep .list-view-loading-container{overflow:hidden}:host::ng-deep .list-no-rows-container{overflow:hidden;justify-content:center;align-items:center}:host::ng-deep cdk-virtual-scroll-viewport.list-view-container .cdk-virtual-scroll-content-wrapper{display:flex;flex-direction:column;width:100%}::ng-deep .column-visibility-menu{width:234px;max-width:498px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .column-visibility-menu .mat-mdc-menu-content{padding:0}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content{background-color:var(--color-white)}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-label{padding:12px 12px 0;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body{overflow-y:auto}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row{display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:45px;gap:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-name{font-size:16px;font-weight:400;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;flex:1}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle{display:flex;justify-content:flex-end}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle ::ng-deep ads-slide-toggle .ads-toggle{height:45px!important}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer{display:flex;justify-content:space-between;gap:12px;padding:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer ::ng-deep ads-button{flex:1}::ng-deep .filter-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .sort-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i3.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i3.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i3.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "toolbar", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipSwitchShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "calculatedColumns", "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", "processFileInput", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "paginationPanels", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "formulaDataSource", "notesDataSource", "noteTrigger", "noteShowDelay", "noteHideDelay", "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", "groupHideColumnsUntilExpanded", "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", "suppressContentVisibilityAuto", "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", "tabToNextGridContainer", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "autoGenerateColumnDefs", "processAutoGeneratedColumnDefs", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "calculatedColumnCreated", "calculatedColumnExpressionChanged", "calculatedColumnRemoved", "calculatedColumnValidationStateChanged", "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: "ngmodule", type: MatDialogModule }, { kind: "component", type: AdsSlideToggleComponent, selector: "ads-slide-toggle", inputs: ["enableYesOrNo", "customTitles", "control", "label", "id", "width"] }, { kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type", "fullWidth"] }, { kind: "component", type: AdsTableButtonComponent, selector: "ads-table-button", inputs: ["id", "disabled", "fullWidth", "matMenuTriggerFor"], outputs: ["menuOpened", "menuClosed"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4.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.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: AdsFilterMenuComponent, selector: "ads-filter-menu", inputs: ["columnSortFilterConfigs", "columnFilterStates", "getFilterOptionsForField", "getHierarchicalFilterOptionsForField", "getFilterValuesForField", "isColumnFilteredFn", "getFilterValueFormatterForField"], outputs: ["filterChanged", "filtersRemoved"] }, { kind: "component", type: AdsSortMenuComponent, selector: "ads-sort-menu", inputs: ["columnSortFilterConfigs", "columnSortStates"], outputs: ["sortChanged", "sortsRemoved"] }, { kind: "component", type: AdsProgressSpinnerComponent, selector: "ads-progress-spinner", inputs: ["zIndex", "scrollContainer", "size", "diameter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: AdsTableComponent, decorators: [{
             type: Component,
@@ -9192,7 +9487,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                         AdsFilterMenuComponent,
                         AdsSortMenuComponent,
                         AdsProgressSpinnerComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\" [class.no-border]=\"!showBorder\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template-container\">\n        @if (showChangeViewButton) {\n          <div class=\"change-view-button\" (click)=\"toggleView()\">\n            @if (isListView()) {\n              <ads-icon name=\"grid_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            } @else {\n              <ads-icon name=\"list_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            }\n          </div>\n        }\n        <div class=\"header-template\">\n          @if (headerTemplate) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n          }\n        </div>\n\n      </div>\n\n      <div class=\"header-actions\">\n        @if (!isListView()) {\n          <ads-table-button\n            id=\"show-hide-columns-button\"\n            [matMenuTriggerFor]=\"columnVisibilityMenu\"\n            (menuOpened)=\"openColumnVisibilityMenu()\"\n            (menuClosed)=\"onColumnVisibilityMenuClosed()\"\n          >\n            <ads-icon\n              name=\"visibility_eye_none\"\n              theme=\"secondary\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n            @if (!mobileHeaderView) {\n              {{ hideColumnButtonLabel }}\n            }\n          </ads-table-button>\n        }\n\n        <ads-table-button\n          id=\"filter-button\"\n          [matMenuTriggerFor]=\"filterMenu\"\n          (menuOpened)=\"openFilterMenu()\"\n          (menuClosed)=\"onFilterMenuClosed()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n            {{ filterButtonLabel }}\n          }\n\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [matMenuTriggerFor]=\"sortMenu\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n            {{ sortButtonLabel }}\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\n    [style.display]=\"isListView() ? 'none' : ''\"\n    [icons]=\"getAgGridIcons()\"\n    class=\"ag-theme-quartz\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"rowData\"\n    [columnDefs]=\"getProcessedColumnDefs()\"\n    [defaultColDef]=\"getDefaultColDef()\"\n    [components]=\"frameworkComponents\"\n    [isExternalFilterPresent]=\"isExternalFilterPresent\"\n    [doesExternalFilterPass]=\"doesExternalFilterPass\"\n    (gridReady)=\"gridReady($event)\"\n    (firstDataRendered)=\"firstDataRendered($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n    (filterChanged)=\"filterChanged($event)\"\n    [theme]=\"themeQuartz\"\n    [loading]=\"loading\"\n    [enableCellTextSelection]=\"true\"\n    [ensureDomOrder]=\"true\"\n  />\n\n  @if (isListView()) {\n    @if (loading) {\n      <div class=\"list-view-container list-view-loading-container\" [ngStyle]=\"{ height: height }\">\n        <div class=\"list-view-loading\">\n          <ads-progress-spinner [size]=\"SpinnerSize.small\" />\n        </div>\n      </div>\n    } @else if (noRowsTemplate && listRowDataCache().length === 0) {\n      <div class=\"list-view-container list-no-rows-container\" [ngStyle]=\"{ height: height }\">\n        <ng-container *ngTemplateOutlet=\"noRowsTemplate\" />\n      </div>\n    } @else {\n      <cdk-virtual-scroll-viewport\n        class=\"list-view-container\"\n        [itemSize]=\"listItemHeight()\"\n        [minBufferPx]=\"listItemHeight() * 4\"\n        [maxBufferPx]=\"listItemHeight() * 8\"\n        [ngStyle]=\"{ height: height }\"\n      >\n        <div\n          *cdkVirtualFor=\"let row of listRowDataCache(); trackBy: listTrackBy\"\n          class=\"list-view-item\"\n        >\n          @if (listItemTemplate) {\n            <ng-container\n              [ngTemplateOutlet]=\"listItemTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: row }\"\n            />\n          }\n        </div>\n      </cdk-virtual-scroll-viewport>\n    }\n  }\n\n  <!-- Column Visibility Menu -->\n  <mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\n    <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\n      <p class=\"dropdown-label\">Show/Hide Columns</p>\n      <div class=\"dropdown-body\">\n        @for (column of columnVisibilityList(); track $index) {\n          <div class=\"column-row\">\n            <span\n              class=\"column-name\"\n              [matTooltip]=\"column.headerName\"\n              [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\n            >\n              {{ column.headerName }}\n            </span>\n            <div class=\"column-toggle\">\n              <ads-slide-toggle\n                [id]=\"'toggle-' + column.field\"\n                [control]=\"column.control\"\n                [showFooter]=\"false\"\n                [customTitles]=\"['Show', 'Hide']\"\n              />\n            </div>\n          </div>\n        }\n      </div>\n\n      <ads-divider />\n\n      <div class=\"dropdown-footer\">\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"hideAllColumns()\"\n          [disabled]=\"allColumnsHidden\"\n          variant=\"tertiary\"\n          id='hide-all-button'\n          size=\"xs\"\n        >\n          Hide All\n        </ads-button>\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"showAllColumns()\"\n          [disabled]=\"allColumnsVisible\"\n          variant=\"tertiary\"\n          id=\"show-all-button\"\n          size=\"xs\"\n        >\n          Show All\n        </ads-button>\n      </div>\n    </div>\n  </mat-menu>\n\n  <!-- Filter Menu -->\n  <mat-menu #filterMenu=\"matMenu\" class=\"filter-menu-panel\" (closed)=\"filterMenuComponent.onMenuClosed()\">\n    <ads-filter-menu\n      #filterMenuComponent\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnFilterStates]=\"columnFilterStates()\"\n      [getFilterOptionsForField]=\"getFilterOptionsForFieldFn\"\n      [getHierarchicalFilterOptionsForField]=\"getHierarchicalFilterOptionsForFieldFn\"\n      [getFilterValuesForField]=\"getFilterValuesForFieldFn\"\n      [isColumnFilteredFn]=\"isColumnFilteredFn\"\n      [getFilterValueFormatterForField]=\"getFilterValueFormatterForFieldFn\"\n      (filterChanged)=\"onFilterMenuFilterChanged($event)\"\n      (filtersRemoved)=\"onFilterMenuFilterRemoved($event)\"\n    />\n  </mat-menu>\n\n  <!-- Sort Menu -->\n  <mat-menu #sortMenu=\"matMenu\" class=\"sort-menu-panel\">\n    <ads-sort-menu\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnSortStates]=\"columnSortStates()\"\n      (sortChanged)=\"onSortMenuSortChanged($event)\"\n      (sortsRemoved)=\"onSortMenuSortsRemoved($event)\"\n    />\n  </mat-menu>\n</div>\n", styles: [":host::ng-deep{--ag-wrapper-border-radius: 10px}:host::ng-deep ag-grid-angular{--ag-grid-size: 4px;--ag-border-radius: 5px;--ag-font-family: \"Roboto\";--ag-font-size: 16px;--ag-header-foreground-color: var(--color-medium);--ag-header-background-color: var(--color-light-30);--ag-background-color: var(--color-white);--ag-header-height: 45px;--ag-row-height: 45px;--ag-border-color: var(--color-light);--ag-foreground-color: var(--color-medium);--ag-spacing: 4px;--ag-inherited-accent-color: var(--color-secondary-hover)}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper .ag-overlay-no-matching-rows-center{color:var(--color-medium);font-family:Roboto,sans-serif;font-size:16px;border:none;padding:0;background:transparent}:host::ng-deep ag-grid-angular .ag-header-cell-text{font-weight:600;line-height:21px}:host::ng-deep ag-grid-angular .ag-cell:focus,:host::ng-deep ag-grid-angular .ag-cell-focus{outline:none!important;border:none!important;box-shadow:none!important}:host::ng-deep ag-grid-angular .ag-row,:host::ng-deep ag-grid-angular .ag-header,:host::ng-deep ag-grid-angular .ag-advanced-filter-header{border-bottom:none}:host::ng-deep ag-grid-angular .ag-row-even{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-row-odd{background-color:var(--color-white)}:host::ng-deep ag-grid-angular .ag-sort-indicator-container{min-width:fit-content}:host::ng-deep ag-grid-angular .ag-sort-indicator-icon>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell-filter-button>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell--active{background-color:var(--color-secondary-10)!important}:host::ng-deep ag-grid-angular .ag-theme-quartz{--ag-background-color: var(--color-light-30);--ag-foreground-color: var(--color-black);--ag-input-border-color: var(--color-light);--ag-input-focus-border-color: var(--color-medium);--ag-input-focus-box-shadow: none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input::placeholder{color:var(--color-medium);opacity:1}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper:before{background-image:none;content:none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input{padding-left:8px!important}:host::ng-deep .ads-table-container{display:flex;flex-direction:column;width:100%;height:100%}:host::ng-deep .ads-table-container.no-border .table-header{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border::ng-deep ag-grid-angular .ag-root-wrapper{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border .list-view-container{border:none;border-radius:0}:host::ng-deep .ads-table-container.with-header::ng-deep ag-grid-angular .ag-root-wrapper{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container.with-header .list-view-container{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container .table-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px;background-color:var(--color-white);border:1px solid var(--color-light);border-top-left-radius:var(--ag-wrapper-border-radius);border-top-right-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .ads-table-container .table-header .header-template-container{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-template-container .header-template{min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-actions{display:flex;gap:8px;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}:host::ng-deep .ads-table-container .table-header .change-view-button{display:flex;height:30px;padding:0 12px;border-radius:100px;background-color:var(--color-muted);align-items:center;cursor:pointer;flex-shrink:0}:host::ng-deep .ads-table-container .table-header .change-view-button:hover{background-color:var(--color-secondary-hover)}:host::ng-deep .ads-table-container .table-header .change-view-button:hover ::ng-deep svg{stroke:var(--color-white)}:host::ng-deep .list-view-container{display:flex;flex-direction:column;border:1px solid var(--color-light);border-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .list-view-container .list-view-item{flex-shrink:0}:host::ng-deep .list-view-container .list-view-loading{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep .list-view-container .list-view-empty{display:flex;justify-content:center;align-items:center;height:100%;color:var(--color-medium)}:host::ng-deep .list-view-loading-container{overflow:hidden}:host::ng-deep .list-no-rows-container{overflow:hidden;justify-content:center;align-items:center}:host::ng-deep cdk-virtual-scroll-viewport.list-view-container .cdk-virtual-scroll-content-wrapper{display:flex;flex-direction:column;width:100%}::ng-deep .column-visibility-menu{width:234px;max-width:498px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .column-visibility-menu .mat-mdc-menu-content{padding:0}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content{background-color:var(--color-white)}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-label{padding:12px 12px 0;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body{overflow-y:auto}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row{display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:45px;gap:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-name{font-size:16px;font-weight:400;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;flex:1}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle{display:flex;justify-content:flex-end}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle ::ng-deep ads-slide-toggle .ads-toggle{height:45px!important}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer{display:flex;justify-content:space-between;gap:12px;padding:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer ::ng-deep ads-button{flex:1}::ng-deep .filter-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .sort-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\" [class.no-border]=\"!showBorder\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template-container\">\n        @if (showChangeViewButton) {\n          <div class=\"change-view-button\" (click)=\"toggleView()\">\n            @if (isListView()) {\n              <ads-icon name=\"grid_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            } @else {\n              <ads-icon name=\"list_view\" size=\"xxxs\" stroke=\"iconPrimary\" />\n            }\n          </div>\n        }\n        <div class=\"header-template\">\n          @if (headerTemplate) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n          }\n        </div>\n\n      </div>\n\n      <div class=\"header-actions\">\n        @if (!isListView()) {\n          <ads-table-button\n            id=\"show-hide-columns-button\"\n            [matMenuTriggerFor]=\"columnVisibilityMenu\"\n            (menuOpened)=\"openColumnVisibilityMenu()\"\n            (menuClosed)=\"onColumnVisibilityMenuClosed()\"\n          >\n            <ads-icon\n              name=\"visibility_eye_none\"\n              theme=\"secondary\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n            @if (!mobileHeaderView) {\n              {{ hideColumnButtonLabel }}\n            }\n          </ads-table-button>\n        }\n\n        <ads-table-button\n          id=\"filter-button\"\n          [matMenuTriggerFor]=\"filterMenu\"\n          (menuOpened)=\"openFilterMenu()\"\n          (menuClosed)=\"onFilterMenuClosed()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n            {{ filterButtonLabel }}\n          }\n\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [matMenuTriggerFor]=\"sortMenu\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          @if (!mobileHeaderView) {\n            {{ sortButtonLabel }}\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\n    [style.display]=\"isListView() ? 'none' : ''\"\n    [icons]=\"getAgGridIcons()\"\n    class=\"ag-theme-quartz\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"rowData\"\n    [columnDefs]=\"getProcessedColumnDefs()\"\n    [defaultColDef]=\"getDefaultColDef()\"\n    [components]=\"frameworkComponents\"\n    [isExternalFilterPresent]=\"isExternalFilterPresent\"\n    [doesExternalFilterPass]=\"doesExternalFilterPass\"\n    (gridReady)=\"gridReady($event)\"\n    (firstDataRendered)=\"firstDataRendered($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n    (filterChanged)=\"filterChanged($event)\"\n    [theme]=\"themeQuartz\"\n    [loading]=\"loading\"\n    [enableCellTextSelection]=\"true\"\n    [ensureDomOrder]=\"true\"\n  />\n\n  @if (isListView()) {\n    @if (loading) {\n      <div class=\"list-view-container list-view-loading-container\" [ngStyle]=\"{ height: height }\">\n        <div class=\"list-view-loading\">\n          <ads-progress-spinner [size]=\"SpinnerSize.small\" />\n        </div>\n      </div>\n    } @else if (noRowsTemplate && listRowDataCache().length === 0) {\n      <div class=\"list-view-container list-no-rows-container\" [ngStyle]=\"{ height: height }\">\n        <ng-container *ngTemplateOutlet=\"noRowsTemplate\" />\n      </div>\n    } @else {\n      <cdk-virtual-scroll-viewport\n        class=\"list-view-container\"\n        [itemSize]=\"listItemHeight()\"\n        [minBufferPx]=\"listItemHeight() * 4\"\n        [maxBufferPx]=\"listItemHeight() * 8\"\n        [ngStyle]=\"{ height: height }\"\n      >\n        <div\n          *cdkVirtualFor=\"let row of listRowDataCache(); trackBy: listTrackBy\"\n          class=\"list-view-item\"\n        >\n          @if (listItemTemplate) {\n            <ng-container\n              [ngTemplateOutlet]=\"listItemTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: row }\"\n            />\n          }\n        </div>\n      </cdk-virtual-scroll-viewport>\n    }\n  }\n\n  <!-- Column Visibility Menu -->\n  <mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\n    <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\n      <p class=\"dropdown-label\">Show/Hide Columns</p>\n      <div class=\"dropdown-body\">\n        @for (column of columnVisibilityList(); track $index) {\n          <div class=\"column-row\">\n            <span\n              class=\"column-name\"\n              [matTooltip]=\"column.headerName\"\n              [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\n            >\n              {{ column.headerName }}\n            </span>\n            <div class=\"column-toggle\">\n              <ads-slide-toggle\n                [id]=\"'toggle-' + column.field\"\n                [control]=\"column.control\"\n                [showFooter]=\"false\"\n                [customTitles]=\"['Show', 'Hide']\"\n              />\n            </div>\n          </div>\n        }\n      </div>\n\n      <ads-divider />\n\n      <div class=\"dropdown-footer\">\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"hideAllColumns()\"\n          [disabled]=\"allColumnsHidden\"\n          variant=\"tertiary\"\n          id='hide-all-button'\n          size=\"xs\"\n        >\n          Hide All\n        </ads-button>\n        <ads-button\n          [fullWidth]=\"true\"\n          (click)=\"showAllColumns()\"\n          [disabled]=\"allColumnsVisible\"\n          variant=\"tertiary\"\n          id=\"show-all-button\"\n          size=\"xs\"\n        >\n          Show All\n        </ads-button>\n      </div>\n    </div>\n  </mat-menu>\n\n  <!-- Filter Menu -->\n  <mat-menu #filterMenu=\"matMenu\" class=\"filter-menu-panel\" (closed)=\"filterMenuComponent.onMenuClosed()\">\n    <ads-filter-menu\n      #filterMenuComponent\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnFilterStates]=\"columnFilterStates()\"\n      [getFilterOptionsForField]=\"getFilterOptionsForFieldFn\"\n      [getHierarchicalFilterOptionsForField]=\"getHierarchicalFilterOptionsForFieldFn\"\n      [getFilterValuesForField]=\"getFilterValuesForFieldFn\"\n      [isColumnFilteredFn]=\"isColumnFilteredFn\"\n      [getFilterValueFormatterForField]=\"getFilterValueFormatterForFieldFn\"\n      (filterChanged)=\"onFilterMenuFilterChanged($event)\"\n      (filtersRemoved)=\"onFilterMenuFilterRemoved($event)\"\n    />\n  </mat-menu>\n\n  <!-- Sort Menu -->\n  <mat-menu #sortMenu=\"matMenu\" class=\"sort-menu-panel\">\n    <ads-sort-menu\n      [columnSortFilterConfigs]=\"columnSortFilterConfigs\"\n      [columnSortStates]=\"columnSortStates()\"\n      (sortChanged)=\"onSortMenuSortChanged($event)\"\n      (sortsRemoved)=\"onSortMenuSortsRemoved($event)\"\n    />\n  </mat-menu>\n</div>\n", styles: [":host::ng-deep{--ag-wrapper-border-radius: 10px}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep ag-grid-angular .ag-overlay-no-matching-rows-wrapper .ag-overlay-no-matching-rows-center{color:var(--color-medium);font-family:Roboto,sans-serif;font-size:16px;border:none;padding:0;background:transparent}:host::ng-deep ag-grid-angular .ag-header-cell-text{font-weight:600;line-height:21px}:host::ng-deep ag-grid-angular .ag-cell:focus,:host::ng-deep ag-grid-angular .ag-cell-focus{outline:none!important;border:none!important;box-shadow:none!important}:host::ng-deep ag-grid-angular .ag-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-header-cell--active{background-color:var(--color-secondary-10)!important}:host::ng-deep ag-grid-angular .ag-theme-quartz{--ag-background-color: var(--color-light-30);--ag-foreground-color: var(--color-black);--ag-input-border-color: var(--color-light);--ag-input-focus-border-color: var(--color-medium);--ag-input-focus-box-shadow: none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input::placeholder{color:var(--color-medium);opacity:1}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper:before{background-image:none;content:none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input{padding-left:8px!important}:host::ng-deep .ads-table-container{display:flex;flex-direction:column;width:100%;height:100%}:host::ng-deep .ads-table-container.no-border .table-header{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border::ng-deep ag-grid-angular .ag-root-wrapper{border:none;border-radius:0}:host::ng-deep .ads-table-container.no-border .list-view-container{border:none;border-radius:0}:host::ng-deep .ads-table-container.with-header::ng-deep ag-grid-angular .ag-root-wrapper{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container.with-header .list-view-container{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container .table-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px;background-color:var(--color-white);border:1px solid var(--color-light);border-top-left-radius:var(--ag-wrapper-border-radius);border-top-right-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .ads-table-container .table-header .header-template-container{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-template-container .header-template{min-width:0;flex:1 1 0}:host::ng-deep .ads-table-container .table-header .header-actions{display:flex;gap:8px;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}:host::ng-deep .ads-table-container .table-header .change-view-button{display:flex;height:30px;padding:0 12px;border-radius:100px;background-color:var(--color-muted);align-items:center;cursor:pointer;flex-shrink:0}:host::ng-deep .ads-table-container .table-header .change-view-button:hover{background-color:var(--color-secondary-hover)}:host::ng-deep .ads-table-container .table-header .change-view-button:hover ::ng-deep svg{stroke:var(--color-white)}:host::ng-deep .list-view-container{display:flex;flex-direction:column;border:1px solid var(--color-light);border-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .list-view-container .list-view-item{flex-shrink:0}:host::ng-deep .list-view-container .list-view-loading{display:flex;justify-content:center;align-items:center;height:100%}:host::ng-deep .list-view-container .list-view-empty{display:flex;justify-content:center;align-items:center;height:100%;color:var(--color-medium)}:host::ng-deep .list-view-loading-container{overflow:hidden}:host::ng-deep .list-no-rows-container{overflow:hidden;justify-content:center;align-items:center}:host::ng-deep cdk-virtual-scroll-viewport.list-view-container .cdk-virtual-scroll-content-wrapper{display:flex;flex-direction:column;width:100%}::ng-deep .column-visibility-menu{width:234px;max-width:498px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .column-visibility-menu .mat-mdc-menu-content{padding:0}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content{background-color:var(--color-white)}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-label{padding:12px 12px 0;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body{overflow-y:auto}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row{display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:45px;gap:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-name{font-size:16px;font-weight:400;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;flex:1}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle{display:flex;justify-content:flex-end}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle ::ng-deep ads-slide-toggle .ads-toggle{height:45px!important}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer{display:flex;justify-content:space-between;gap:12px;padding:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer ::ng-deep ads-button{flex:1}::ng-deep .filter-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .sort-menu-panel{width:316px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.AdsIconRegistry }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { width: [{
                 type: Input
             }], height: [{
@@ -11058,5 +11353,5 @@ function provideAdsUi(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { AdsArchitectureLogoComponent, AdsAscentLogoComponent, AdsAvatarComponent, AdsBaselineWidgetComponent, AdsBreadcrumbComponent, AdsBubbleComponent, AdsButtonComponent, AdsButtonContainerComponent, AdsCardComponent, AdsCheckboxComponent, AdsChipComponent, AdsColumnSortFilterMenuComponent, AdsCreateTagComponent, AdsCurrencyFieldComponent, AdsCustomHeaderComponent, AdsCustomerPortalLogoComponent, AdsCxaLogoComponent, AdsDatepickerComponent, AdsDatetimepickerComponent, AdsDragAndDropListComponent, AdsDropdownComponent, AdsErrorPageCodeComponent, AdsErrorPageComponent, AdsExpansionPanelComponent, AdsFilterMenuComponent, AdsFooterComponent, AdsFooterContainerComponent, AdsGenericLogoComponent, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHistoryStepperComponent, AdsHorizontalNavBarComponent, AdsHorizontalStepperComponent, AdsIconButtonComponent, AdsIconHoverComponent, AdsInputComponent, AdsInputDropdownComponent, AdsInternationalPhoneFieldComponent, AdsLinkButtonComponent, AdsMainMenuComponent, AdsModalComponent, AdsMultiSelectDropdownComponent, AdsNavMenuComponent, AdsNavigationCollapseHandleComponent, AdsNavigationComponent, AdsNavigationHeaderComponent, AdsNavigationItemComponent, AdsNavigationItemsContainerComponent, AdsNumericBadgeComponent, AdsNumericStepperComponent, AdsOrgDisplayTextComponent, AdsPeakEssentialsLogoComponent, AdsPeakMarketplaceLogoComponent, AdsPeakOrderManagementLogoComponent, AdsPhoneFieldComponent, AdsPilotPayLogoComponent, AdsPrimaryLogoComponent, AdsProgressBarComponent, AdsProgressIndicatorSpinnerComponent, AdsProgressSpinnerComponent, AdsProgressStepperComponent, AdsRadioButtonComponent, AdsScmsLogoComponent, AdsScmsSideNavBarComponent, AdsSearchDropdownComponent, AdsSearchInputComponent, AdsShipmentHorizontalStepperComponent, AdsSideNavBarComponent, AdsSideNavBarV2Component, AdsSlideToggleComponent, AdsSliderComponent, AdsSnackbarComponent, AdsSortMenuComponent, AdsSplashPageComponent, AdsStepperComponent, AdsSubNavigationButtonComponent, AdsTableComponent, AdsTabsComponent, AdsTagComponent, AdsTagContainerComponent, AdsTextareaComponent, AdsTimeFieldComponent, AdsTimepickerComponent, AdsVerticalSideNavigationStepperComponent, AdsWizardStepperComponent, AscentCardComponent, BadgeColor, Colors, CountryCode, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, HistoryAction, HorizontalStepStatus, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus, provideAdsUi };
+export { AdsArchitectureLogoComponent, AdsAscentLogoComponent, AdsAvatarComponent, AdsBaselineWidgetComponent, AdsBreadcrumbComponent, AdsBubbleComponent, AdsButtonComponent, AdsButtonContainerComponent, AdsCardComponent, AdsCheckboxComponent, AdsChipComponent, AdsColumnSortFilterMenuComponent, AdsCreateTagComponent, AdsCurrencyFieldComponent, AdsCustomHeaderComponent, AdsCustomerPortalLogoComponent, AdsCxaLogoComponent, AdsDatepickerComponent, AdsDatetimepickerComponent, AdsDragAndDropListComponent, AdsDropdownComponent, AdsErrorPageCodeComponent, AdsErrorPageComponent, AdsExpansionPanelComponent, AdsFilterMenuComponent, AdsFooterComponent, AdsFooterContainerComponent, AdsGenericLogoComponent, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHistoryStepperComponent, AdsHorizontalNavBarComponent, AdsHorizontalStepperComponent, AdsIconButtonComponent, AdsIconHoverComponent, AdsInputComponent, AdsInputDropdownComponent, AdsInternationalPhoneFieldComponent, AdsLinkButtonComponent, AdsMainMenuComponent, AdsMenuDropDownComponent, AdsMenuDropDownTriggerDirective, AdsModalComponent, AdsMultiSelectDropdownComponent, AdsNavMenuComponent, AdsNavigationCollapseHandleComponent, AdsNavigationComponent, AdsNavigationHeaderComponent, AdsNavigationItemComponent, AdsNavigationItemsContainerComponent, AdsNumericBadgeComponent, AdsNumericStepperComponent, AdsOrgDisplayTextComponent, AdsPeakEssentialsLogoComponent, AdsPeakMarketplaceLogoComponent, AdsPeakOrderManagementLogoComponent, AdsPhoneFieldComponent, AdsPilotPayLogoComponent, AdsPrimaryLogoComponent, AdsProgressBarComponent, AdsProgressIndicatorSpinnerComponent, AdsProgressSpinnerComponent, AdsProgressStepperComponent, AdsRadioButtonComponent, AdsScmsLogoComponent, AdsScmsSideNavBarComponent, AdsSearchDropdownComponent, AdsSearchInputComponent, AdsShipmentHorizontalStepperComponent, AdsSideNavBarComponent, AdsSideNavBarV2Component, AdsSlideToggleComponent, AdsSliderComponent, AdsSnackbarComponent, AdsSortMenuComponent, AdsSplashPageComponent, AdsStepperComponent, AdsSubNavigationButtonComponent, AdsTableComponent, AdsTabsComponent, AdsTagComponent, AdsTagContainerComponent, AdsTextareaComponent, AdsTimeFieldComponent, AdsTimepickerComponent, AdsVerticalSideNavigationStepperComponent, AdsWizardStepperComponent, AscentCardComponent, BadgeColor, Colors, CountryCode, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, HistoryAction, HorizontalStepStatus, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus, provideAdsUi };
 //# sourceMappingURL=ascentgl-ads-ui.mjs.map