@ascentgl/ads-ui 21.5.0 → 21.7.0

package/fesm2022/ascentgl-ads-ui.mjs

@@ -6956,11 +6956,11 @@ class AdsTableComponent {
         this.unsubscribeFromControls();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsTableComponent, deps: [{ token: i0.ElementRef }, { token: i1.AdsIconRegistry }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: AdsTableComponent, isStandalone: false, selector: "ads-table", inputs: { width: "width", height: "height", headerTemplate: "headerTemplate", gridOptions: "gridOptions", rowData: "rowData", columnDefs: "columnDefs", icons: "icons", defaultColDef: "defaultColDef", loading: "loading", columnDefsByBreakpoint: "columnDefsByBreakpoint", showHeaderActions: "showHeaderActions" }, outputs: { filtersCleared: "filtersCleared" }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template\">\n        @if (headerTemplate) {\n          <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n        }\n      </div>\n\n      <div class=\"header-actions\">\n        <ads-table-button\n          id=\"show-hide-columns-button\"\n          [matMenuTriggerFor]=\"columnVisibilityMenu\"\n          (menuOpened)=\"openColumnVisibilityMenu()\"\n          (menuClosed)=\"onColumnVisibilityMenuClosed()\"\n        >\n          <ads-icon\n            name=\"visibility_eye_none\"\n            theme=\"secondary\"\n            stroke=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ hideColumnButtonLabel }}\n        </ads-table-button>\n\n        <ads-table-button\n          id=\"filter-button\"\n          [disabled]=\"!isFilteredTable\"\n          (click)=\"clearAllFilters()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ filterButtonLabel }}\n\n          @if(isFilteredTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [disabled]=\"!isSortedTable\"\n          (click)=\"clearAllSorting()\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ sortButtonLabel }}\n          @if (isSortedTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\n    [icons]=\"getAgGridIcons()\"\n    class=\"ag-theme-quartz\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"rowData\"\n    [columnDefs]=\"tableColumnDefs()\"\n    [defaultColDef]=\"getDefaultColDef()\"\n    (gridReady)=\"gridReady($event)\"\n    (firstDataRendered)=\"firstDataRendered($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n    (filterChanged)=\"filterChanged($event)\"\n    [theme]=\"themeQuartz\"\n    [loading]=\"loading\"\n  />\n</div>\n\n<!-- Column Visibility Menu -->\n<mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\n  <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\n    <div class=\"dropdown-body\">\n      @for (column of columnVisibilityList(); track $index) {\n        <div class=\"column-row\">\n          <span\n            class=\"column-name\"\n            [matTooltip]=\"column.headerName\"\n            [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\n          >\n            {{ column.headerName }}\n          </span>\n          <div class=\"column-toggle\">\n            <ads-slide-toggle\n              [id]=\"'toggle-' + column.field\"\n              [control]=\"column.control\"\n              [showFooter]=\"false\"\n              [customTitles]=\"['Show', 'Hide']\"\n            />\n          </div>\n        </div>\n      }\n    </div>\n\n    <ads-divider />\n\n    <div class=\"dropdown-footer\">\n      <ads-button\n        [fullWidth]=\"true\"\n        (click)=\"hideAllColumns()\"\n        [disabled]=\"allColumnsHidden\"\n        variant=\"tertiary\"\n        id='hide-all-button'\n        size=\"xs\"\n      >\n        Hide All\n      </ads-button>\n      <ads-button\n        [fullWidth]=\"true\"\n        (click)=\"showAllColumns()\"\n        [disabled]=\"allColumnsVisible\"\n        variant=\"tertiary\"\n        id=\"show-all-button\"\n        size=\"xs\"\n      >\n        Show All\n      </ads-button>\n    </div>\n  </div>\n</mat-menu>\n", styles: [":host::ng-deep{--ag-wrapper-border-radius: 10px}:host::ng-deep ag-grid-angular{--ag-grid-size: 4px;--ag-border-radius: 5px;--ag-font-family: \"Roboto\";--ag-font-size: 16px;--ag-header-foreground-color: var(--color-medium);--ag-header-background-color: var(--color-light-30);--ag-background-color: var(--color-white);--ag-header-height: 45px;--ag-row-height: 45px;--ag-border-color: var(--color-light);--ag-foreground-color: var(--color-medium);--ag-spacing: 4px}: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-light-30)}:host::ng-deep ag-grid-angular .ag-sort-indicator-container{min-width:fit-content}:host::ng-deep ag-grid-angular .ag-sort-indicator-icon>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell-filter-button>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-theme-quartz{--ag-background-color: var(--color-light-30);--ag-foreground-color: var(--color-black);--ag-input-border-color: var(--color-light);--ag-input-focus-border-color: var(--color-medium);--ag-input-focus-box-shadow: none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input::placeholder{color:var(--color-medium);opacity:1}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper:before{background-image:none;content:none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input{padding-left:8px!important}:host::ng-deep .ads-table-container{display:flex;flex-direction:column;width:100%;height:100%}:host::ng-deep .ads-table-container.with-header::ng-deep ag-grid-angular .ag-root-wrapper{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container .table-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--color-white);border:1px solid var(--color-light);border-top-left-radius:var(--ag-wrapper-border-radius);border-top-right-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .ads-table-container .table-header .header-actions{display:flex;gap:8px;flex-wrap:wrap}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}::ng-deep .column-visibility-menu{width:234px;max-width:498px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .column-visibility-menu .mat-mdc-menu-content{padding:0}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content{background-color:var(--color-white)}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body{overflow-y:auto}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row{display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:45px;gap:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-name{font-size:16px;font-weight:400;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;flex:1}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle{display:flex;justify-content:flex-end}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle ::ng-deep ads-slide-toggle .ads-toggle{height:45px!important}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer{display:flex;justify-content:space-between;gap:12px;padding:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer ::ng-deep ads-button{flex:1}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i3$4.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "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", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: AdsSlideToggleComponent, selector: "ads-slide-toggle", inputs: ["enableYesOrNo", "customTitles", "control", "label", "id", "width"] }, { kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type", "fullWidth"] }, { kind: "component", type: AdsTableButtonComponent, selector: "ads-table-button", inputs: ["id", "disabled", "fullWidth", "matMenuTriggerFor"], outputs: ["menuOpened"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i4$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: AdsTableComponent, isStandalone: false, selector: "ads-table", inputs: { width: "width", height: "height", headerTemplate: "headerTemplate", gridOptions: "gridOptions", rowData: "rowData", columnDefs: "columnDefs", icons: "icons", defaultColDef: "defaultColDef", loading: "loading", columnDefsByBreakpoint: "columnDefsByBreakpoint", showHeaderActions: "showHeaderActions" }, outputs: { filtersCleared: "filtersCleared" }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template\">\n        @if (headerTemplate) {\n          <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n        }\n      </div>\n\n      <div class=\"header-actions\">\n        <ads-table-button\n          id=\"show-hide-columns-button\"\n          [matMenuTriggerFor]=\"columnVisibilityMenu\"\n          (menuOpened)=\"openColumnVisibilityMenu()\"\n          (menuClosed)=\"onColumnVisibilityMenuClosed()\"\n        >\n          <ads-icon\n            name=\"visibility_eye_none\"\n            theme=\"secondary\"\n            stroke=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ hideColumnButtonLabel }}\n        </ads-table-button>\n\n        <ads-table-button\n          id=\"filter-button\"\n          [disabled]=\"!isFilteredTable\"\n          (click)=\"clearAllFilters()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ filterButtonLabel }}\n\n          @if(isFilteredTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [disabled]=\"!isSortedTable\"\n          (click)=\"clearAllSorting()\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ sortButtonLabel }}\n          @if (isSortedTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\n    [icons]=\"getAgGridIcons()\"\n    class=\"ag-theme-quartz\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"rowData\"\n    [columnDefs]=\"tableColumnDefs()\"\n    [defaultColDef]=\"getDefaultColDef()\"\n    (gridReady)=\"gridReady($event)\"\n    (firstDataRendered)=\"firstDataRendered($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n    (filterChanged)=\"filterChanged($event)\"\n    [theme]=\"themeQuartz\"\n    [loading]=\"loading\"\n  />\n</div>\n\n<!-- Column Visibility Menu -->\n<mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\n  <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\n    <p class=\"dropdown-label\">Show/Hide Columns</p>\n    <div class=\"dropdown-body\">\n      @for (column of columnVisibilityList(); track $index) {\n        <div class=\"column-row\">\n          <span\n            class=\"column-name\"\n            [matTooltip]=\"column.headerName\"\n            [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\n          >\n            {{ column.headerName }}\n          </span>\n          <div class=\"column-toggle\">\n            <ads-slide-toggle\n              [id]=\"'toggle-' + column.field\"\n              [control]=\"column.control\"\n              [showFooter]=\"false\"\n              [customTitles]=\"['Show', 'Hide']\"\n            />\n          </div>\n        </div>\n      }\n    </div>\n\n    <ads-divider />\n\n    <div class=\"dropdown-footer\">\n      <ads-button\n        [fullWidth]=\"true\"\n        (click)=\"hideAllColumns()\"\n        [disabled]=\"allColumnsHidden\"\n        variant=\"tertiary\"\n        id='hide-all-button'\n        size=\"xs\"\n      >\n        Hide All\n      </ads-button>\n      <ads-button\n        [fullWidth]=\"true\"\n        (click)=\"showAllColumns()\"\n        [disabled]=\"allColumnsVisible\"\n        variant=\"tertiary\"\n        id=\"show-all-button\"\n        size=\"xs\"\n      >\n        Show All\n      </ads-button>\n    </div>\n  </div>\n</mat-menu>\n", styles: [":host::ng-deep{--ag-wrapper-border-radius: 10px}:host::ng-deep ag-grid-angular{--ag-grid-size: 4px;--ag-border-radius: 5px;--ag-font-family: \"Roboto\";--ag-font-size: 16px;--ag-header-foreground-color: var(--color-medium);--ag-header-background-color: var(--color-light-30);--ag-background-color: var(--color-white);--ag-header-height: 45px;--ag-row-height: 45px;--ag-border-color: var(--color-light);--ag-foreground-color: var(--color-medium);--ag-spacing: 4px}: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-light-30)}:host::ng-deep ag-grid-angular .ag-sort-indicator-container{min-width:fit-content}:host::ng-deep ag-grid-angular .ag-sort-indicator-icon>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell-filter-button>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-theme-quartz{--ag-background-color: var(--color-light-30);--ag-foreground-color: var(--color-black);--ag-input-border-color: var(--color-light);--ag-input-focus-border-color: var(--color-medium);--ag-input-focus-box-shadow: none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input::placeholder{color:var(--color-medium);opacity:1}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper:before{background-image:none;content:none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input{padding-left:8px!important}:host::ng-deep .ads-table-container{display:flex;flex-direction:column;width:100%;height:100%}:host::ng-deep .ads-table-container.with-header::ng-deep ag-grid-angular .ag-root-wrapper{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container .table-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--color-white);border:1px solid var(--color-light);border-top-left-radius:var(--ag-wrapper-border-radius);border-top-right-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .ads-table-container .table-header .header-actions{display:flex;gap:8px;flex-wrap:wrap}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}::ng-deep .column-visibility-menu{width:234px;max-width:498px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .column-visibility-menu .mat-mdc-menu-content{padding:0}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content{background-color:var(--color-white)}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-label{padding:12px 12px 0;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body{overflow-y:auto}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row{display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:45px;gap:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-name{font-size:16px;font-weight:400;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;flex:1}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle{display:flex;justify-content:flex-end}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle ::ng-deep ads-slide-toggle .ads-toggle{height:45px!important}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer{display:flex;justify-content:space-between;gap:12px;padding:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer ::ng-deep ads-button{flex:1}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i3$4.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "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", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: AdsSlideToggleComponent, selector: "ads-slide-toggle", inputs: ["enableYesOrNo", "customTitles", "control", "label", "id", "width"] }, { kind: "component", type: AdsButtonComponent, selector: "ads-button", inputs: ["id", "variant", "disabled", "size", "type", "fullWidth"] }, { kind: "component", type: AdsTableButtonComponent, selector: "ads-table-button", inputs: ["id", "disabled", "fullWidth", "matMenuTriggerFor"], outputs: ["menuOpened"] }, { kind: "component", type: DividerComponent, selector: "ads-divider", inputs: ["margin", "color"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i4$3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-table', standalone: false, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template\">\n        @if (headerTemplate) {\n          <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n        }\n      </div>\n\n      <div class=\"header-actions\">\n        <ads-table-button\n          id=\"show-hide-columns-button\"\n          [matMenuTriggerFor]=\"columnVisibilityMenu\"\n          (menuOpened)=\"openColumnVisibilityMenu()\"\n          (menuClosed)=\"onColumnVisibilityMenuClosed()\"\n        >\n          <ads-icon\n            name=\"visibility_eye_none\"\n            theme=\"secondary\"\n            stroke=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ hideColumnButtonLabel }}\n        </ads-table-button>\n\n        <ads-table-button\n          id=\"filter-button\"\n          [disabled]=\"!isFilteredTable\"\n          (click)=\"clearAllFilters()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ filterButtonLabel }}\n\n          @if(isFilteredTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [disabled]=\"!isSortedTable\"\n          (click)=\"clearAllSorting()\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ sortButtonLabel }}\n          @if (isSortedTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\n    [icons]=\"getAgGridIcons()\"\n    class=\"ag-theme-quartz\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"rowData\"\n    [columnDefs]=\"tableColumnDefs()\"\n    [defaultColDef]=\"getDefaultColDef()\"\n    (gridReady)=\"gridReady($event)\"\n    (firstDataRendered)=\"firstDataRendered($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n    (filterChanged)=\"filterChanged($event)\"\n    [theme]=\"themeQuartz\"\n    [loading]=\"loading\"\n  />\n</div>\n\n<!-- Column Visibility Menu -->\n<mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\n  <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\n    <div class=\"dropdown-body\">\n      @for (column of columnVisibilityList(); track $index) {\n        <div class=\"column-row\">\n          <span\n            class=\"column-name\"\n            [matTooltip]=\"column.headerName\"\n            [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\n          >\n            {{ column.headerName }}\n          </span>\n          <div class=\"column-toggle\">\n            <ads-slide-toggle\n              [id]=\"'toggle-' + column.field\"\n              [control]=\"column.control\"\n              [showFooter]=\"false\"\n              [customTitles]=\"['Show', 'Hide']\"\n            />\n          </div>\n        </div>\n      }\n    </div>\n\n    <ads-divider />\n\n    <div class=\"dropdown-footer\">\n      <ads-button\n        [fullWidth]=\"true\"\n        (click)=\"hideAllColumns()\"\n        [disabled]=\"allColumnsHidden\"\n        variant=\"tertiary\"\n        id='hide-all-button'\n        size=\"xs\"\n      >\n        Hide All\n      </ads-button>\n      <ads-button\n        [fullWidth]=\"true\"\n        (click)=\"showAllColumns()\"\n        [disabled]=\"allColumnsVisible\"\n        variant=\"tertiary\"\n        id=\"show-all-button\"\n        size=\"xs\"\n      >\n        Show All\n      </ads-button>\n    </div>\n  </div>\n</mat-menu>\n", styles: [":host::ng-deep{--ag-wrapper-border-radius: 10px}:host::ng-deep ag-grid-angular{--ag-grid-size: 4px;--ag-border-radius: 5px;--ag-font-family: \"Roboto\";--ag-font-size: 16px;--ag-header-foreground-color: var(--color-medium);--ag-header-background-color: var(--color-light-30);--ag-background-color: var(--color-white);--ag-header-height: 45px;--ag-row-height: 45px;--ag-border-color: var(--color-light);--ag-foreground-color: var(--color-medium);--ag-spacing: 4px}: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-light-30)}:host::ng-deep ag-grid-angular .ag-sort-indicator-container{min-width:fit-content}:host::ng-deep ag-grid-angular .ag-sort-indicator-icon>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell-filter-button>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-theme-quartz{--ag-background-color: var(--color-light-30);--ag-foreground-color: var(--color-black);--ag-input-border-color: var(--color-light);--ag-input-focus-border-color: var(--color-medium);--ag-input-focus-box-shadow: none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input::placeholder{color:var(--color-medium);opacity:1}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper:before{background-image:none;content:none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input{padding-left:8px!important}:host::ng-deep .ads-table-container{display:flex;flex-direction:column;width:100%;height:100%}:host::ng-deep .ads-table-container.with-header::ng-deep ag-grid-angular .ag-root-wrapper{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container .table-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--color-white);border:1px solid var(--color-light);border-top-left-radius:var(--ag-wrapper-border-radius);border-top-right-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .ads-table-container .table-header .header-actions{display:flex;gap:8px;flex-wrap:wrap}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}::ng-deep .column-visibility-menu{width:234px;max-width:498px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .column-visibility-menu .mat-mdc-menu-content{padding:0}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content{background-color:var(--color-white)}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body{overflow-y:auto}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row{display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:45px;gap:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-name{font-size:16px;font-weight:400;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;flex:1}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle{display:flex;justify-content:flex-end}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle ::ng-deep ads-slide-toggle .ads-toggle{height:45px!important}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer{display:flex;justify-content:space-between;gap:12px;padding:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer ::ng-deep ads-button{flex:1}\n"] }]
+            args: [{ selector: 'ads-table', standalone: false, template: "<div class=\"ads-table-container\" [style.width]=\"width\" [class.with-header]=\"showHeaderActions\">\n  @if (showHeaderActions) {\n    <div class=\"table-header\">\n      <div class=\"header-template\">\n        @if (headerTemplate) {\n          <ng-container *ngTemplateOutlet=\"headerTemplate\" />\n        }\n      </div>\n\n      <div class=\"header-actions\">\n        <ads-table-button\n          id=\"show-hide-columns-button\"\n          [matMenuTriggerFor]=\"columnVisibilityMenu\"\n          (menuOpened)=\"openColumnVisibilityMenu()\"\n          (menuClosed)=\"onColumnVisibilityMenuClosed()\"\n        >\n          <ads-icon\n            name=\"visibility_eye_none\"\n            theme=\"secondary\"\n            stroke=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ hideColumnButtonLabel }}\n        </ads-table-button>\n\n        <ads-table-button\n          id=\"filter-button\"\n          [disabled]=\"!isFilteredTable\"\n          (click)=\"clearAllFilters()\"\n        >\n          <ads-icon\n            name=\"filter\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ filterButtonLabel }}\n\n          @if(isFilteredTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n        <ads-table-button\n          id=\"sort-button\"\n          [disabled]=\"!isSortedTable\"\n          (click)=\"clearAllSorting()\"\n        >\n          <ads-icon\n            name=\"arrow_up_and_down\"\n            theme=\"secondary\"\n            size=\"xxxs\"\n          />\n          {{ sortButtonLabel }}\n          @if (isSortedTable) {\n            <ads-icon\n              name=\"cross\"\n              stroke=\"secondary\"\n              size=\"xxxs\"\n            />\n          }\n        </ads-table-button>\n      </div>\n    </div>\n  }\n\n  <ag-grid-angular\n    [ngStyle]=\"{ height: height }\"\n    [icons]=\"getAgGridIcons()\"\n    class=\"ag-theme-quartz\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"rowData\"\n    [columnDefs]=\"tableColumnDefs()\"\n    [defaultColDef]=\"getDefaultColDef()\"\n    (gridReady)=\"gridReady($event)\"\n    (firstDataRendered)=\"firstDataRendered($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n    (filterChanged)=\"filterChanged($event)\"\n    [theme]=\"themeQuartz\"\n    [loading]=\"loading\"\n  />\n</div>\n\n<!-- Column Visibility Menu -->\n<mat-menu #columnVisibilityMenu=\"matMenu\" class=\"column-visibility-menu\" [class.has-header]=\"showHeaderActions\">\n  <div class=\"menu-content\" (click)=\"$event.stopPropagation()\">\n    <p class=\"dropdown-label\">Show/Hide Columns</p>\n    <div class=\"dropdown-body\">\n      @for (column of columnVisibilityList(); track $index) {\n        <div class=\"column-row\">\n          <span\n            class=\"column-name\"\n            [matTooltip]=\"column.headerName\"\n            [matTooltipDisabled]=\"getTooltipDisabled(column.headerName)\"\n          >\n            {{ column.headerName }}\n          </span>\n          <div class=\"column-toggle\">\n            <ads-slide-toggle\n              [id]=\"'toggle-' + column.field\"\n              [control]=\"column.control\"\n              [showFooter]=\"false\"\n              [customTitles]=\"['Show', 'Hide']\"\n            />\n          </div>\n        </div>\n      }\n    </div>\n\n    <ads-divider />\n\n    <div class=\"dropdown-footer\">\n      <ads-button\n        [fullWidth]=\"true\"\n        (click)=\"hideAllColumns()\"\n        [disabled]=\"allColumnsHidden\"\n        variant=\"tertiary\"\n        id='hide-all-button'\n        size=\"xs\"\n      >\n        Hide All\n      </ads-button>\n      <ads-button\n        [fullWidth]=\"true\"\n        (click)=\"showAllColumns()\"\n        [disabled]=\"allColumnsVisible\"\n        variant=\"tertiary\"\n        id=\"show-all-button\"\n        size=\"xs\"\n      >\n        Show All\n      </ads-button>\n    </div>\n  </div>\n</mat-menu>\n", styles: [":host::ng-deep{--ag-wrapper-border-radius: 10px}:host::ng-deep ag-grid-angular{--ag-grid-size: 4px;--ag-border-radius: 5px;--ag-font-family: \"Roboto\";--ag-font-size: 16px;--ag-header-foreground-color: var(--color-medium);--ag-header-background-color: var(--color-light-30);--ag-background-color: var(--color-white);--ag-header-height: 45px;--ag-row-height: 45px;--ag-border-color: var(--color-light);--ag-foreground-color: var(--color-medium);--ag-spacing: 4px}: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-light-30)}:host::ng-deep ag-grid-angular .ag-sort-indicator-container{min-width:fit-content}:host::ng-deep ag-grid-angular .ag-sort-indicator-icon>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-header-cell-filter-button>svg{fill:var(--color-medium);stroke:var(--color-medium)}:host::ng-deep ag-grid-angular .ag-theme-quartz{--ag-background-color: var(--color-light-30);--ag-foreground-color: var(--color-black);--ag-input-border-color: var(--color-light);--ag-input-focus-border-color: var(--color-medium);--ag-input-focus-box-shadow: none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input::placeholder{color:var(--color-medium);opacity:1}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper:before{background-image:none;content:none}:host::ng-deep ag-grid-angular .ag-theme-quartz .ag-input-wrapper input{padding-left:8px!important}:host::ng-deep .ads-table-container{display:flex;flex-direction:column;width:100%;height:100%}:host::ng-deep .ads-table-container.with-header::ng-deep ag-grid-angular .ag-root-wrapper{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host::ng-deep .ads-table-container .table-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--color-white);border:1px solid var(--color-light);border-top-left-radius:var(--ag-wrapper-border-radius);border-top-right-radius:var(--ag-wrapper-border-radius)}:host::ng-deep .ads-table-container .table-header .header-actions{display:flex;gap:8px;flex-wrap:wrap}:host::ng-deep .ads-table-container .table-header .header-actions ads-table-button{display:flex}::ng-deep .column-visibility-menu{width:234px;max-width:498px;border-radius:5px;box-shadow:0 4px 12px #00000026;border:1px solid var(--color-light)}::ng-deep .column-visibility-menu .mat-mdc-menu-content{padding:0}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content{background-color:var(--color-white)}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-label{padding:12px 12px 0;color:var(--color-medium);font-size:12px;font-weight:600;line-height:16px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body{overflow-y:auto}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row{display:flex;justify-content:space-between;align-items:center;padding:0 12px;height:45px;gap:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-name{font-size:16px;font-weight:400;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;flex:1}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle{display:flex;justify-content:flex-end}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-body .column-row .column-toggle ::ng-deep ads-slide-toggle .ads-toggle{height:45px!important}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer{display:flex;justify-content:space-between;gap:12px;padding:12px}::ng-deep .column-visibility-menu .mat-mdc-menu-content .menu-content .dropdown-footer ::ng-deep ads-button{flex:1}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.AdsIconRegistry }, { type: i0.ChangeDetectorRef }], propDecorators: { width: [{
                 type: Input
             }], height: [{
@@ -8743,88 +8743,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                 }]
         }] });
 
