@ascentgl/ads-ui 21.4.0 → 21.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "21.4.0",
+  "version": "21.6.0",
   "peerDependencies": {
     "@angular/animations": ">=21.0.0",
     "date-fns": ">=4.1.0",

package/types/ascentgl-ads-ui.d.ts

@@ -2112,13 +2112,19 @@ type SnackBarData = {
     buttonCaption?: string;
     closeOnClick?: boolean;
     onButtonClick?: () => void;
+    /**
+     * Optional duration in milliseconds to auto-close the snackbar.
+     * If not set and panel class is 'success', defaults to 4000ms.
+     */
+    autoCloseDuration?: number;
 };
-declare class AdsSnackbarComponent implements AfterViewInit {
+declare class AdsSnackbarComponent implements AfterViewInit, OnDestroy {
     private elementRef;
     data: SnackBarData;
     snackBarRef: MatSnackBarRef<any>;
     readonly defaultButtonCaption = "Close";
     protected readonly PanelClass: typeof PanelClass;
+    private autoCloseTimeoutId?;
     /** @ignore */
     constructor(elementRef: ElementRef<HTMLElement>);
     get buttonPanelClass(): Variant;
@@ -2126,9 +2132,15 @@ declare class AdsSnackbarComponent implements AfterViewInit {
     get id(): string;
     /** @ignore */
     ngAfterViewInit(): void;
+    /**
+     * Sets up the auto-close timer if required.
+     * If autoCloseDuration is 0, null, or undefined, disables auto-close even for 'success'.
+     */
+    private setupAutoCloseTimer;
+    /** @ignore */
+    ngOnDestroy(): void;
     /** @ignore */
     onSnackbarClick(): void;
-    protected readonly indexedDB: IDBFactory;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsSnackbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AdsSnackbarComponent, "ads-snackbar", never, {}, {}, never, never, false, never>;
 }
@@ -2327,7 +2339,7 @@ declare class AdsExpansionPanelComponent implements AfterContentInit {
     /** Component width. Must include units of measure: px, %, em, rem, etc. */
     width: i0.InputSignal<string>;
     /** The Chevron Icon size () */
-    chevronSize: i0.InputSignal<"xs" | "base">;
+    chevronSize: i0.InputSignal<"base" | "xs">;
     /** Header padding size size () */
     headerPadding: i0.InputSignal<string>;
     /** Content padding size size () */
@@ -3317,7 +3329,7 @@ declare class AdsProgressStepperModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsProgressStepperModule>;
 }
 
-interface VerticalNavigationStep {
+interface VerticalSideNavigationStep {
     /** Unique identifier for the step */
     id: string;
     /** Display name of the step */
@@ -3325,73 +3337,44 @@ interface VerticalNavigationStep {
     /** CSS selector or element ID to scroll to when step is clicked */
     targetSelector?: string;
     /** Whether the step is currently active */
-    active?: boolean;
-    /** Whether the step is disabled */
-    disabled?: boolean;
+    completed?: boolean;
+    subSteps?: VerticalSideNavigationStep[];
 }
-declare class AdsVerticalNavigationStepperComponent implements OnInit, OnDestroy, OnChanges {
+declare class AdsVerticalSideNavigationStepperComponent {
+    private registry;
+    constructor(registry: AdsIconRegistry);
     /** List of steps to display in the stepper */
-    steps: VerticalNavigationStep[];
-    /** Index of the currently active step */
-    activeStepIndex: number;
+    steps: VerticalSideNavigationStep[];
     /** Whether to enable smooth scrolling when navigating to steps */
     smoothScroll: boolean;
     /** Scroll offset in pixels when navigating to target elements */
     scrollOffset: number;
-    /** Whether clicking on steps is enabled */
-    clickable: boolean;
     /** Event emitted when a step is clicked */
     stepClick: EventEmitter<{
-        step: VerticalNavigationStep;
+        step: VerticalSideNavigationStep;
         index: number;
     }>;
+    /** Event emitted when a substep is clicked */
+    subStepClick: EventEmitter<{
+        parentStep: VerticalSideNavigationStep;
+        subStep: VerticalSideNavigationStep;
+        parentIndex: number;
+        subIndex: number;
+    }>;
     /** @ignore */
-    private scrollListener?;
-    /** @ignore */
-    ngOnInit(): void;
-    /** @ignore */
-    ngOnChanges(changes: SimpleChanges): void;
-    /** @ignore */
-    ngOnDestroy(): void;
-    /** @ignore */
-    private updateActiveStep;
-    /** @ignore */
-    private setupScrollListener;
-    /** @ignore */
-    private updateActiveStepBasedOnScroll;
-    /** @ignore */
-    onStepClick(step: VerticalNavigationStep, index: number): void;
+    onStepClick(step: VerticalSideNavigationStep, index: number): void;
+    onSubStepClick(step: VerticalSideNavigationStep, subStep: VerticalSideNavigationStep, index: number, subIndex: number): void;
     /** @ignore */
     private scrollToElement;
-    /** @ignore */
-    private setActiveStep;
-    /**
-     * Programmatically set the active step
-     * @param index - The index of the step to activate
-     */
-    setActiveStepByIndex(index: number): void;
-    /**
-     * Programmatically set the active step by step ID
-     * @param id - The ID of the step to activate
-     */
-    setActiveStepById(id: string): void;
-    /**
-     * Navigate to the next step
-     */
-    nextStep(): void;
-    /**
-     * Navigate to the previous step
-     */
-    previousStep(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AdsVerticalNavigationStepperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsVerticalNavigationStepperComponent, "ads-vertical-navigation-stepper", never, { "steps": { "alias": "steps"; "required": false; }; "activeStepIndex": { "alias": "activeStepIndex"; "required": false; }; "smoothScroll": { "alias": "smoothScroll"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; }, { "stepClick": "stepClick"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsVerticalSideNavigationStepperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsVerticalSideNavigationStepperComponent, "ads-vertical-side-navigation-stepper", never, { "steps": { "alias": "steps"; "required": false; }; "smoothScroll": { "alias": "smoothScroll"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; }, { "stepClick": "stepClick"; "subStepClick": "subStepClick"; }, never, never, false, never>;
 }
 
 declare class AdsVerticalNavigationStepperModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsVerticalNavigationStepperModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsVerticalNavigationStepperModule, [typeof AdsVerticalNavigationStepperComponent], [typeof i2.CommonModule], [typeof AdsVerticalNavigationStepperComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsVerticalNavigationStepperModule, [typeof AdsVerticalSideNavigationStepperComponent], [typeof i2.CommonModule, typeof i4.AdsIconModule], [typeof AdsVerticalSideNavigationStepperComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsVerticalNavigationStepperModule>;
 }
 
-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 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, VerticalNavigationStep, WizardStep };
+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 };
+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, VerticalSideNavigationStep, WizardStep };