@clr/angular 18.0.0-beta.1 → 18.0.0-beta.11

package/types/clr-angular-utils.d.ts

@@ -1,12 +1,13 @@
 import { FormGroup } from '@angular/forms';
 import * as i0 from '@angular/core';
-import { OnDestroy, EventEmitter, ElementRef, Renderer2, NgZone, Type, TemplateRef, Injector, ViewContainerRef, InjectionToken, OnChanges, SimpleChanges, OnInit, AfterViewInit, QueryList, FactoryProvider, ChangeDetectorRef, AfterViewChecked, AfterContentChecked } from '@angular/core';
+import { OnDestroy, EventEmitter, ElementRef, Renderer2, NgZone, Type, TemplateRef, Injector, ViewContainerRef, InjectionToken, OnChanges, SimpleChanges, AfterViewInit, QueryList, FactoryProvider, ChangeDetectorRef, AfterViewChecked, AfterContentChecked } from '@angular/core';
 import * as i2 from '@angular/common';
 import * as _angular_animations from '@angular/animations';
 import { AnimationMetadata, AnimationEvent, AnimationBuilder } from '@angular/animations';
-import { Observable, Subject, Subscription, Observer } from 'rxjs';
-import { LoadingListener as LoadingListener$1, ClrLoadingState as ClrLoadingState$1 } from '@clr/angular/utils/loading';
+export * from '@clr/angular/utils/loading';
+export * from '@clr/angular/utils/conditional';
 import { CdkTrapFocus, FocusTrapFactory } from '@angular/cdk/a11y';
+import { Subscription, Observable, Observer, Subject } from 'rxjs';
 import { Directionality } from '@angular/cdk/bidi';
 import { CdkDrag, DragDropConfig, DragDrop } from '@angular/cdk/drag-drop';
 