-class AdsVerticalNavigationStepperComponent {
-    constructor() {
+class AdsVerticalSideNavigationStepperComponent {
+    constructor(registry) {
+        this.registry = registry;
         /** List of steps to display in the stepper */
         this.steps = [];
-        /** Index of the currently active step */
-        this.activeStepIndex = 0;
         /** Whether to enable smooth scrolling when navigating to steps */
         this.smoothScroll = true;
         /** Scroll offset in pixels when navigating to target elements */
         this.scrollOffset = 100;
-        /** Whether clicking on steps is enabled */
-        this.clickable = true;
         /** Event emitted when a step is clicked */
         this.stepClick = new EventEmitter();
-    }
-    /** @ignore */
-    ngOnInit() {
-        this.updateActiveStep();
-        this.setupScrollListener();
-    }
-    /** @ignore */
-    ngOnChanges(changes) {
-        if (changes['activeStepIndex'] || changes['steps']) {
-            this.updateActiveStep();
-        }
-    }
-    /** @ignore */
-    ngOnDestroy() {
-        if (this.scrollListener) {
-            window.removeEventListener('scroll', this.scrollListener);
-        }
-    }
-    /** @ignore */
-    updateActiveStep() {
-        if (!this.steps || this.steps.length === 0) {
-            return;
-        }
-        // Ensure activeStepIndex is within bounds
-        if (this.activeStepIndex < 0 || this.activeStepIndex >= this.steps.length) {
-            this.activeStepIndex = 0;
-        }
-        this.steps.forEach((step, index) => {
-            step.active = index === this.activeStepIndex;
-        });
-    }
-    /** @ignore */
-    setupScrollListener() {
-        this.scrollListener = () => {
-            this.updateActiveStepBasedOnScroll();
-        };
-        window.addEventListener('scroll', this.scrollListener, { passive: true });
-    }
-    /** @ignore */
-    updateActiveStepBasedOnScroll() {
-        const scrollPosition = window.pageYOffset + this.scrollOffset;
-        for (let i = this.steps.length - 1; i >= 0; i--) {
-            const step = this.steps[i];
-            if (step.targetSelector) {
-                const element = document.querySelector(step.targetSelector);
-                if (element) {
-                    const elementTop = element.getBoundingClientRect().top + window.pageYOffset;
-                    if (scrollPosition >= elementTop) {
-                        if (this.activeStepIndex !== i) {
-                            this.setActiveStep(i);
-                        }
-                        break;
-                    }
-                }
-            }
-        }
+        /** Event emitted when a substep is clicked */
+        this.subStepClick = new EventEmitter();
+        this.registry.register(adsIconCheckCircleFilled);
     }
     /** @ignore */
     onStepClick(step, index) {
-        if (!this.clickable || step.disabled) {
-            return;
-        }
         this.stepClick.emit({ step, index });
-        this.setActiveStep(index);
         if (step.targetSelector) {
             this.scrollToElement(step.targetSelector);
         }
     }
+    onSubStepClick(step, subStep, index, subIndex) {
+        this.subStepClick.emit({
+            parentStep: step,
+            subStep: subStep,
+            parentIndex: index,
+            subIndex: subIndex
+        });
+        if (subStep.targetSelector) {
+            this.scrollToElement(subStep.targetSelector);
+        }
+    }
     /** @ignore */
     scrollToElement(selector) {
         const element = document.querySelector(selector);
@@ -8841,77 +8792,35 @@ class AdsVerticalNavigationStepperComponent {
             }
         }
     }
-    /** @ignore */
-    setActiveStep(index) {
-        if (index >= 0 && index < this.steps.length && index !== this.activeStepIndex) {
-            this.activeStepIndex = index;
-            this.updateActiveStep();
-        }
-    }
-    /**
-     * Programmatically set the active step
-     * @param index - The index of the step to activate
-     */
-    setActiveStepByIndex(index) {
-        this.setActiveStep(index);
-    }
-    /**
-     * Programmatically set the active step by step ID
-     * @param id - The ID of the step to activate
-     */
-    setActiveStepById(id) {
-        const index = this.steps.findIndex(step => step.id === id);
-        if (index !== -1) {
-            this.setActiveStep(index);
-        }
-    }
-    /**
-     * Navigate to the next step
-     */
-    nextStep() {
-        if (this.activeStepIndex < this.steps.length - 1) {
-            this.setActiveStep(this.activeStepIndex + 1);
-        }
-    }
-    /**
-     * Navigate to the previous step
-     */
-    previousStep() {
-        if (this.activeStepIndex > 0) {
-            this.setActiveStep(this.activeStepIndex - 1);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsVerticalNavigationStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: AdsVerticalNavigationStepperComponent, isStandalone: false, selector: "ads-vertical-navigation-stepper", inputs: { steps: "steps", activeStepIndex: "activeStepIndex", smoothScroll: "smoothScroll", scrollOffset: "scrollOffset", clickable: "clickable" }, outputs: { stepClick: "stepClick" }, usesOnChanges: true, ngImport: i0, template: "<nav class=\"ads-vertical-navigation-stepper\" role=\"navigation\" aria-label=\"Step navigation\">\n  <ol class=\"stepper-list\">\n    @for (step of steps; track step.id; let i = $index) {\n      <li\n        class=\"stepper-item\"\n        [class.active]=\"step.active || i === activeStepIndex\"\n        [class.disabled]=\"step.disabled\"\n        [class.clickable]=\"clickable && !step.disabled\"\n      >\n        <button\n          type=\"button\"\n          class=\"stepper-button\"\n          [disabled]=\"!clickable || step.disabled\"\n          (click)=\"onStepClick(step, i)\"\n          [attr.aria-current]=\"(step.active || i === activeStepIndex) ? 'step' : null\"\n          [attr.aria-label]=\"'Step ' + (i + 1) + ': ' + step.label\"\n        >\n          <div class=\"stepper-content\">\n            <div class=\"step-label\">{{ step.label }}</div>\n          </div>\n        </button>\n      </li>\n    }\n  </ol>\n</nav>\n\n", styles: [".ads-vertical-navigation-stepper{width:100%}.ads-vertical-navigation-stepper .stepper-list{list-style:none;margin:0;padding:0;position:relative}.ads-vertical-navigation-stepper .stepper-item{position:relative;display:block}.ads-vertical-navigation-stepper .stepper-item:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--color-light);transition:all .2s ease}.ads-vertical-navigation-stepper .stepper-item.active:before{width:4px;background-color:var(--color-secondary)}.ads-vertical-navigation-stepper .stepper-item.disabled:before{background-color:var(--color-muted)}.ads-vertical-navigation-stepper .stepper-item .stepper-button{width:100%;border:none;background:transparent;padding:8px 0 0 16px;text-align:left;outline:none;transition:background-color .2s ease}.ads-vertical-navigation-stepper .stepper-item .stepper-button .stepper-content{cursor:pointer}.ads-vertical-navigation-stepper .stepper-item .stepper-button:disabled .stepper-content{cursor:default}.ads-vertical-navigation-stepper .stepper-item .stepper-content{display:flex;align-items:center;min-height:21px}.ads-vertical-navigation-stepper .stepper-item .step-label{flex:1;font-size:16px;font-weight:400;color:var(--color-link);line-height:21px;transition:color .2s ease}.ads-vertical-navigation-stepper .stepper-item.active .step-label{font-weight:600}.ads-vertical-navigation-stepper .stepper-item.disabled .step-label{color:var(--color-muted);cursor:default}.ads-vertical-navigation-stepper .stepper-item.clickable:not(.disabled) .stepper-button{cursor:pointer}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsVerticalSideNavigationStepperComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: AdsVerticalSideNavigationStepperComponent, isStandalone: false, selector: "ads-vertical-side-navigation-stepper", inputs: { steps: "steps", smoothScroll: "smoothScroll", scrollOffset: "scrollOffset" }, outputs: { stepClick: "stepClick", subStepClick: "subStepClick" }, ngImport: i0, template: "<nav class=\"ads-vertical-side-navigation-stepper\" role=\"navigation\" aria-label=\"Step navigation\">\n  <ol class=\"stepper-list\">\n    @for (step of steps; track step.id; let i = $index; let last = $last) {\n      @if (i === 0) {\n        <div>\n          <li class=\"stepper-item stepper-item--first\" [class.stepper-item--uncompleted]=\"!step.completed\">\n            <div class=\"step-indicator\" [class.step-indicator--empty]=\"!step.completed\">\n              @if (step.completed) {\n                <ads-icon size=\"xxs\" name=\"check_circle_filled\" theme=\"success\" stroke=\"success\" />\n              }\n            </div>\n            <button\n              type=\"button\"\n              class=\"step-button step-button--primary\"\n              (click)=\"onStepClick(step, i)\"\n              [attr.aria-label]=\"'Step ' + (i + 1) + ': ' + step.label\"\n            >\n              <div class=\"step-content\">\n                <div class=\"step-title\">{{ step.label }}</div>\n              </div>\n            </button>\n          </li>\n        </div>\n      } @else {\n        <li class=\"stepper-item\">\n          <div class=\"stepper-indicator-column\">\n            <div class=\"step-indicator\">\n              @if (step.completed) {\n                <ads-icon name=\"check_circle_filled\" theme=\"success\" stroke=\"success\" />\n              } @else {\n                <div class=\"step-indicator__circle\"></div>\n              }\n            </div>\n            @if (!last) {\n              <div class=\"stepper-connector\"></div>\n            }\n          </div>\n          <div class=\"stepper-content-wrapper\">\n            <button\n              type=\"button\"\n              class=\"step-button step-button--main\"\n              (click)=\"onStepClick(step, i)\"\n              [attr.aria-label]=\"'Step ' + (i + 1) + ': ' + step.label\"\n            >\n              <div\n                class=\"step-content\"\n                [class.step-content--intermediate]=\"i > 1 && !last\"\n              >\n                <div class=\"step-title\">{{ step.label }}</div>\n              </div>\n            </button>\n            @if(step.subSteps?.length) {\n              @for (subStep of step.subSteps; track subStep.id; let j = $index; let subLast = $last) {\n                <div class=\"sub-step\">\n                  <button\n                    type=\"button\"\n                    class=\"step-button step-button--sub\"\n                    [class.step-button--last-sub]=\"subLast\"\n                    (click)=\"onSubStepClick(step, subStep, i, j)\"\n                    [attr.aria-label]=\"'Sub-step ' + (j + 1) + ': ' + subStep.label\"\n                  >\n                    <div class=\"step-content step-content--sub\">\n                      <div class=\"step-title\">{{ subStep.label }}</div>\n                    </div>\n                  </button>\n                </div>\n              }\n            }\n          </div>\n        </li>\n      }\n    }\n  </ol>\n</nav>\n\n", styles: [".ads-vertical-side-navigation-stepper{width:100%}.ads-vertical-side-navigation-stepper .step-indicator__circle{all:initial;width:16px!important;height:16px!important;border-radius:50%!important;border:2px solid var(--color-light)!important;background:var(--color-white)!important;display:block!important;box-sizing:border-box!important}.ads-vertical-side-navigation-stepper .stepper-list{list-style:none;margin:0;padding:0;position:relative}.ads-vertical-side-navigation-stepper .stepper-item{position:relative;display:flex;gap:8px;align-items:stretch;min-height:48px}.ads-vertical-side-navigation-stepper .stepper-item--first{min-height:21px;padding-bottom:32px;align-items:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ads-vertical-side-navigation-stepper .stepper-item--first.stepper-item--uncompleted{transform:translate(-24px)}.ads-vertical-side-navigation-stepper .stepper-item--first.stepper-item--uncompleted .step-indicator{opacity:0;transform:scale(.8)}.ads-vertical-side-navigation-stepper .stepper-item--first .step-indicator{flex-shrink:0;width:16px;transition:opacity .25s ease-in-out,transform .25s ease-in-out;transform-origin:center}.ads-vertical-side-navigation-stepper .stepper-item--first .step-indicator--empty{opacity:0}.ads-vertical-side-navigation-stepper .stepper-item--first .step-indicator ::ng-deep ads-icon{width:16px!important;height:16px!important;display:block!important}.ads-vertical-side-navigation-stepper .stepper-item--first .step-indicator ::ng-deep ads-icon svg{width:16px!important;height:16px!important}.ads-vertical-side-navigation-stepper .stepper-item--first .step-button{transition:transform .3s cubic-bezier(.4,0,.2,1)}.ads-vertical-side-navigation-stepper .stepper-item ::ng-deep ads-icon{width:16px!important;height:16px!important}.ads-vertical-side-navigation-stepper .stepper-item ::ng-deep ads-icon svg{width:16px!important;height:16px!important}.ads-vertical-side-navigation-stepper .stepper-indicator-column{display:flex;flex-direction:column;align-items:center;width:16px}.ads-vertical-side-navigation-stepper .step-indicator{--indicator-size: 16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--indicator-size);height:var(--indicator-size)}.ads-vertical-side-navigation-stepper .stepper-connector{flex:1;width:2px;background-color:var(--color-light);min-height:24px}.ads-vertical-side-navigation-stepper .stepper-content-wrapper{display:flex;flex-direction:column;gap:8px;flex:1}.ads-vertical-side-navigation-stepper .sub-step{display:flex;flex-direction:column}.ads-vertical-side-navigation-stepper .step-button{width:100%;border:none;background:transparent;text-align:left;padding:0;outline:none;transition:background-color .2s ease}.ads-vertical-side-navigation-stepper .step-button--main{margin-top:-2px}.ads-vertical-side-navigation-stepper .step-button--last-sub{margin-bottom:24px}.ads-vertical-side-navigation-stepper .step-content{cursor:pointer;display:flex;align-items:center;min-height:21px}.ads-vertical-side-navigation-stepper .step-content--intermediate .step-title,.ads-vertical-side-navigation-stepper .step-content--sub .step-title{font-size:14px;font-weight:400;line-height:18px}.ads-vertical-side-navigation-stepper .step-title{flex:1;font-size:16px;font-weight:600;color:var(--color-link);line-height:21px;transition:color .2s ease}.ads-vertical-side-navigation-stepper .step-title:hover{color:var(--color-link-hover)}.ads-vertical-side-navigation-stepper .step-title:active{color:var(--color-link-pressed)}\n"], dependencies: [{ kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsVerticalNavigationStepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsVerticalSideNavigationStepperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ads-vertical-navigation-stepper', standalone: false, template: "<nav class=\"ads-vertical-navigation-stepper\" role=\"navigation\" aria-label=\"Step navigation\">\n  <ol class=\"stepper-list\">\n    @for (step of steps; track step.id; let i = $index) {\n      <li\n        class=\"stepper-item\"\n        [class.active]=\"step.active || i === activeStepIndex\"\n        [class.disabled]=\"step.disabled\"\n        [class.clickable]=\"clickable && !step.disabled\"\n      >\n        <button\n          type=\"button\"\n          class=\"stepper-button\"\n          [disabled]=\"!clickable || step.disabled\"\n          (click)=\"onStepClick(step, i)\"\n          [attr.aria-current]=\"(step.active || i === activeStepIndex) ? 'step' : null\"\n          [attr.aria-label]=\"'Step ' + (i + 1) + ': ' + step.label\"\n        >\n          <div class=\"stepper-content\">\n            <div class=\"step-label\">{{ step.label }}</div>\n          </div>\n        </button>\n      </li>\n    }\n  </ol>\n</nav>\n\n", styles: [".ads-vertical-navigation-stepper{width:100%}.ads-vertical-navigation-stepper .stepper-list{list-style:none;margin:0;padding:0;position:relative}.ads-vertical-navigation-stepper .stepper-item{position:relative;display:block}.ads-vertical-navigation-stepper .stepper-item:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--color-light);transition:all .2s ease}.ads-vertical-navigation-stepper .stepper-item.active:before{width:4px;background-color:var(--color-secondary)}.ads-vertical-navigation-stepper .stepper-item.disabled:before{background-color:var(--color-muted)}.ads-vertical-navigation-stepper .stepper-item .stepper-button{width:100%;border:none;background:transparent;padding:8px 0 0 16px;text-align:left;outline:none;transition:background-color .2s ease}.ads-vertical-navigation-stepper .stepper-item .stepper-button .stepper-content{cursor:pointer}.ads-vertical-navigation-stepper .stepper-item .stepper-button:disabled .stepper-content{cursor:default}.ads-vertical-navigation-stepper .stepper-item .stepper-content{display:flex;align-items:center;min-height:21px}.ads-vertical-navigation-stepper .stepper-item .step-label{flex:1;font-size:16px;font-weight:400;color:var(--color-link);line-height:21px;transition:color .2s ease}.ads-vertical-navigation-stepper .stepper-item.active .step-label{font-weight:600}.ads-vertical-navigation-stepper .stepper-item.disabled .step-label{color:var(--color-muted);cursor:default}.ads-vertical-navigation-stepper .stepper-item.clickable:not(.disabled) .stepper-button{cursor:pointer}\n"] }]
-        }], propDecorators: { steps: [{
-                type: Input
-            }], activeStepIndex: [{
+            args: [{ selector: 'ads-vertical-side-navigation-stepper', standalone: false, template: "<nav class=\"ads-vertical-side-navigation-stepper\" role=\"navigation\" aria-label=\"Step navigation\">\n  <ol class=\"stepper-list\">\n    @for (step of steps; track step.id; let i = $index; let last = $last) {\n      @if (i === 0) {\n        <div>\n          <li class=\"stepper-item stepper-item--first\" [class.stepper-item--uncompleted]=\"!step.completed\">\n            <div class=\"step-indicator\" [class.step-indicator--empty]=\"!step.completed\">\n              @if (step.completed) {\n                <ads-icon size=\"xxs\" name=\"check_circle_filled\" theme=\"success\" stroke=\"success\" />\n              }\n            </div>\n            <button\n              type=\"button\"\n              class=\"step-button step-button--primary\"\n              (click)=\"onStepClick(step, i)\"\n              [attr.aria-label]=\"'Step ' + (i + 1) + ': ' + step.label\"\n            >\n              <div class=\"step-content\">\n                <div class=\"step-title\">{{ step.label }}</div>\n              </div>\n            </button>\n          </li>\n        </div>\n      } @else {\n        <li class=\"stepper-item\">\n          <div class=\"stepper-indicator-column\">\n            <div class=\"step-indicator\">\n              @if (step.completed) {\n                <ads-icon name=\"check_circle_filled\" theme=\"success\" stroke=\"success\" />\n              } @else {\n                <div class=\"step-indicator__circle\"></div>\n              }\n            </div>\n            @if (!last) {\n              <div class=\"stepper-connector\"></div>\n            }\n          </div>\n          <div class=\"stepper-content-wrapper\">\n            <button\n              type=\"button\"\n              class=\"step-button step-button--main\"\n              (click)=\"onStepClick(step, i)\"\n              [attr.aria-label]=\"'Step ' + (i + 1) + ': ' + step.label\"\n            >\n              <div\n                class=\"step-content\"\n                [class.step-content--intermediate]=\"i > 1 && !last\"\n              >\n                <div class=\"step-title\">{{ step.label }}</div>\n              </div>\n            </button>\n            @if(step.subSteps?.length) {\n              @for (subStep of step.subSteps; track subStep.id; let j = $index; let subLast = $last) {\n                <div class=\"sub-step\">\n                  <button\n                    type=\"button\"\n                    class=\"step-button step-button--sub\"\n                    [class.step-button--last-sub]=\"subLast\"\n                    (click)=\"onSubStepClick(step, subStep, i, j)\"\n                    [attr.aria-label]=\"'Sub-step ' + (j + 1) + ': ' + subStep.label\"\n                  >\n                    <div class=\"step-content step-content--sub\">\n                      <div class=\"step-title\">{{ subStep.label }}</div>\n                    </div>\n                  </button>\n                </div>\n              }\n            }\n          </div>\n        </li>\n      }\n    }\n  </ol>\n</nav>\n\n", styles: [".ads-vertical-side-navigation-stepper{width:100%}.ads-vertical-side-navigation-stepper .step-indicator__circle{all:initial;width:16px!important;height:16px!important;border-radius:50%!important;border:2px solid var(--color-light)!important;background:var(--color-white)!important;display:block!important;box-sizing:border-box!important}.ads-vertical-side-navigation-stepper .stepper-list{list-style:none;margin:0;padding:0;position:relative}.ads-vertical-side-navigation-stepper .stepper-item{position:relative;display:flex;gap:8px;align-items:stretch;min-height:48px}.ads-vertical-side-navigation-stepper .stepper-item--first{min-height:21px;padding-bottom:32px;align-items:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ads-vertical-side-navigation-stepper .stepper-item--first.stepper-item--uncompleted{transform:translate(-24px)}.ads-vertical-side-navigation-stepper .stepper-item--first.stepper-item--uncompleted .step-indicator{opacity:0;transform:scale(.8)}.ads-vertical-side-navigation-stepper .stepper-item--first .step-indicator{flex-shrink:0;width:16px;transition:opacity .25s ease-in-out,transform .25s ease-in-out;transform-origin:center}.ads-vertical-side-navigation-stepper .stepper-item--first .step-indicator--empty{opacity:0}.ads-vertical-side-navigation-stepper .stepper-item--first .step-indicator ::ng-deep ads-icon{width:16px!important;height:16px!important;display:block!important}.ads-vertical-side-navigation-stepper .stepper-item--first .step-indicator ::ng-deep ads-icon svg{width:16px!important;height:16px!important}.ads-vertical-side-navigation-stepper .stepper-item--first .step-button{transition:transform .3s cubic-bezier(.4,0,.2,1)}.ads-vertical-side-navigation-stepper .stepper-item ::ng-deep ads-icon{width:16px!important;height:16px!important}.ads-vertical-side-navigation-stepper .stepper-item ::ng-deep ads-icon svg{width:16px!important;height:16px!important}.ads-vertical-side-navigation-stepper .stepper-indicator-column{display:flex;flex-direction:column;align-items:center;width:16px}.ads-vertical-side-navigation-stepper .step-indicator{--indicator-size: 16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--indicator-size);height:var(--indicator-size)}.ads-vertical-side-navigation-stepper .stepper-connector{flex:1;width:2px;background-color:var(--color-light);min-height:24px}.ads-vertical-side-navigation-stepper .stepper-content-wrapper{display:flex;flex-direction:column;gap:8px;flex:1}.ads-vertical-side-navigation-stepper .sub-step{display:flex;flex-direction:column}.ads-vertical-side-navigation-stepper .step-button{width:100%;border:none;background:transparent;text-align:left;padding:0;outline:none;transition:background-color .2s ease}.ads-vertical-side-navigation-stepper .step-button--main{margin-top:-2px}.ads-vertical-side-navigation-stepper .step-button--last-sub{margin-bottom:24px}.ads-vertical-side-navigation-stepper .step-content{cursor:pointer;display:flex;align-items:center;min-height:21px}.ads-vertical-side-navigation-stepper .step-content--intermediate .step-title,.ads-vertical-side-navigation-stepper .step-content--sub .step-title{font-size:14px;font-weight:400;line-height:18px}.ads-vertical-side-navigation-stepper .step-title{flex:1;font-size:16px;font-weight:600;color:var(--color-link);line-height:21px;transition:color .2s ease}.ads-vertical-side-navigation-stepper .step-title:hover{color:var(--color-link-hover)}.ads-vertical-side-navigation-stepper .step-title:active{color:var(--color-link-pressed)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AdsIconRegistry }], propDecorators: { steps: [{
                 type: Input
             }], smoothScroll: [{
                 type: Input
             }], scrollOffset: [{
                 type: Input
-            }], clickable: [{
-                type: Input
             }], stepClick: [{
                 type: Output
+            }], subStepClick: [{
+                type: Output
             }] } });
 
 class AdsVerticalNavigationStepperModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsVerticalNavigationStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsVerticalNavigationStepperModule, declarations: [AdsVerticalNavigationStepperComponent], imports: [CommonModule], exports: [AdsVerticalNavigationStepperComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsVerticalNavigationStepperModule, imports: [CommonModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.2", ngImport: i0, type: AdsVerticalNavigationStepperModule, declarations: [AdsVerticalSideNavigationStepperComponent], imports: [CommonModule, AdsIconModule], exports: [AdsVerticalSideNavigationStepperComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsVerticalNavigationStepperModule, imports: [CommonModule, AdsIconModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: AdsVerticalNavigationStepperModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [AdsVerticalNavigationStepperComponent],
-                    imports: [CommonModule],
-                    exports: [AdsVerticalNavigationStepperComponent],
+                    declarations: [AdsVerticalSideNavigationStepperComponent],
+                    imports: [CommonModule, AdsIconModule],
+                    exports: [AdsVerticalSideNavigationStepperComponent],
                 }]
         }] });
 
@@ -8919,5 +8828,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsCreateTagComponent, AdsCreateTagModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsGenericLogoComponent, AdsGenericLogoModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHorizontalNavBarComponent, AdsHorizontalNavBarModule, AdsIconButtonComponent, AdsIconButtonModule, AdsIconHoverComponent, AdsIconHoverModule, AdsInputComponent, AdsInputDropdownComponent, AdsInputDropdownModule, AdsInputModule, AdsInternationalPhoneFieldComponent, AdsInternationalPhoneFieldModule, AdsLinkButtonComponent, AdsLinkButtonModule, AdsMainMenuComponent, AdsMainMenuModule, AdsModalComponent, AdsModalModule, AdsMultiSelectDropdownComponent, AdsMultiSelectDropdownModule, AdsNavMenuComponent, AdsNavMenuModule, AdsNavigationCollapseHandleComponent, AdsNavigationCollapseHandleModule, AdsNavigationComponent, AdsNavigationHeaderComponent, AdsNavigationHeaderModule, AdsNavigationItemComponent, AdsNavigationItemModule, AdsNavigationItemsContainerComponent, AdsNavigationItemsContainerModule, AdsNavigationModule, AdsNumericBadgeComponent, AdsNumericBadgeModule, AdsNumericStepperComponent, AdsNumericStepperModule, AdsOrgDisplayTextComponent, AdsOrgDisplayTextModule, AdsPeakEssentialsLogoComponent, AdsPeakEssentialsLogoModule, AdsPeakMarketplaceLogoComponent, AdsPeakMarketplaceLogoModule, AdsPeakOrderManagementLogoComponent, AdsPeakOrderManagementLogoModule, AdsPhoneFieldComponent, AdsPhoneFieldModule, AdsPrimaryLogoComponent, AdsPrimaryLogoModule, AdsProgressBarComponent, AdsProgressBarModule, AdsProgressIndicatorSpinnerComponent, AdsProgressIndicatorSpinnerModule, AdsProgressSpinnerComponent, AdsProgressSpinnerModule, AdsProgressStepperComponent, AdsProgressStepperModule, AdsRadioButtonComponent, AdsRadioButtonModule, AdsScmsLogoComponent, AdsScmsLogoModule, AdsScmsSideNavBarComponent, AdsScmsSideNavBarModule, AdsSearchDropdownComponent, AdsSearchDropdownModule, AdsSearchInputComponent, AdsSearchInputModule, AdsShellLayoutModule, AdsSideNavBarComponent, AdsSideNavBarModule, AdsSlideToggle, AdsSlideToggleComponent, AdsSliderComponent, AdsSliderModule, AdsSnackbarComponent, AdsSnackbarModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsTableComponent, AdsTableModule, AdsTabsComponent, AdsTabsModule, AdsTagComponent, AdsTagContainerComponent, AdsTagContainerModule, AdsTagModule, AdsTextareaComponent, AdsTextareaModule, AdsTimeFieldComponent, AdsTimeFieldModule, AdsTimepickerComponent, AdsTimepickerModule, AdsVerticalNavigationStepperComponent, AdsVerticalNavigationStepperModule, AdsWizardStepperComponent, AdsWizardStepperModule, AscentCardComponent, AscentCardModule, BadgeColor, Colors, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus };
+export { AdsAscentLogoComponent, AdsAscentLogoModule, AdsAvatarComponent, AdsAvatarModule, AdsBreadcrumbComponent, AdsBreadcrumbModule, AdsBubbleComponent, AdsBubbleModule, AdsButtonComponent, AdsButtonContainerComponent, AdsButtonContainerModule, AdsButtonModule, AdsCardComponent, AdsCardModule, AdsCheckboxComponent, AdsCheckboxModule, AdsChipComponent, AdsChipModule, AdsCreateTagComponent, AdsCreateTagModule, AdsDatepickerComponent, AdsDatepickerModule, AdsDatetimepickerComponent, AdsDatetimepickerModule, AdsDividerModule, AdsDragAndDropListComponent, AdsDragAndDropListModule, AdsDropdownComponent, AdsDropdownModule, AdsErrorPageCodeComponent, AdsErrorPageCodeModule, AdsErrorPageComponent, AdsErrorPageModule, AdsExpansionPanelComponent, AdsExpansionPanelModule, AdsFooterComponent, AdsFooterContainerComponent, AdsFooterContainerModule, AdsFooterModule, AdsGenericLogoComponent, AdsGenericLogoModule, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHeaderContainerModule, AdsHeaderModule, AdsHorizontalNavBarComponent, AdsHorizontalNavBarModule, AdsIconButtonComponent, AdsIconButtonModule, AdsIconHoverComponent, AdsIconHoverModule, AdsInputComponent, AdsInputDropdownComponent, AdsInputDropdownModule, AdsInputModule, AdsInternationalPhoneFieldComponent, AdsInternationalPhoneFieldModule, AdsLinkButtonComponent, AdsLinkButtonModule, AdsMainMenuComponent, AdsMainMenuModule, AdsModalComponent, AdsModalModule, AdsMultiSelectDropdownComponent, AdsMultiSelectDropdownModule, AdsNavMenuComponent, AdsNavMenuModule, AdsNavigationCollapseHandleComponent, AdsNavigationCollapseHandleModule, AdsNavigationComponent, AdsNavigationHeaderComponent, AdsNavigationHeaderModule, AdsNavigationItemComponent, AdsNavigationItemModule, AdsNavigationItemsContainerComponent, AdsNavigationItemsContainerModule, AdsNavigationModule, AdsNumericBadgeComponent, AdsNumericBadgeModule, AdsNumericStepperComponent, AdsNumericStepperModule, AdsOrgDisplayTextComponent, AdsOrgDisplayTextModule, AdsPeakEssentialsLogoComponent, AdsPeakEssentialsLogoModule, AdsPeakMarketplaceLogoComponent, AdsPeakMarketplaceLogoModule, AdsPeakOrderManagementLogoComponent, AdsPeakOrderManagementLogoModule, AdsPhoneFieldComponent, AdsPhoneFieldModule, AdsPrimaryLogoComponent, AdsPrimaryLogoModule, AdsProgressBarComponent, AdsProgressBarModule, AdsProgressIndicatorSpinnerComponent, AdsProgressIndicatorSpinnerModule, AdsProgressSpinnerComponent, AdsProgressSpinnerModule, AdsProgressStepperComponent, AdsProgressStepperModule, AdsRadioButtonComponent, AdsRadioButtonModule, AdsScmsLogoComponent, AdsScmsLogoModule, AdsScmsSideNavBarComponent, AdsScmsSideNavBarModule, AdsSearchDropdownComponent, AdsSearchDropdownModule, AdsSearchInputComponent, AdsSearchInputModule, AdsShellLayoutModule, AdsSideNavBarComponent, AdsSideNavBarModule, AdsSlideToggle, AdsSlideToggleComponent, AdsSliderComponent, AdsSliderModule, AdsSnackbarComponent, AdsSnackbarModule, AdsSplashPageComponent, AdsSplashPageModule, AdsStepperComponent, AdsStepperModule, AdsTableComponent, AdsTableModule, AdsTabsComponent, AdsTabsModule, AdsTagComponent, AdsTagContainerComponent, AdsTagContainerModule, AdsTagModule, AdsTextareaComponent, AdsTextareaModule, AdsTimeFieldComponent, AdsTimeFieldModule, AdsTimepickerComponent, AdsTimepickerModule, AdsVerticalNavigationStepperModule, AdsVerticalSideNavigationStepperComponent, AdsWizardStepperComponent, AdsWizardStepperModule, AscentCardComponent, AscentCardModule, BadgeColor, Colors, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus };
 //# sourceMappingURL=ascentgl-ads-ui.mjs.map