@testgorilla/tgo-ui 7.0.0-beta.0 → 7.0.2-beta.1

package/components/stepper/index.d.ts

@@ -1,343 +1,5 @@
-import * as i0 from '@angular/core';
-import { TemplateRef, AfterViewInit, DestroyRef, EventEmitter, ElementRef, OnChanges } from '@angular/core';
-import * as i3 from '@testgorilla/tgo-ui/components/icon';
-import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import { Observable } from 'rxjs';
-import * as i8 from '@testgorilla/tgo-ui/components/core';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import * as i2 from '@angular/common';
-import * as i5 from '@testgorilla/tgo-ui/components/tooltip';
-import { TooltipPositionType } from '@testgorilla/tgo-ui/components/tooltip';
-import * as i4 from '@angular/material/tooltip';
-import * as i6 from '@angular/material/progress-spinner';
-import * as i7 from '@testgorilla/tgo-ui/components/radial-progress';
-import * as i9 from '@angular/material/input';
-
-interface Step {
-    label: string;
-    isVisited?: boolean;
-    iconName?: IconName;
-    disabled?: boolean;
-    submitted?: boolean;
-    showIconWhenSelected?: boolean;
-    htmlDescription?: HtmlDescription[];
-    boldLabel?: boolean;
-    descriptionTpl?: TemplateRef<any>;
-    labelTooltip?: string;
-    alwaysShowIcon?: boolean;
-    context?: any;
-}
-interface HtmlDescription {
-    text?: string;
-    iconName?: IconName;
-    iconTooltip?: string;
-}
-type StepperPosition = 'horizontal' | 'vertical';
-type StepperVariation = 'primary' | 'secondary';
-
-declare class StepperComponent implements AfterViewInit {
-    private readonly defaultAppTheme;
-    protected readonly isMobile$: Observable<boolean>;
-    protected readonly isLargeTablet$: Observable<boolean>;
-    protected focusMonitor: FocusMonitor;
-    protected destroyRef: DestroyRef;
-    /**
-     *
-     * Auto selects first step as visited
-     * Defaults to true
-     *
-     * @memberof StepperComponent
-     */
-    set setFirstStepAutoSelect(value: boolean);
-    /**
-     * Input property to set the steps for the stepper.
-     * The first step will be marked as visited automatically.
-     *
-     * @memberof StepperComponent
-     */
-    set steps(itemSteps: Step[]);
-    /**
-     * Input property to set the selected index of the stepper.
-     * Default value is 0.
-     *
-     * @memberof StepperComponent
-     */
-    set setSelectedIndex(value: number);
-    /**
-     * Input property indicating whether the final icon should be displayed.
-     * Default value is false.
-     *
-     * @memberof StepperComponent
-     */
-    lastStepFinalIcon: boolean;
-    /**
-     *
-     * Defines the application theme
-     *
-     * @type {ApplicationTheme}
-     * @memberof StepperComponent
-     */
-    applicationTheme: ApplicationTheme;
-    /**
-     * A string representing the ARIA label for accessibility.
-     * This label is used to provide an accessible name for the input element.
-     * @type {string}
-     * @memberof StepperComponent
-     */
-    ariaLabel: string;
-    /**
-     * Defines the stepper position
-     *
-     * @type {StepperPosition}
-     * @memberof StepperComponent
-     */
-    position: StepperPosition;
-    /**
-     * A string representing the ARIA requirement for accessibility.
-     * This attribute is used to indicate whether an input field is required for form submission.
-     * @type {boolean}
-     * @memberof StepperComponent
-     */
-    ariaRequired: boolean;
-    /**
-     * A string representing the stepper variant.
-     * This attribute is used to indicate the variant that should be used.
-     * @type {string}
-     * @memberof StepperComponent
-     */
-    stepperVariant: StepperVariation;
-    selectionChange: EventEmitter<{
-        selectedIndex: number;
-        previousIndex: number;
-        step: Step;
-    }>;
-    private isOpened;
-    private firstStepAutoSelect;
-    protected itemSteps: Step[];
-    protected progressValue: number;
-    protected translationContext: string;
-    protected selectedIndex: number;
-    get isOpen(): boolean;
-    set isOpen(value: boolean);
-    protected keyboardFocused: i0.WritableSignal<boolean>;
-    stepperElement: ElementRef<HTMLElement>;
-    constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>, isLargeTablet$: Observable<boolean>, focusMonitor: FocusMonitor, destroyRef: DestroyRef);
-    ngAfterViewInit(): void;
-    protected onSelect(changedIndex: number, step: Step): void;
-    protected showStepsToggle(): void;
-    protected onCloseStepList(): void;
-    protected subscriberFocus(): void;
-    private selectedStepFocus;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "ui-stepper", never, { "setFirstStepAutoSelect": { "alias": "firstStepAutoSelect"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "setSelectedIndex": { "alias": "selectedIndex"; "required": false; }; "lastStepFinalIcon": { "alias": "lastStepFinalIcon"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "position": { "alias": "position"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "stepperVariant": { "alias": "stepperVariant"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
-}
-
 /**
- * Directive is used to draw lines between steps
+ * Generated bundle index. Do not edit.
  */
-declare class StepLineElementDirective implements OnChanges {
-    private el;
-    stepLineElement: HTMLElement;
-    position: StepperPosition;
-    resize(): void;
-    constructor(el: ElementRef);
-    setSize(): void;
-    ngOnChanges(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepLineElementDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StepLineElementDirective, "[stepLineElement]", never, { "stepLineElement": { "alias": "stepLineElement"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, never, false, never>;
-}
-
-declare class StepComponent implements AfterViewInit {
-    private readonly defaultAppTheme;
-    private focusMonitor;
-    private destroyRef;
-    /**
-     * Input property for the label of the step.
-     *
-     * @memberof StepComponent
-     */
-    label: string;
-    /**
-     * Input property indicating whether the step has been visited.
-     *
-     * @memberof StepComponent
-     */
-    isVisited: boolean;
-    /**
-     * Input property indicating whether the form has been submitted.
-     *
-     * @memberof StepComponent
-     */
-    submitted: boolean;
-    /**
-     * Input property for the icon associated with the step.
-     *
-     * @memberof StepComponent
-     */
-    icon: IconName | undefined;
-    /**
-     * Input property for the index of the step.
-     *
-     * @memberof StepComponent
-     */
-    index: number;
-    /**
-     * Input property indicating whether the step is currently selected.
-     *
-     * @memberof StepComponent
-     */
-    selected: boolean;
-    /**
-     * Input property indicating whether the step is the last step in the stepper.
-     *
-     * @memberof StepComponent
-     */
-    isLast: boolean;
-    /**
-     * Input property indicating the selected index in the stepper.
-     *
-     * @memberof StepComponent
-     */
-    selectedIndex: number;
-    /**
-     * Input property indicating whether the step is disabled.
-     *
-     * @memberof StepComponent
-     */
-    disabled: boolean;
-    /**
-     * Input property indicating whether the previous step has been visited.
-     *
-     * @memberof StepComponent
-     */
-    prevStepIsVisited: boolean | undefined;
-    /**
-     * Input property indicating whether the component is in mobile mode.
-     *
-     * @memberof StepComponent
-     */
-    mobileMode: boolean;
-    /**
-     * Input property indicating whether the component is in large tablet mode.
-     *
-     * @memberof StepComponent
-     */
-    largeTabletMode: boolean | null;
-    /**
-     * Input property indicating whether the final icon should be displayed.
-     *
-     * @memberof StepComponent
-     */
-    finalIcon: boolean;
-    /**
-     * Input property indicating to display icon when step is selected.
-     *
-     * @memberof StepComponent
-     */
-    showIconWhenSelected: boolean;
-    /**
-     *
-     * Defines the application theme
-     *
-     * @type {ApplicationTheme}
-     * @memberof StepComponent
-     */
-    applicationTheme: ApplicationTheme;
-    /**
-     *
-     * Defines the stepper position
-     *
-     * @type {StepperPosition}
-     * @memberof StepComponent
-     */
-    position: StepperPosition;
-    /**
-     *
-     * Step description
-     *
-     * @type {HtmlDescription[]}
-     * @memberof StepComponent
-     */
-    htmlDescription: HtmlDescription[];
-    /**
-     *
-     * Sets bold font weight for label
-     *
-     * @type {boolean}
-     * @memberof StepComponent
-     */
-    boldLabel: boolean;
-    /**
-     *
-     * Template for the step description
-     *
-     * @type {TemplateRef}
-     * @memberof StepComponent
-     */
-    descriptionTpl?: TemplateRef<any>;
-    /**
-     *
-     * Tooltip for the step label
-     *
-     * @type {string}
-     * @memberof StepComponent
-     */
-    labelTooltip?: string;
-    /**
-     *
-     * Always show step icon instead of number
-     *
-     * @type {boolean}
-     * @memberof StepComponent
-     */
-    alwaysShowIcon: boolean;
-    /**
-     *
-     * Context for the step template
-     *
-     * @type {any}
-     * @memberof StepComponent
-     */
-    context: any;
-    /**
-     * A string representing the step variant.
-     * This attribute is used to indicate the variant that should be used.
-     * @type {string}
-     * @memberof StepComponent
-     */
-    stepVariant: StepperVariation;
-    /**
-     * Event emitted when the step was clicked.
-     * @type {number}
-     * @memberof StepComponent
-     */
-    stepSelected: EventEmitter<number>;
-    stepElement: ElementRef<HTMLElement>;
-    protected readonly TooltipPositionType: typeof TooltipPositionType;
-    protected keyboardFocused: i0.WritableSignal<boolean>;
-    constructor(defaultAppTheme: ApplicationTheme, focusMonitor: FocusMonitor, destroyRef: DestroyRef);
-    ngAfterViewInit(): void;
-    protected get hasLastStepDefaultIcon(): boolean;
-    protected onStepSelected(index: number): void;
-    protected subscriberFocus(): void;
-    onKeydown($event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "ui-step", never, { "label": { "alias": "label"; "required": false; }; "isVisited": { "alias": "isVisited"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "prevStepIsVisited": { "alias": "prevStepIsVisited"; "required": false; }; "mobileMode": { "alias": "mobileMode"; "required": false; }; "largeTabletMode": { "alias": "largeTabletMode"; "required": false; }; "finalIcon": { "alias": "finalIcon"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "position": { "alias": "position"; "required": false; }; "htmlDescription": { "alias": "htmlDescription"; "required": false; }; "boldLabel": { "alias": "boldLabel"; "required": false; }; "descriptionTpl": { "alias": "descriptionTpl"; "required": false; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; }; "alwaysShowIcon": { "alias": "alwaysShowIcon"; "required": false; }; "context": { "alias": "context"; "required": false; }; "stepVariant": { "alias": "stepVariant"; "required": false; }; }, { "stepSelected": "stepSelected"; }, never, never, false, never>;
-}
-
-declare class StepComponentModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StepComponentModule, [typeof StepComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.MatTooltipModule, typeof i5.TooltipComponentModule], [typeof StepComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<StepComponentModule>;
-}
-
-declare class StepperComponentModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperComponentModule, [typeof StepperComponent, typeof StepLineElementDirective], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof StepComponentModule, typeof i6.MatProgressSpinnerModule, typeof i7.RadialProgressComponentModule, typeof i8.UiTranslatePipe, typeof i9.MatInputModule], [typeof StepperComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<StepperComponentModule>;
-}
-
-export { StepComponent, StepComponentModule, StepLineElementDirective, StepperComponent, StepperComponentModule };
-export type { HtmlDescription, Step, StepperPosition, StepperVariation };
+/// <amd-module name="@testgorilla/tgo-ui/components/stepper" />
+export * from './public-api';

package/components/stepper/public-api.d.ts

@@ -0,0 +1,7 @@
+export * from './stepper.component';
+export * from './stepper.component.module';
+export * from './stepper.model';
+export * from './step-line-element.directive';
+export * from './step.component';
+export * from './step.component.module';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';

package/components/stepper/step-line-element.directive.d.ts

@@ -0,0 +1,17 @@
+import { ElementRef, OnChanges } from '@angular/core';
+import { StepperPosition } from './stepper.model';
+import * as i0 from "@angular/core";
+/**
+ * Directive is used to draw lines between steps
+ */
+export declare class StepLineElementDirective implements OnChanges {
+    private el;
+    stepLineElement: HTMLElement;
+    position: StepperPosition;
+    resize(): void;
+    constructor(el: ElementRef);
+    setSize(): void;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepLineElementDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StepLineElementDirective, "[stepLineElement]", never, { "stepLineElement": { "alias": "stepLineElement"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, never, false, never>;
+}

package/components/stepper/step.component.d.ts

@@ -0,0 +1,184 @@
+import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import { HtmlDescription, StepperPosition, StepperVariation } from './stepper.model';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { TooltipPositionType } from '@testgorilla/tgo-ui/components/tooltip';
+import * as i0 from "@angular/core";
+export declare class StepComponent implements AfterViewInit {
+    private readonly defaultAppTheme;
+    private focusMonitor;
+    private destroyRef;
+    /**
+     * Input property for the label of the step.
+     *
+     * @memberof StepComponent
+     */
+    label: string;
+    /**
+     * Input property indicating whether the step has been visited.
+     *
+     * @memberof StepComponent
+     */
+    isVisited: boolean;
+    /**
+     * Input property indicating whether the form has been submitted.
+     *
+     * @memberof StepComponent
+     */
+    submitted: boolean;
+    /**
+     * Input property for the icon associated with the step.
+     *
+     * @memberof StepComponent
+     */
+    icon: IconName | undefined;
+    /**
+     * Input property for the index of the step.
+     *
+     * @memberof StepComponent
+     */
+    index: number;
+    /**
+     * Input property indicating whether the step is currently selected.
+     *
+     * @memberof StepComponent
+     */
+    selected: boolean;
+    /**
+     * Input property indicating whether the step is the last step in the stepper.
+     *
+     * @memberof StepComponent
+     */
+    isLast: boolean;
+    /**
+     * Input property indicating the selected index in the stepper.
+     *
+     * @memberof StepComponent
+     */
+    selectedIndex: number;
+    /**
+     * Input property indicating whether the step is disabled.
+     *
+     * @memberof StepComponent
+     */
+    disabled: boolean;
+    /**
+     * Input property indicating whether the previous step has been visited.
+     *
+     * @memberof StepComponent
+     */
+    prevStepIsVisited: boolean | undefined;
+    /**
+     * Input property indicating whether the component is in mobile mode.
+     *
+     * @memberof StepComponent
+     */
+    mobileMode: boolean;
+    /**
+     * Input property indicating whether the component is in large tablet mode.
+     *
+     * @memberof StepComponent
+     */
+    largeTabletMode: boolean | null;
+    /**
+     * Input property indicating whether the final icon should be displayed.
+     *
+     * @memberof StepComponent
+     */
+    finalIcon: boolean;
+    /**
+     * Input property indicating to display icon when step is selected.
+     *
+     * @memberof StepComponent
+     */
+    showIconWhenSelected: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof StepComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     *
+     * Defines the stepper position
+     *
+     * @type {StepperPosition}
+     * @memberof StepComponent
+     */
+    position: StepperPosition;
+    /**
+     *
+     * Step description
+     *
+     * @type {HtmlDescription[]}
+     * @memberof StepComponent
+     */
+    htmlDescription: HtmlDescription[];
+    /**
+     *
+     * Sets bold font weight for label
+     *
+     * @type {boolean}
+     * @memberof StepComponent
+     */
+    boldLabel: boolean;
+    /**
+     *
+     * Template for the step description
+     *
+     * @type {TemplateRef}
+     * @memberof StepComponent
+     */
+    descriptionTpl?: TemplateRef<any>;
+    /**
+     *
+     * Tooltip for the step label
+     *
+     * @type {string}
+     * @memberof StepComponent
+     */
+    labelTooltip?: string;
+    /**
+     *
+     * Always show step icon instead of number
+     *
+     * @type {boolean}
+     * @memberof StepComponent
+     */
+    alwaysShowIcon: boolean;
+    /**
+     *
+     * Context for the step template
+     *
+     * @type {any}
+     * @memberof StepComponent
+     */
+    context: any;
+    /**
+     * A string representing the step variant.
+     * This attribute is used to indicate the variant that should be used.
+     * @type {string}
+     * @memberof StepComponent
+     */
+    stepVariant: StepperVariation;
+    /**
+     * Event emitted when the step was clicked.
+     * @type {number}
+     * @memberof StepComponent
+     */
+    stepSelected: EventEmitter<number>;
+    stepElement: ElementRef<HTMLElement>;
+    protected readonly TooltipPositionType: typeof TooltipPositionType;
+    protected keyboardFocused: import("@angular/core").WritableSignal<boolean>;
+    constructor(defaultAppTheme: ApplicationTheme, focusMonitor: FocusMonitor, destroyRef: DestroyRef);
+    ngAfterViewInit(): void;
+    protected get hasLastStepDefaultIcon(): boolean;
+    protected onStepSelected(index: number): void;
+    protected subscriberFocus(): void;
+    onKeydown($event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "ui-step", never, { "label": { "alias": "label"; "required": false; }; "isVisited": { "alias": "isVisited"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "prevStepIsVisited": { "alias": "prevStepIsVisited"; "required": false; }; "mobileMode": { "alias": "mobileMode"; "required": false; }; "largeTabletMode": { "alias": "largeTabletMode"; "required": false; }; "finalIcon": { "alias": "finalIcon"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "position": { "alias": "position"; "required": false; }; "htmlDescription": { "alias": "htmlDescription"; "required": false; }; "boldLabel": { "alias": "boldLabel"; "required": false; }; "descriptionTpl": { "alias": "descriptionTpl"; "required": false; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; }; "alwaysShowIcon": { "alias": "alwaysShowIcon"; "required": false; }; "context": { "alias": "context"; "required": false; }; "stepVariant": { "alias": "stepVariant"; "required": false; }; }, { "stepSelected": "stepSelected"; }, never, never, false, never>;
+}

package/components/stepper/step.component.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./step.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@testgorilla/tgo-ui/components/icon";
+import * as i4 from "@angular/material/tooltip";
+import * as i5 from "@testgorilla/tgo-ui/components/tooltip";
+export declare class StepComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepComponentModule, [typeof i1.StepComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.MatTooltipModule, typeof i5.TooltipComponentModule], [typeof i1.StepComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StepComponentModule>;
+}

package/components/stepper/stepper.component.d.ts

@@ -0,0 +1,102 @@
+import { AfterViewInit, DestroyRef, ElementRef, EventEmitter } from '@angular/core';
+import { Step, StepperPosition, StepperVariation } from './stepper.model';
+import { Observable } from 'rxjs';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import * as i0 from "@angular/core";
+export declare class StepperComponent implements AfterViewInit {
+    private readonly defaultAppTheme;
+    protected readonly isMobile$: Observable<boolean>;
+    protected readonly isLargeTablet$: Observable<boolean>;
+    protected focusMonitor: FocusMonitor;
+    protected destroyRef: DestroyRef;
+    /**
+     *
+     * Auto selects first step as visited
+     * Defaults to true
+     *
+     * @memberof StepperComponent
+     */
+    set setFirstStepAutoSelect(value: boolean);
+    /**
+     * Input property to set the steps for the stepper.
+     * The first step will be marked as visited automatically.
+     *
+     * @memberof StepperComponent
+     */
+    set steps(itemSteps: Step[]);
+    /**
+     * Input property to set the selected index of the stepper.
+     * Default value is 0.
+     *
+     * @memberof StepperComponent
+     */
+    set setSelectedIndex(value: number);
+    /**
+     * Input property indicating whether the final icon should be displayed.
+     * Default value is false.
+     *
+     * @memberof StepperComponent
+     */
+    lastStepFinalIcon: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof StepperComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * A string representing the ARIA label for accessibility.
+     * This label is used to provide an accessible name for the input element.
+     * @type {string}
+     * @memberof StepperComponent
+     */
+    ariaLabel: string;
+    /**
+     * Defines the stepper position
+     *
+     * @type {StepperPosition}
+     * @memberof StepperComponent
+     */
+    position: StepperPosition;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {boolean}
+     * @memberof StepperComponent
+     */
+    ariaRequired: boolean;
+    /**
+     * A string representing the stepper variant.
+     * This attribute is used to indicate the variant that should be used.
+     * @type {string}
+     * @memberof StepperComponent
+     */
+    stepperVariant: StepperVariation;
+    selectionChange: EventEmitter<{
+        selectedIndex: number;
+        previousIndex: number;
+        step: Step;
+    }>;
+    private isOpened;
+    private firstStepAutoSelect;
+    protected itemSteps: Step[];
+    protected progressValue: number;
+    protected translationContext: string;
+    protected selectedIndex: number;
+    get isOpen(): boolean;
+    set isOpen(value: boolean);
+    protected keyboardFocused: import("@angular/core").WritableSignal<boolean>;
+    stepperElement: ElementRef<HTMLElement>;
+    constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>, isLargeTablet$: Observable<boolean>, focusMonitor: FocusMonitor, destroyRef: DestroyRef);
+    ngAfterViewInit(): void;
+    protected onSelect(changedIndex: number, step: Step): void;
+    protected showStepsToggle(): void;
+    protected onCloseStepList(): void;
+    protected subscriberFocus(): void;
+    private selectedStepFocus;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "ui-stepper", never, { "setFirstStepAutoSelect": { "alias": "firstStepAutoSelect"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "setSelectedIndex": { "alias": "selectedIndex"; "required": false; }; "lastStepFinalIcon": { "alias": "lastStepFinalIcon"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "position": { "alias": "position"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "stepperVariant": { "alias": "stepperVariant"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
+}