@@ -94,7 +95,6 @@ declare class EmptyAnchor {
 /**
  * HostWrapper must be called in OnInit to ensure that the Views are ready. If its called in a constructor the view is
  * still undefined.
- * TODO - make sure these comment annotations do not break ng-packgr.
  */
 declare class HostWrapper<W> implements Injector {
     private injector;
@@ -173,164 +173,6 @@ declare function fadeSlide(direction: string): AnimationMetadata[];
 
 declare function slide(direction: string): AnimationMetadata[];
 
-/**
- * This is an abstract class because we need it to still be a valid token for dependency injection after transpiling.
- * This does not mean you should extend it, simply implementing it is fine.
- */
-declare abstract class LoadingListener {
-    abstract loadingStateChange(state: ClrLoadingState | string): void;
-}
-
-declare enum ClrLoadingState {
-    DEFAULT = 0,
-    LOADING = 1,
-    SUCCESS = 2,
-    ERROR = 3
-}
-declare class ClrLoading implements OnDestroy {
-    private listener;
-    static ngAcceptInputType_loadingState: boolean | ClrLoadingState | null | string;
-    private _loadingState;
-    constructor(listener: LoadingListener);
-    get loadingState(): boolean | string | ClrLoadingState;
-    set loadingState(value: boolean | string | ClrLoadingState);
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrLoading, [{ optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrLoading, "[clrLoading]", never, { "loadingState": { "alias": "clrLoading"; "required": false; }; }, {}, never, never, false, never>;
-}
-
-declare const CLR_LOADING_DIRECTIVES: Type<any>[];
-declare class ClrLoadingModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrLoadingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrLoadingModule, [typeof ClrLoading], [typeof i2.CommonModule], [typeof ClrLoading]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ClrLoadingModule>;
-}
-
-declare const IF_ACTIVE_ID: InjectionToken<number>;
-declare function tokenFactory(): number;
-declare const IF_ACTIVE_ID_PROVIDER: {
-    provide: InjectionToken<number>;
-    useFactory: typeof tokenFactory;
-};
-declare class IfActiveService {
-    /********
-     * @property _currentChange
-     *
-     * @description
-     * A RXJS Subject that updates and provides subscriptions to for the current current state of a component template
-     * implemting the IfActive structural directive.
-     *
-     */
-    private _currentChange;
-    /*********
-     * @property _current
-     *
-     * @description
-     * A property holding the current value for current/closed state of an IfActive structural directive.
-     */
-    private _current;
-    /*********
-     *
-     * @description
-     * A getter function that provides an observable for the _current Subject.
-     *
-     */
-    get currentChange(): Observable<number>;
-    /*********
-     *
-     * @description
-     * A property that gets/sets the current state of _current for this instance of IfActive structural directive.
-     * And, broadcasts the new value to all subscribers.
-     *
-     */
-    get current(): number;
-    set current(value: number);
-    static ɵfac: i0.ɵɵFactoryDeclaration<IfActiveService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<IfActiveService>;
-}
-
-declare class ClrIfActive implements OnDestroy {
-    private ifActiveService;
-    private id;
-    private template;
-    private container;
-    /**********
-     * @property activeChange
-     *
-     * @description
-     * An event emitter that emits when the active property is set to allow for 2way binding when the directive is
-     * used with de-structured / de-sugared syntax.
-     *
-     */
-    activeChange: EventEmitter<boolean>;
-    private subscription;
-    private wasActive;
-    constructor(ifActiveService: IfActiveService, id: number, template: TemplateRef<any>, container: ViewContainerRef);
-    /**
-     * @description
-     * A property that gets/sets IfActiveService.active with value.
-     *
-     */
-    get active(): boolean | string;
-    set active(value: boolean | string);
-    ngOnDestroy(): void;
-    /**
-     * @description
-     * Function that takes a any value and either created an embedded view for the associated ViewContainerRef or,
-     * Clears all views from the ViewContainerRef
-     */
-    updateView(value: boolean): void;
-    private checkAndUpdateView;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrIfActive, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrIfActive, "[clrIfActive]", never, { "active": { "alias": "clrIfActive"; "required": false; }; }, { "activeChange": "clrIfActiveChange"; }, never, never, true, never>;
-}
-
-declare class IfExpandService implements LoadingListener$1 {
-    expandable: number;
-    hasExpandTemplate: boolean;
-    protected _loading: boolean;
-    protected _expanded: boolean;
-    protected _expandChange: Subject<boolean>;
-    get loading(): boolean;
-    set loading(value: boolean);
-    get expanded(): boolean;
-    set expanded(value: boolean);
-    get expandChange(): Observable<boolean>;
-    toggle(): void;
-    loadingStateChange(state: ClrLoadingState$1): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IfExpandService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<IfExpandService>;
-}
-
-declare class ClrIfExpanded implements OnInit, OnDestroy {
-    private template;
-    private container;
-    private el;
-    private renderer;
-    private expand;
-    expandedChange: EventEmitter<boolean>;
-    private _expanded;
-    /**
-     * Subscriptions to all the services and queries changes
-     */
-    private _subscriptions;
-    constructor(template: TemplateRef<any>, container: ViewContainerRef, el: ElementRef<HTMLElement>, renderer: Renderer2, expand: IfExpandService);
-    get expanded(): boolean | string;
-    set expanded(value: boolean | string);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    private updateView;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrIfExpanded, [{ optional: true; }, null, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrIfExpanded, "[clrIfExpanded]", never, { "expanded": { "alias": "clrIfExpanded"; "required": false; }; }, { "expandedChange": "clrIfExpandedChange"; }, never, never, true, never>;
-}
-
-declare const CONDITIONAL_DIRECTIVES: Type<any>[];
-declare class ClrConditionalModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrConditionalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrConditionalModule, never, [typeof i2.CommonModule, typeof ClrIfActive, typeof ClrIfExpanded], [typeof ClrIfActive, typeof ClrIfExpanded]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ClrConditionalModule>;
-}
-
 interface ClrCommonStrings {
     /**
      * Open button
@@ -599,6 +441,11 @@ interface ClrCommonStrings {
     comboboxSelected: string;
     comboboxNoResults: string;
     comboboxOpen: string;
+    comboboxSelectAll: string;
+    comboboxUnselectAll: string;
+    comboboxAllSelected: string;
+    comboboxShowAll: string;
+    comboboxShowLess: string;
     /**
      * Wizard: Screen-reader text for "step" (read before step number).
      */
@@ -762,7 +609,6 @@ declare class ClrKeyFocus {
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrKeyFocus, "[clrKeyFocus]", never, { "direction": { "alias": "clrDirection"; "required": false; }; "focusOnLoad": { "alias": "clrFocusOnLoad"; "required": false; }; "focusableItems": { "alias": "clrKeyFocus"; "required": false; }; }, { "focusChange": "clrFocusChange"; }, ["clrKeyFocusItems"], ["*"], false, never>;
 }
 
-declare function normalizeKey(key: string): string;
 declare function preventArrowKeyScroll(event: KeyboardEvent): void;
 declare function isKeyEitherLetterOrNumber(event: KeyboardEvent): boolean;
 
@@ -977,14 +823,6 @@ declare enum Keys {
     PageDown = "PageDown",
     PageUp = "PageUp"
 }
-declare enum IEKeys {
-    ArrowUp = "Up",
-    ArrowDown = "Down",
-    ArrowRight = "Right",
-    ArrowLeft = "Left",
-    Space = "Spacebar",
-    Escape = "Esc"
-}
 
 /**
  * A (clockwise) enumeration for positions around an element.
@@ -1014,11 +852,11 @@ declare enum IEKeys {
  *
  *
  * Consumers tell us that they want something to display on the TOP_LEFT of the trigger and that they want the
- * _content_ container to anchor/orient AT the bottom left.
- * In order to calculate the position for the content I need to match up the anchor/toggle ClrPosition with the
+ * _content_ container to orient AT the bottom left.
+ * In order to calculate the position for the content I need to match up the origin/trigger ClrPosition with the
  * content ClrPosition.
  *
- * Anchor TOP_LEFT **AT** Content BOTTOM_LEFT.
+ * Origin TOP_LEFT **AT** Content BOTTOM_LEFT.
  *     -----------
  *     |         |
  *     |         |
@@ -1071,5 +909,5 @@ declare abstract class OompaLoompa implements AfterContentChecked, OnDestroy {
     static ɵdir: i0.ɵɵDirectiveDeclaration<OompaLoompa, never, never, {}, {}, never, never, true, never>;
 }
 
-export { ArrowKeyDirection, BASIC_FOCUSABLE_ITEM_PROVIDER, BaseExpandableAnimation, BasicFocusableItem, CLR_LOADING_DIRECTIVES, CONDITIONAL_DIRECTIVES, CdkDragModule, CdkDragModule_CdkDrag, CdkTrapFocusModule, CdkTrapFocusModule_CdkTrapFocus, ClrCommonStringsService, ClrConditionalModule, ClrDestroyService, ClrExpandableAnimation, ClrExpandableAnimationDirective, ClrExpandableAnimationModule, ClrFocusOnViewInit, ClrFocusOnViewInitModule, ClrHostWrappingModule, ClrIfActive, ClrIfExpanded, ClrKeyFocus, ClrKeyFocusItem, ClrKeyFocusModule, ClrLoading, ClrLoadingModule, ClrLoadingState, ClrOutsideClickModule, ClrPosition, ClrRovingTabindex, ClrStandaloneCdkTrapFocus, ClrTemplateRefModule, DATEPICKER_ENABLE_BREAKPOINT, DomAdapter, EXPANDABLE_ANIMATION_DIRECTIVES, EXTRA_LARGE_BREAKPOINT, EmptyAnchor, FOCUS_ON_VIEW_INIT, FOCUS_ON_VIEW_INIT_DIRECTIVES, FOCUS_SERVICE_PROVIDER, FocusService, FocusableItem, HostWrapper, IEKeys, IF_ACTIVE_ID, IF_ACTIVE_ID_PROVIDER, IfActiveService, IfExpandService, Keys, LARGE_BREAKPOINT, Linkers, LoadingListener, MEDIUM_BREAKPOINT, MOCK_DOM_ADAPTER_PROVIDER, MockDomAdapter, MockFocusableItem, OUSTIDE_CLICK_DIRECTIVES, OompaLoompa, OutsideClick, SMALL_BREAKPOINT, ScrollingService, TemplateRefContainer, WillyWonka, assertNever, clrFocusServiceFactory, collapse, commonStringsDefault, customFocusableItemProvider, defaultAnimationTiming, defaultExpandAnimation, fade, fadeSlide, isBooleanAttributeSet, isKeyEitherLetterOrNumber, normalizeKey, preventArrowKeyScroll, slide, tokenFactory, triggerAllFormControlValidation, uniqueIdFactory, wrapObservable };
+export { ArrowKeyDirection, BASIC_FOCUSABLE_ITEM_PROVIDER, BaseExpandableAnimation, BasicFocusableItem, CdkDragModule, CdkDragModule_CdkDrag, CdkTrapFocusModule, CdkTrapFocusModule_CdkTrapFocus, ClrCommonStringsService, ClrDestroyService, ClrExpandableAnimation, ClrExpandableAnimationDirective, ClrExpandableAnimationModule, ClrFocusOnViewInit, ClrFocusOnViewInitModule, ClrHostWrappingModule, ClrKeyFocus, ClrKeyFocusItem, ClrKeyFocusModule, ClrOutsideClickModule, ClrPosition, ClrRovingTabindex, ClrStandaloneCdkTrapFocus, ClrTemplateRefModule, DATEPICKER_ENABLE_BREAKPOINT, DomAdapter, EXPANDABLE_ANIMATION_DIRECTIVES, EXTRA_LARGE_BREAKPOINT, EmptyAnchor, FOCUS_ON_VIEW_INIT, FOCUS_ON_VIEW_INIT_DIRECTIVES, FOCUS_SERVICE_PROVIDER, FocusService, FocusableItem, HostWrapper, Keys, LARGE_BREAKPOINT, Linkers, MEDIUM_BREAKPOINT, MOCK_DOM_ADAPTER_PROVIDER, MockDomAdapter, MockFocusableItem, OUSTIDE_CLICK_DIRECTIVES, OompaLoompa, OutsideClick, SMALL_BREAKPOINT, ScrollingService, TemplateRefContainer, WillyWonka, assertNever, clrFocusServiceFactory, collapse, commonStringsDefault, customFocusableItemProvider, defaultAnimationTiming, defaultExpandAnimation, fade, fadeSlide, isBooleanAttributeSet, isKeyEitherLetterOrNumber, preventArrowKeyScroll, slide, triggerAllFormControlValidation, uniqueIdFactory, wrapObservable };
 export type { ClrCommonStrings, HeadingLevel };

package/types/clr-angular-wizard.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, QueryList, TemplateRef, OnInit, OnDestroy, AfterContentInit, DoCheck, ElementRef, IterableDiffers } from '@angular/core';
+import { EventEmitter, QueryList, TemplateRef, OnInit, OnDestroy, AfterContentInit, DoCheck, ElementRef, IterableDiffers, AfterViewInit } from '@angular/core';
 import { HeadingLevel, ClrCommonStringsService } from '@clr/angular/utils';
 import { Observable, Subscription } from 'rxjs';
 import * as i12 from '@angular/common';
@@ -7,6 +7,18 @@ import * as i13 from '@clr/angular/icon';
 import * as i14 from '@clr/angular/modal';
 import * as i15 from '@clr/angular/emphasis/alert';
 
+declare enum ClrWizardFooterAlign {
+    START = "start",
+    END = "end"
+}
+declare function footerAlignAttribute(value: ClrWizardFooterAlign | string): ClrWizardFooterAlign;
+
+declare enum ClrWizardStepnavLayout {
+    VERTICAL = "vertical",
+    HORIZONTAL = "horizontal"
+}
+declare function stepnavLayoutAttribute(value: ClrWizardStepnavLayout | string): ClrWizardStepnavLayout;
+
 declare class ButtonHubService {
     buttonsReady: boolean;
     private _previousBtnClicked;
@@ -870,6 +882,10 @@ declare class WizardNavigationService implements OnDestroy {
      * @memberof WizardNavigationService
      */
     wizardDisableStepnav: boolean;
+    /**
+     * The layout of the wizard stepnav, either 'vertical' or 'horizontal'.
+     */
+    stepnavLayout: ClrWizardStepnavLayout;
     /**
      * @memberof WizardNavigationService
      */
@@ -911,7 +927,7 @@ declare class WizardNavigationService implements OnDestroy {
      *
      * @memberof WizardNavigationService
      */
-    get currentPageChanged(): Observable<ClrWizardPage>;
+    get currentPageChange(): Observable<ClrWizardPage>;
     /**
      * @memberof WizardNavigationService
      */
@@ -1117,6 +1133,31 @@ declare class HeaderActionService {
     static ɵprov: i0.ɵɵInjectableDeclaration<HeaderActionService>;
 }
 
+declare const DEFAULT_BUTTON_TYPES: any;
+declare const CUSTOM_BUTTON_TYPES: any;
+declare class ClrWizardButton {
+    navService: WizardNavigationService;
+    buttonService: ButtonHubService;
+    type: string;
+    disabled: boolean;
+    hidden: boolean;
+    wasClicked: EventEmitter<string>;
+    constructor(navService: WizardNavigationService, buttonService: ButtonHubService);
+    get isCancel(): boolean;
+    get isNext(): boolean;
+    get isPrevious(): boolean;
+    get isFinish(): boolean;
+    get isDanger(): boolean;
+    get isPrimaryAction(): boolean;
+    get _disabledAttribute(): string | null;
+    get isDisabled(): boolean;
+    get isHidden(): boolean;
+    click(): void;
+    private checkDefaultAndCustomType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizardButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizardButton, "clr-wizard-button", never, { "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "clrWizardButtonDisabled"; "required": false; }; "hidden": { "alias": "clrWizardButtonHidden"; "required": false; }; }, { "wasClicked": "clrWizardButtonClicked"; }, never, ["*"], false, never>;
+}
+
 declare class ClrWizardTitle {
     headingLevel: HeadingLevel;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizardTitle, never>;
@@ -1135,6 +1176,10 @@ declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
      * Set the aria-label for the stepnav section of the wizard. Set using `[clrWizardStepnavAriaLabel]` input.
      */
     stepnavAriaLabel: string;
+    /**
+     * Set the wizard stepnav layout to 'vertical' (default) or 'horizontal'. Set using `[clrWizardStepnavLayout]` input.
+     */
+    stepnavLayout: ClrWizardStepnavLayout;
     /**
      * Set the modal size of the wizard. Set using `[clrWizardSize]` input.
      */
@@ -1148,6 +1193,18 @@ declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
      * If you can't use this option, you will likely need to provide custom CSS to set the wizard's height and margins.
      */
     inPageFillContentArea: boolean;
+    /**
+     * Hide the wizard footer entirely. Set using `[clrWizardHideFooter]` input.
+     * Useful when a nested wizard or stepper handles its own navigation.
+     */
+    hideFooter: boolean;
+    /**
+     * Align the footer buttons to 'start' (left) or 'end' (right).
+     * By default, modal wizards align to 'end' and in-page wizards align to 'start'.
+     * Nested wizards inherit the default unless this input is explicitly set.
+     * Set using `[clrWizardFooterAlign]` input.
+     */
+    _footerAlign: ClrWizardFooterAlign | null;
     /**
      * Tells the modal part of the wizard whether it should have a close "X"
      * in the top right corner. Set using `[clrWizardClosable]` input.
@@ -1181,10 +1238,10 @@ declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
      */
     onReset: EventEmitter<any>;
     /**
-     * Emits when the current page has changed. Listen via `(clrWizardCurrentPageChanged)` event.
+     * Emits when the current page has changed. Listen via `(clrWizardCurrentPageChange)` event.
      * output. Useful for non-blocking validation.
      */
-    currentPageChanged: EventEmitter<any>;
+    currentPageChange: EventEmitter<any>;
     /**
      * Emits when the wizard moves to the next page. Listen via `(clrWizardOnNext)` event.
      * Can be combined with the `[clrWizardPreventDefaultNext]` input to create
@@ -1198,10 +1255,13 @@ declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     onMovePrevious: EventEmitter<any>;
     pageTitle: ElementRef<HTMLElement>;
     pages: QueryList<ClrWizardPage>;
+    wizardButtons: QueryList<ClrWizardButton>;
     headerActions: QueryList<ClrWizardHeaderAction>;
     _open: boolean;
     wizardId: string;
     protected wizardTitle: ClrWizardTitle;
+    protected ClrWizardFooterAlign: typeof ClrWizardFooterAlign;
+    protected ClrWizardStepnavLayout: typeof ClrWizardStepnavLayout;
     private readonly bodyElementRef;
     private _forceForward;
     private _stopNext;
@@ -1210,7 +1270,6 @@ declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     private _disableStepnav;
     private differ;
     private subscriptions;
-    private readonly modal;
     constructor(platformId: any, commonStrings: ClrCommonStringsService, navService: WizardNavigationService, pageCollection: PageCollectionService, buttonService: ButtonHubService, headerActionService: HeaderActionService, elementRef: ElementRef<HTMLElement>, differs: IterableDiffers);
     /**
      * Resets page completed states when navigating backwards.
@@ -1265,6 +1324,9 @@ declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     get isLast(): boolean;
     get isFirst(): boolean;
     get isInline(): boolean;
+    get showHeader(): boolean;
+    get showFooter(): boolean;
+    get footerAlign(): ClrWizardFooterAlign;
     get stopModalAnimations(): boolean;
     ngAfterContentInit(): void;
     ngDoCheck(): void;
@@ -1367,13 +1429,32 @@ declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     private initializeButtons;
     private emitWizardFinished;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizard, "clr-wizard", never, { "stepnavAriaLabel": { "alias": "clrWizardStepnavAriaLabel"; "required": false; }; "size": { "alias": "clrWizardSize"; "required": false; }; "inPage": { "alias": "clrWizardInPage"; "required": false; }; "inPageFillContentArea": { "alias": "clrWizardInPageFillContentArea"; "required": false; }; "closable": { "alias": "clrWizardClosable"; "required": false; }; "_stopModalAnimations": { "alias": "clrWizardPreventModalAnimation"; "required": false; }; "forceForward": { "alias": "clrWizardForceForwardNavigation"; "required": false; }; "clrWizardOpen": { "alias": "clrWizardOpen"; "required": false; }; "stopNext": { "alias": "clrWizardPreventDefaultNext"; "required": false; }; "stopCancel": { "alias": "clrWizardPreventDefaultCancel"; "required": false; }; "stopNavigation": { "alias": "clrWizardPreventNavigation"; "required": false; }; "disableStepnav": { "alias": "clrWizardDisableStepnav"; "required": false; }; }, { "_openChanged": "clrWizardOpenChange"; "onCancel": "clrWizardOnCancel"; "wizardFinished": "clrWizardOnFinish"; "onReset": "clrWizardOnReset"; "currentPageChanged": "clrWizardCurrentPageChanged"; "onMoveNext": "clrWizardOnNext"; "onMovePrevious": "clrWizardOnPrevious"; }, ["wizardTitle", "pages", "headerActions"], ["clr-wizard-title", "clr-wizard-header-action", "*", "clr-wizard-button"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizard, "clr-wizard", never, { "stepnavAriaLabel": { "alias": "clrWizardStepnavAriaLabel"; "required": false; }; "stepnavLayout": { "alias": "clrWizardStepnavLayout"; "required": false; }; "size": { "alias": "clrWizardSize"; "required": false; }; "inPage": { "alias": "clrWizardInPage"; "required": false; }; "inPageFillContentArea": { "alias": "clrWizardInPageFillContentArea"; "required": false; }; "hideFooter": { "alias": "clrWizardHideFooter"; "required": false; }; "_footerAlign": { "alias": "clrWizardFooterAlign"; "required": false; }; "closable": { "alias": "clrWizardClosable"; "required": false; }; "_stopModalAnimations": { "alias": "clrWizardPreventModalAnimation"; "required": false; }; "forceForward": { "alias": "clrWizardForceForwardNavigation"; "required": false; }; "clrWizardOpen": { "alias": "clrWizardOpen"; "required": false; }; "stopNext": { "alias": "clrWizardPreventDefaultNext"; "required": false; }; "stopCancel": { "alias": "clrWizardPreventDefaultCancel"; "required": false; }; "stopNavigation": { "alias": "clrWizardPreventNavigation"; "required": false; }; "disableStepnav": { "alias": "clrWizardDisableStepnav"; "required": false; }; }, { "_openChanged": "clrWizardOpenChange"; "onCancel": "clrWizardOnCancel"; "wizardFinished": "clrWizardOnFinish"; "onReset": "clrWizardOnReset"; "currentPageChange": "clrWizardCurrentPageChange"; "onMoveNext": "clrWizardOnNext"; "onMovePrevious": "clrWizardOnPrevious"; }, ["wizardTitle", "pages", "wizardButtons", "headerActions"], ["*", "clr-wizard-button", "clr-wizard-title", "clr-wizard-header-action"], false, never>;
+    static ngAcceptInputType_stepnavLayout: ClrWizardStepnavLayout | string;
+    static ngAcceptInputType__footerAlign: ClrWizardFooterAlign | string;
 }
 
-declare class ClrWizardStepnav {
+declare class ClrWizardStepnav implements AfterViewInit, OnDestroy {
     pageService: PageCollectionService;
+    private navService;
+    private elementRef;
     label: string;
-    constructor(pageService: PageCollectionService);
+    protected showScrollLeftButton: boolean;
+    protected showScrollRightButton: boolean;
+    private readonly stepnavItems;
+    private subscription;
+    private intersectionObserver;
+    private firstItemVisible;
+    private lastItemVisible;
+    constructor(pageService: PageCollectionService, navService: WizardNavigationService, elementRef: ElementRef<HTMLElement>);
+    protected get stepnavLayout(): ClrWizardStepnavLayout;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected scrollLeft(): void;
+    protected scrollRight(): void;
+    private setupIntersectionObserver;
+    private observeEdgeItems;
+    private scroll;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizardStepnav, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizardStepnav, "clr-wizard-stepnav", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -1382,7 +1463,7 @@ declare class ClrWizardStepnavItem implements OnInit, OnDestroy {
     navService: WizardNavigationService;
     pageCollection: PageCollectionService;
     commonStrings: ClrCommonStringsService;
-    private readonly elementRef;
+    readonly elementRef: ElementRef<HTMLElement>;
     page: ClrWizardPage;
     private subscription;
     /**
@@ -1409,37 +1490,13 @@ declare class ClrWizardStepnavItem implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     click(): void;
+    protected scrollIntoView(): void;
     private pageGuard;
     private ensureCurrentStepIsScrolledIntoView;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizardStepnavItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizardStepnavItem, "[clr-wizard-stepnav-item]", never, { "page": { "alias": "page"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
-declare const DEFAULT_BUTTON_TYPES: any;
-declare const CUSTOM_BUTTON_TYPES: any;
-declare class ClrWizardButton {
-    navService: WizardNavigationService;
-    buttonService: ButtonHubService;
-    type: string;
-    disabled: boolean;
-    hidden: boolean;
-    wasClicked: EventEmitter<string>;
-    constructor(navService: WizardNavigationService, buttonService: ButtonHubService);
-    get isCancel(): boolean;
-    get isNext(): boolean;
-    get isPrevious(): boolean;
-    get isFinish(): boolean;
-    get isDanger(): boolean;
-    get isPrimaryAction(): boolean;
-    get _disabledAttribute(): string | null;
-    get isDisabled(): boolean;
-    get isHidden(): boolean;
-    click(): void;
-    private checkDefaultAndCustomType;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizardButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizardButton, "clr-wizard-button", never, { "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "clrWizardButtonDisabled"; "required": false; }; "hidden": { "alias": "clrWizardButtonHidden"; "required": false; }; }, { "wasClicked": "clrWizardButtonClicked"; }, never, ["*"], false, never>;
-}
-
 declare const CLR_WIZARD_DIRECTIVES: any[];
 declare class ClrWizardModule {
     constructor();
@@ -1448,4 +1505,4 @@ declare class ClrWizardModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrWizardModule>;
 }
 
-export { CLR_WIZARD_DIRECTIVES, CUSTOM_BUTTON_TYPES, ClrWizard, ClrWizardButton, ClrWizardHeaderAction, ClrWizardModule, ClrWizardPage, ClrWizardPageButtons, ClrWizardPageHeaderActions, ClrWizardPageNavTitle, ClrWizardPageTitle, ClrWizardStepnav, ClrWizardStepnavItem, ClrWizardTitle, DEFAULT_BUTTON_TYPES };
+export { CLR_WIZARD_DIRECTIVES, CUSTOM_BUTTON_TYPES, ClrWizard, ClrWizardButton, ClrWizardFooterAlign, ClrWizardHeaderAction, ClrWizardModule, ClrWizardPage, ClrWizardPageButtons, ClrWizardPageHeaderActions, ClrWizardPageNavTitle, ClrWizardPageTitle, ClrWizardStepnav, ClrWizardStepnavItem, ClrWizardStepnavLayout, ClrWizardTitle, DEFAULT_BUTTON_TYPES, footerAlignAttribute, stepnavLayoutAttribute };