@ascentgl/ads-ui 21.3.0 → 21.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "21.3.0",
+  "version": "21.5.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>;
 }
@@ -3317,5 +3329,81 @@ 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, 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 };
+interface VerticalNavigationStep {
+    /** Unique identifier for the step */
+    id: string;
+    /** Display name of the step */
+    label: string;
+    /** 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;
+}
+declare class AdsVerticalNavigationStepperComponent implements OnInit, OnDestroy, OnChanges {
+    /** List of steps to display in the stepper */
+    steps: VerticalNavigationStep[];
+    /** Index of the currently active step */
+    activeStepIndex: number;
+    /** 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;
+        index: 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;
+    /** @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>;
+}
+
+declare class AdsVerticalNavigationStepperModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsVerticalNavigationStepperModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsVerticalNavigationStepperModule, [typeof AdsVerticalNavigationStepperComponent], [typeof i2.CommonModule], [typeof AdsVerticalNavigationStepperComponent]>;
+    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 };