@ascentgl/ads-ui 20.28.0 → 20.30.0

package/index.d.ts

@@ -44,9 +44,9 @@ import * as i7 from '@angular/material/expansion';
 import { MatExpansionPanel, MatAccordion } from '@angular/material/expansion';
 import * as ag_grid_community from 'ag-grid-community';
 import { GridOptions, ColDef, GridApi, SortChangedEvent, FilterChangedEvent, GridReadyEvent, FirstDataRenderedEvent } from 'ag-grid-community';
-import * as i4$6 from 'ag-grid-angular';
-import * as i4$7 from '@angular/material/menu';
-import { MatMenu } from '@angular/material/menu';
+import * as i4$6 from '@angular/material/menu';
+import { MatMenuTrigger, MatMenuPanel, MatMenu } from '@angular/material/menu';
+import * as i4$7 from 'ag-grid-angular';
 import * as i4$8 from 'angular-split';
 import { SplitComponent, SplitGutterInteractionEvent } from 'angular-split';
 import * as i12 from '@angular/material/toolbar';
@@ -135,7 +135,7 @@ declare class AdsNumericBadgeComponent extends AdsIconHoverComponent {
     /** provide icon name. NOTE: the icon must be registered in icon registry **/
     name: i0.InputSignal<adsIcon>;
     /** choose ads icon theme **/
-    theme: i0.InputSignal<"primary" | "iconPrimary" | "success" | "warn" | "white">;
+    theme: i0.InputSignal<"iconPrimary" | "primary" | "success" | "warn" | "white">;
     /** set badge value as number **/
     value: i0.InputSignal<number>;
     /** @ignore **/
@@ -862,6 +862,18 @@ declare class AdsScmsLogoModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsScmsLogoModule>;
 }
 
