@ascentgl/ads-ui 21.5.0 → 21.7.0

package/package.json

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

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

@@ -3329,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 */
@@ -3337,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 };