+declare class AdsGenericLogoComponent extends AbstractApplicationLogoComponent {
+    label: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsGenericLogoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsGenericLogoComponent, "ads-generic-logo", never, {}, {}, never, never, false, never>;
+}
+
+declare class AdsGenericLogoModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsGenericLogoModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsGenericLogoModule, [typeof AdsGenericLogoComponent], [typeof i2.CommonModule], [typeof AdsGenericLogoComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsGenericLogoModule>;
+}
+
 declare class AdsPeakMarketplaceLogoComponent extends AbstractApplicationLogoComponent {
     label: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsPeakMarketplaceLogoComponent, never>;
@@ -2359,6 +2371,8 @@ declare class AdsTableComponent implements AfterViewInit, OnDestroy {
     width: string;
     /**  The grid's height */
     height: string;
+    /** Custom header template for the table header actions */
+    headerTemplate?: TemplateRef<any>;
     /**  The grid options for ag-Grid */
     gridOptions?: GridOptions;
     /**  The data to be displayed in the grid */
@@ -2375,20 +2389,15 @@ declare class AdsTableComponent implements AfterViewInit, OnDestroy {
     columnDefsByBreakpoint: Record<TableBreakpoint, ColDef[]>;
     /**  Show/hide the header with column visibility button */
     showHeaderActions: boolean;
+    /** Event emitted when all filters are cleared */
+    filtersCleared: EventEmitter<void>;
     /** @ignore */
-    hideColumnButton: ElementRef;
+    menuTrigger: MatMenuTrigger;
     /** @ignore */
     tableColumnDefs: i0.WritableSignal<ColDef<any, any>[]>;
     /** @ignore */
     columnVisibilityList: i0.WritableSignal<ColumnVisibilityControl[]>;
     /** @ignore */
-    isDropdownOpen: boolean;
-    /** @ignore */
-    dropdownPosition: {
-        top: string;
-        left: string;
-    };
-    /** @ignore */
     private destroy$;
     /** @ignore */
     private cachedDefaultColDef;
@@ -2419,13 +2428,7 @@ declare class AdsTableComponent implements AfterViewInit, OnDestroy {
     /** @ignore */
     private getActiveColumnDefs;
     /** @ignore */
-    openColumnVisibilityDropdown(): void;
-    /** @ignore */
-    private onDocumentClick;
-    /** @ignore */
-    closeDropdown(): void;
-    /** @ignore */
-    onDropdownClick(event: Event): void;
+    openColumnVisibilityMenu(): void;
     /** @ignore */
     hideAllColumns(): void;
     /** @ignore */
@@ -2486,7 +2489,7 @@ declare class AdsTableComponent implements AfterViewInit, OnDestroy {
     ngOnDestroy(): void;
     protected readonly themeQuartz: ag_grid_community.Theme<ag_grid_community.ThemeDefaultParams>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsTableComponent, "ads-table", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "gridOptions": { "alias": "gridOptions"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "columnDefs": { "alias": "columnDefs"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "defaultColDef": { "alias": "defaultColDef"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "columnDefsByBreakpoint": { "alias": "columnDefsByBreakpoint"; "required": false; }; "showHeaderActions": { "alias": "showHeaderActions"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsTableComponent, "ads-table", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "gridOptions": { "alias": "gridOptions"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "columnDefs": { "alias": "columnDefs"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "defaultColDef": { "alias": "defaultColDef"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "columnDefsByBreakpoint": { "alias": "columnDefsByBreakpoint"; "required": false; }; "showHeaderActions": { "alias": "showHeaderActions"; "required": false; }; }, { "filtersCleared": "filtersCleared"; }, never, never, false, never>;
 }
 
 declare class AdsTableButtonComponent {
@@ -2496,19 +2499,23 @@ declare class AdsTableButtonComponent {
     disabled: i0.InputSignal<boolean>;
     /** Makes the button take 100% width of its container */
     fullWidth: i0.InputSignal<boolean>;
+    /** The menu to trigger when button is clicked */
+    matMenuTriggerFor: i0.InputSignal<MatMenuPanel<any> | null>;
+    /** Event emitted when the menu is opened */
+    menuOpened: i0.OutputEmitterRef<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsTableButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsTableButtonComponent, "ads-table-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsTableButtonComponent, "ads-table-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "matMenuTriggerFor": { "alias": "matMenuTriggerFor"; "required": false; "isSignal": true; }; }, { "menuOpened": "menuOpened"; }, never, ["*"], false, never>;
 }
 
 declare class AdsTableButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsTableButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsTableButtonModule, [typeof AdsTableButtonComponent], [typeof i2.CommonModule, typeof i3$1.MatButtonModule], [typeof AdsTableButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsTableButtonModule, [typeof AdsTableButtonComponent], [typeof i2.CommonModule, typeof i3$1.MatButtonModule, typeof i4$6.MatMenuModule], [typeof AdsTableButtonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsTableButtonModule>;
 }
 
 declare class AdsTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsTableModule, [typeof AdsTableComponent], [typeof i2.CommonModule, typeof i4.AdsIconModule, typeof i4$6.AgGridAngular, typeof i2$1.MatDialogModule, typeof AdsSlideToggle, typeof AdsButtonModule, typeof AdsTableButtonModule, typeof AdsDividerModule, typeof i16.MatTooltip], [typeof AdsTableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsTableModule, [typeof AdsTableComponent], [typeof i2.CommonModule, typeof i4.AdsIconModule, typeof i4$7.AgGridAngular, typeof i2$1.MatDialogModule, typeof AdsSlideToggle, typeof AdsButtonModule, typeof AdsTableButtonModule, typeof AdsDividerModule, typeof i16.MatTooltip, typeof i4$6.MatMenuModule], [typeof AdsTableComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsTableModule>;
 }
 
@@ -2544,7 +2551,7 @@ declare class AdsNavMenuComponent {
 
 declare class AdsNavMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsNavMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsNavMenuModule, [typeof AdsNavMenuComponent], [typeof i2.CommonModule, typeof i4.AdsIconModule, typeof i2.NgOptimizedImage, typeof i4$7.MatMenu, typeof i4$7.MatMenuTrigger, typeof i3$2.RouterLinkActive, typeof i4$7.MatMenuItem, typeof i3$2.RouterLink], [typeof AdsNavMenuComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsNavMenuModule, [typeof AdsNavMenuComponent], [typeof i2.CommonModule, typeof i4.AdsIconModule, typeof i2.NgOptimizedImage, typeof i4$6.MatMenu, typeof i4$6.MatMenuTrigger, typeof i3$2.RouterLinkActive, typeof i4$6.MatMenuItem, typeof i3$2.RouterLink], [typeof AdsNavMenuComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsNavMenuModule>;
 }
 
@@ -2693,7 +2700,7 @@ declare class AdsScmsSideNavBarComponent extends AbstractSideNavBarComponent {
 
 declare class AdsScmsSideNavBarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsScmsSideNavBarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsScmsSideNavBarModule, [typeof AdsScmsSideNavBarComponent], [typeof i2.CommonModule, typeof i4$8.SplitComponent, typeof i4$8.SplitAreaComponent, typeof i3$2.RouterLink, typeof i3$2.RouterLinkActive, typeof i4.AdsIconModule, typeof AdsDividerModule, typeof i7.MatAccordion, typeof i7.MatExpansionPanel, typeof i7.MatExpansionPanelDescription, typeof i7.MatExpansionPanelHeader, typeof i7.MatExpansionPanelTitle, typeof AdsAscentLogoModule, typeof i16.MatTooltip, typeof AdsBreadcrumbModule, typeof i4$7.MatMenu, typeof i12.MatToolbar, typeof i4$7.MatMenuTrigger, typeof i3$1.MatIconButton, typeof i3$2.RouterOutlet], [typeof AdsScmsSideNavBarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsScmsSideNavBarModule, [typeof AdsScmsSideNavBarComponent], [typeof i2.CommonModule, typeof i4$8.SplitComponent, typeof i4$8.SplitAreaComponent, typeof i3$2.RouterLink, typeof i3$2.RouterLinkActive, typeof i4.AdsIconModule, typeof AdsDividerModule, typeof i7.MatAccordion, typeof i7.MatExpansionPanel, typeof i7.MatExpansionPanelDescription, typeof i7.MatExpansionPanelHeader, typeof i7.MatExpansionPanelTitle, typeof AdsAscentLogoModule, typeof i16.MatTooltip, typeof AdsBreadcrumbModule, typeof i4$6.MatMenu, typeof i12.MatToolbar, typeof i4$6.MatMenuTrigger, typeof i3$1.MatIconButton, typeof i3$2.RouterOutlet], [typeof AdsScmsSideNavBarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsScmsSideNavBarModule>;
 }
 
@@ -2775,7 +2782,7 @@ declare class AdsMainMenuItemsComponent {
 
 declare class AdsMainMenuItemsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsMainMenuItemsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsMainMenuItemsModule, [typeof AdsMainMenuItemsComponent], [typeof i2.CommonModule, typeof i3$2.RouterModule, typeof i4$7.MatMenuModule, typeof AdsButtonModule, typeof AdsButtonModule, typeof AdsLinkButtonModule], [typeof AdsMainMenuItemsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsMainMenuItemsModule, [typeof AdsMainMenuItemsComponent], [typeof i2.CommonModule, typeof i3$2.RouterModule, typeof i4$6.MatMenuModule, typeof AdsButtonModule, typeof AdsButtonModule, typeof AdsLinkButtonModule], [typeof AdsMainMenuItemsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsMainMenuItemsModule>;
 }
 
@@ -2800,7 +2807,7 @@ declare class AdsProfileDisplayModule {
 
 declare class AdsMainMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsMainMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsMainMenuModule, [typeof AdsMainMenuComponent], [typeof i2.CommonModule, typeof i3$8.MatBottomSheetModule, typeof i4$9.MatListModule, typeof i4$7.MatMenuModule, typeof i4.AdsIconModule, typeof AdsMainMenuItemsModule, typeof AdsProfileDisplayModule, typeof i3$2.RouterModule], [typeof AdsMainMenuComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsMainMenuModule, [typeof AdsMainMenuComponent], [typeof i2.CommonModule, typeof i3$8.MatBottomSheetModule, typeof i4$9.MatListModule, typeof i4$6.MatMenuModule, typeof i4.AdsIconModule, typeof AdsMainMenuItemsModule, typeof AdsProfileDisplayModule, typeof i3$2.RouterModule], [typeof AdsMainMenuComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsMainMenuModule>;
 }
 
@@ -3296,5 +3303,5 @@ declare class AdsProgressStepperModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsProgressStepperModule>;
 }
 
-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, 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, 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, AdsWizardStepperComponent, AdsWizardStepperModule, AscentCardComponent, AscentCardModule, BadgeColor, Colors, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus };
 export type { AdsModalData, Breadcrumb, ColumnVisibilityControl, Copyright, DROP_CALLBACK_INDEXES, DividerStyle, ErrorPageConfig, ErrorPageInfoColumn, HorizontalNavLink, IconButtonSize, Link, MainMenuItem, NavItem, NavMenuItem, NumericStep, ProgressStep, ScmsNavItem, ScmsNavSubItem, Size, SnackBarData, Step, Tab, Tag, UNSUBSCRIBE_FUNCTIONS_COLLECTION, Variant, WizardStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "20.28.0",
+  "version": "20.30.0",
   "peerDependencies": {
     "@angular/animations": ">=20.3.0",
     "date-fns": ">=4.1.0",

package/src/assets/sass/ads-ui/abstracts/_functions.scss

@@ -1,18 +1,18 @@
-@use 'sass:map';
-@use 'variables' as *;
-
-@function color($key) {
-  @return var(--color- + $key);
-}
-
-@function font-weight($key) {
-  @return map.get($font-weights, $key);
-}
-
-@function font-size($key) {
-  @return map.get($font-sizes, $key);
-}
-
-@function spacing($key) {
-  @return map.get($spacings, $key);
-}
+@use 'sass:map';
+@use 'variables' as *;
+
+@function color($key) {
+  @return var(--color- + $key);
+}
+
+@function font-weight($key) {
+  @return map.get($font-weights, $key);
+}
+
+@function font-size($key) {
+  @return map.get($font-sizes, $key);
+}
+
+@function spacing($key) {
+  @return map.get($spacings, $key);
+}

package/src/assets/sass/ads-ui/abstracts/_mixins.scss

@@ -1,90 +1,90 @@
-// Media Queries
-@use 'functions' as *;
-
-@mixin breakpoint($breakpoint) {
-  @if $breakpoint == xs {
-    @media screen and (min-width: 320px) and (max-width: 480px) {
-      @content;
-    }
-  } @else if $breakpoint == sm {
-    @media screen and (min-width: 481px) and (max-width: 768px) {
-      @content;
-    }
-  } @else if $breakpoint == md {
-    @media screen and (min-width: 769px) and (max-width: 1024px) {
-      @content;
-    }
-  } @else if $breakpoint == lg {
-    @media screen and (min-width: 1025px) and (max-width: 1200px) {
-      @content;
-    }
-  } @else if $breakpoint == xl {
-    @media screen and (min-width: 1201px) {
-      @content;
-    }
-  } @else if $breakpoint == lt-sm {
-    @media screen and (max-width: 480px) {
-      @content;
-    }
-  } @else if $breakpoint == lt-md {
-    @media screen and (max-width: 768px) {
-      @content;
-    }
-  } @else if $breakpoint == lt-lg {
-    @media screen and (max-width: 1024px) {
-      @content;
-    }
-  } @else if $breakpoint == lt-xl {
-    @media screen and (max-width: 1200px) {
-      @content;
-    }
-  } @else if $breakpoint == gt-xs {
-    @media screen and (min-width: 481px) {
-      @content;
-    }
-  } @else if $breakpoint == gt-sm {
-    @media screen and (min-width: 769px) {
-      @content;
-    }
-  } @else if $breakpoint == gt-md {
-    @media screen and (min-width: 1025px) {
-      @content;
-    }
-  } @else if $breakpoint == gt-lg {
-    @media screen and (min-width: 1201px) {
-      @content;
-    }
-  }
-}
-
-@mixin font-size($breakpoint: base) {
-  @if $breakpoint == xs {
-    font-size: 0.75rem;
-  } @else if $breakpoint == sm {
-    font-size: 0.875rem;
-  } @else if $breakpoint == base {
-    font-size: 1rem;
-  } @else if $breakpoint == lg {
-    font-size: 1.125rem;
-  } @else if $breakpoint == xl {
-    font-size: 1.25rem;
-  } @else if $breakpoint == 2xl {
-    font-size: 1.5rem;
-  } @else if $breakpoint == 3xl {
-    font-size: 1.875rem;
-  } @else if $breakpoint == 4xl {
-    font-size: 2.25rem;
-  } @else if $breakpoint == 5xl {
-    font-size: 3rem;
-  } @else if $breakpoint == 6xl {
-    font-size: 4rem;
-  }
-}
-
-@mixin background-color($theme: primary) {
-  background-color: color($theme);
-}
-
-@mixin color($theme: dark) {
-  color: color($theme);
-}
+// Media Queries
+@use 'functions' as *;
+
+@mixin breakpoint($breakpoint) {
+  @if $breakpoint == xs {
+    @media screen and (min-width: 320px) and (max-width: 480px) {
+      @content;
+    }
+  } @else if $breakpoint == sm {
+    @media screen and (min-width: 481px) and (max-width: 768px) {
+      @content;
+    }
+  } @else if $breakpoint == md {
+    @media screen and (min-width: 769px) and (max-width: 1024px) {
+      @content;
+    }
+  } @else if $breakpoint == lg {
+    @media screen and (min-width: 1025px) and (max-width: 1200px) {
+      @content;
+    }
+  } @else if $breakpoint == xl {
+    @media screen and (min-width: 1201px) {
+      @content;
+    }
+  } @else if $breakpoint == lt-sm {
+    @media screen and (max-width: 480px) {
+      @content;
+    }
+  } @else if $breakpoint == lt-md {
+    @media screen and (max-width: 768px) {
+      @content;
+    }
+  } @else if $breakpoint == lt-lg {
+    @media screen and (max-width: 1024px) {
+      @content;
+    }
+  } @else if $breakpoint == lt-xl {
+    @media screen and (max-width: 1200px) {
+      @content;
+    }
+  } @else if $breakpoint == gt-xs {
+    @media screen and (min-width: 481px) {
+      @content;
+    }
+  } @else if $breakpoint == gt-sm {
+    @media screen and (min-width: 769px) {
+      @content;
+    }
+  } @else if $breakpoint == gt-md {
+    @media screen and (min-width: 1025px) {
+      @content;
+    }
+  } @else if $breakpoint == gt-lg {
+    @media screen and (min-width: 1201px) {
+      @content;
+    }
+  }
+}
+
+@mixin font-size($breakpoint: base) {
+  @if $breakpoint == xs {
+    font-size: 0.75rem;
+  } @else if $breakpoint == sm {
+    font-size: 0.875rem;
+  } @else if $breakpoint == base {
+    font-size: 1rem;
+  } @else if $breakpoint == lg {
+    font-size: 1.125rem;
+  } @else if $breakpoint == xl {
+    font-size: 1.25rem;
+  } @else if $breakpoint == 2xl {
+    font-size: 1.5rem;
+  } @else if $breakpoint == 3xl {
+    font-size: 1.875rem;
+  } @else if $breakpoint == 4xl {
+    font-size: 2.25rem;
+  } @else if $breakpoint == 5xl {
+    font-size: 3rem;
+  } @else if $breakpoint == 6xl {
+    font-size: 4rem;
+  }
+}
+
+@mixin background-color($theme: primary) {
+  background-color: color($theme);
+}
+
+@mixin color($theme: dark) {
+  color: color($theme);
+}

package/src/assets/sass/ads-ui/abstracts/_variables.scss

@@ -1,127 +1,127 @@
-$box-shadow: 0 3px 6px 0 rgba(0, 73, 135, 16%);
-
-$colors: (
-  white: #ffffff,
-  muted-30: #fcfdff,
-  muted-50: #f9fbff,
-  muted: #f2f7ff,
-  light-30: #f1f3f9,
-  light-80: #dae0ee,
-  light: #ced6e8,
-  light-opacity-50: rgba(206, 214, 232, 0.5),
-  medium-30: #c6c8d0,
-  medium-50: #b2b6c6,
-  medium: #646c8d,
-  medium-opacity-50: rgba(100, 108, 141, 0.5),
-  dark-10: #666666,
-  dark-30: #5c5c5c,
-  dark-50: #525252,
-  dark-80: #474747,
-  dark-90: #333333,
-  dark: #292929,
-  black: #1e1e1e,
-
-  primary: #041f41,
-  primary-hover: #044986,
-  primary-pressed: #366d9e,
-
-  secondary: #017d93,
-  secondary-hover: #015a6a,
-  secondary-pressed: #013b46,
-  secondary-10: rgba(1, 125, 147, 0.1),
-  link: #0077b3,
-  link-hover: #005885,
-  link-pressed: #002638,
-
-  error: #bb1e1e,
-  error-hover: #ab1c1c,
-  error-pressed: #771313,
-
-  success: #238170,
-  success-hover: #19584c,
-  success-pressed: #10382e,
-
-  logo: #004987,
-  alert: #ff5e00,
-);
-
-$colors-dark: (
-  white: #292929,
-  muted-30: #1e1e1e,
-  muted-50: #333333,
-  muted: #474747,
-  light-30: #525252,
-  light-80: #5c5c5c,
-  light: #666666,
-  light-opacity-50: rgba(102, 102, 102, 0.5),
-  medium-30: #fcfdff,
-  medium-50: #f9fbff,
-  medium: #f2f7ff,
-  medium-opacity-50: rgba(242, 247, 255, 0.5),
-  dark-10: #ced6e8,
-  dark-30: #dae0ee,
-  dark-50: #f1f3f9,
-  dark-80: #f2f7ff,
-  dark-90: #f9fbff,
-  dark: #ffffff,
-  black: #fcfdff,
-
-  primary: #66c5d4,
-  primary-hover: #33b1c6,
-  primary-pressed: #009fb8,
-
-  secondary: #cae5e8,
-  secondary-hover: #a2cbcf,
-  secondary-pressed: #99b9bc,
-  secondary-10: rgba(202, 229, 232, 0.1),
-  link: #52c5ff,
-  link-hover: #1fb4ff,
-  link-pressed: #007ab8,
-
-  error: #ff7070,
-  error-hover: #ff2929,
-  error-pressed: #cc0000,
-
-  success: #53d0b9,
-  success-hover: #2ca08b,
-  success-pressed: #248473,
-
-  logo: #ffffff,
-  alert: #ff5e00,
-);
-
-$font-weights: (
-  regular: 400,
-  medium: 500,
-  semibold: 600,
-  bold: 700,
-);
-
-$font-sizes: (
-  text-xxs: 0.675rem,
-  text-xs: 0.75rem,
-  text-sm: 0.875rem,
-  text-base: 1rem,
-  text-lg: 1.125rem,
-  text-xl: 1.25rem,
-  text-2xl: 1.5rem,
-  text-3xl: 1.875rem,
-  text-4xl: 2.25rem,
-  text-5xl: 3rem,
-  text-6xl: 4rem,
-);
-
-$spacings: (
-  space-4: 4px,
-  space-8: 8px,
-  space-12: 12px,
-  space-16: 16px,
-  space-24: 24px,
-  space-32: 32px,
-  space-40: 40px,
-  space-48: 48px,
-  space-56: 56px,
-  space-64: 64px,
-  space-72: 72px,
-  space-80: 80px,
-);
+$box-shadow: 0 3px 6px 0 rgba(0, 73, 135, 16%);
+
+$colors: (
+  white: #ffffff,
+  muted-30: #fcfdff,
+  muted-50: #f9fbff,
+  muted: #f2f7ff,
+  light-30: #f1f3f9,
+  light-80: #dae0ee,
+  light: #ced6e8,
+  light-opacity-50: rgba(206, 214, 232, 0.5),
+  medium-30: #c6c8d0,
+  medium-50: #b2b6c6,
+  medium: #646c8d,
+  medium-opacity-50: rgba(100, 108, 141, 0.5),
+  dark-10: #666666,
+  dark-30: #5c5c5c,
+  dark-50: #525252,
+  dark-80: #474747,
+  dark-90: #333333,
+  dark: #292929,
+  black: #1e1e1e,
+
+  primary: #041f41,
+  primary-hover: #044986,
+  primary-pressed: #366d9e,
+
+  secondary: #017d93,
+  secondary-hover: #015a6a,
+  secondary-pressed: #013b46,
+  secondary-10: rgba(1, 125, 147, 0.1),
+  link: #0077b3,
+  link-hover: #005885,
+  link-pressed: #002638,
+
+  error: #bb1e1e,
+  error-hover: #ab1c1c,
+  error-pressed: #771313,
+
+  success: #238170,
+  success-hover: #19584c,
+  success-pressed: #10382e,
+
+  logo: #004987,
+  alert: #ff5e00,
+);
+
+$colors-dark: (
+  white: #292929,
+  muted-30: #1e1e1e,
+  muted-50: #333333,
+  muted: #474747,
+  light-30: #525252,
+  light-80: #5c5c5c,
+  light: #666666,
+  light-opacity-50: rgba(102, 102, 102, 0.5),
+  medium-30: #fcfdff,
+  medium-50: #f9fbff,
+  medium: #f2f7ff,
+  medium-opacity-50: rgba(242, 247, 255, 0.5),
+  dark-10: #ced6e8,
+  dark-30: #dae0ee,
+  dark-50: #f1f3f9,
+  dark-80: #f2f7ff,
+  dark-90: #f9fbff,
+  dark: #ffffff,
+  black: #fcfdff,
+
+  primary: #66c5d4,
+  primary-hover: #33b1c6,
+  primary-pressed: #009fb8,
+
+  secondary: #cae5e8,
+  secondary-hover: #a2cbcf,
+  secondary-pressed: #99b9bc,
+  secondary-10: rgba(202, 229, 232, 0.1),
+  link: #52c5ff,
+  link-hover: #1fb4ff,
+  link-pressed: #007ab8,
+
+  error: #ff7070,
+  error-hover: #ff2929,
+  error-pressed: #cc0000,
+
+  success: #53d0b9,
+  success-hover: #2ca08b,
+  success-pressed: #248473,
+
+  logo: #ffffff,
+  alert: #ff5e00,
+);
+
+$font-weights: (
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700,
+);
+
+$font-sizes: (
+  text-xxs: 0.675rem,
+  text-xs: 0.75rem,
+  text-sm: 0.875rem,
+  text-base: 1rem,
+  text-lg: 1.125rem,
+  text-xl: 1.25rem,
+  text-2xl: 1.5rem,
+  text-3xl: 1.875rem,
+  text-4xl: 2.25rem,
+  text-5xl: 3rem,
+  text-6xl: 4rem,
+);
+
+$spacings: (
+  space-4: 4px,
+  space-8: 8px,
+  space-12: 12px,
+  space-16: 16px,
+  space-24: 24px,
+  space-32: 32px,
+  space-40: 40px,
+  space-48: 48px,
+  space-56: 56px,
+  space-64: 64px,
+  space-72: 72px,
+  space-80: 80px,
+);