@siemens/element-ng 47.2.0 → 47.4.0

package/typeahead/si-typeahead.directive.d.ts

@@ -0,0 +1,196 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { ConnectionPositionPair } from '@angular/cdk/overlay';
+import { OnChanges, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
+import { Typeahead, TypeaheadMatch, TypeaheadOptionItemContext } from './si-typeahead.model';
+import * as i0 from "@angular/core";
+import * as i1 from "@siemens/element-ng/autocomplete";
+export declare class SiTypeaheadDirective implements OnChanges, OnDestroy {
+    protected static readonly overlayPositions: ConnectionPositionPair[];
+    /**
+     * Set the options of the typeahead.
+     * Has to be either an Array or an Observable of an Array
+     * of options (string or object)
+     */
+    readonly siTypeahead: import("@angular/core").InputSignal<Typeahead>;
+    /**
+     * Turns on/off the processing (searching and sorting) of the typeahead options.
+     * Is used when searching and sorting is done externally.
+     *
+     * @defaultValue true
+     */
+    readonly typeaheadProcess: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Makes the typeahead scrollable and sets its height.
+     * Uses {@link typeaheadOptionsInScrollableView} and {@link typeaheadScrollableAdditionalHeight}.
+     *
+     * @defaultValue false
+     */
+    readonly typeaheadScrollable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * If {@link typeaheadScrollable} is `true`, defines the number of items visible at once.
+     *
+     * @defaultValue 10
+     */
+    readonly typeaheadOptionsInScrollableView: import("@angular/core").InputSignal<number>;
+    /**
+     * Defines the maximum number of items added into the DOM. Default is 20 and 0 means unlimited.
+     *
+     * @defaultValue 20
+     */
+    readonly typeaheadOptionsLimit: import("@angular/core").InputSignal<number>;
+    /**
+     * If {@link typeaheadScrollable} is `true`, defines the number of additional pixels
+     * to be added the the bottom of the typeahead to show users that it is scrollable.
+     *
+     * @defaultValue 13
+     */
+    readonly typeaheadScrollableAdditionalHeight: import("@angular/core").InputSignal<number>;
+    /**
+     * Defines the index of the item which should automatically be selected.
+     *
+     * @defaultValue 0
+     */
+    readonly typeaheadAutoSelectIndex: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /**
+     * Defines whether the typeahead can be closed using escape.
+     *
+     * @defaultValue true
+     */
+    readonly typeaheadCloseOnEsc: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the host value should be cleared when a value is selected.
+     *
+     * @defaultValue false
+     */
+    readonly typeaheadClearValueOnSelect: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the number of milliseconds to wait before displaying a typeahead after the host was
+     * focused or a value inputted.
+     *
+     * @defaultValue 0
+     */
+    readonly typeaheadWaitMs: import("@angular/core").InputSignal<number>;
+    /**
+     * Defines the number of characters the value of the host needs to be before a typeahead is displayed.
+     * Use `0` to have it display when focussing the host (clicking or tabbing into it).
+     *
+     * @defaultValue 1
+     */
+    readonly typeaheadMinLength: import("@angular/core").InputSignal<number>;
+    /**
+     * Defines the name of the field/property the option string is in when the typeahead options are objects.
+     *
+     * @defaultValue 'name'
+     */
+    readonly typeaheadOptionField: import("@angular/core").InputSignal<string>;
+    /**
+     * Defines whether multiselection of typeahead is possible with checkboxes.
+     *
+     * @defaultValue false
+     */
+    readonly typeaheadMultiSelect: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether to tokenize the search or match the whole search.
+     *
+     * @defaultValue true
+     */
+    readonly typeaheadTokenize: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether and how to require to match with all the tokens if {@link typeaheadTokenize} is enabled.
+     * - `no` does not require all of the tokens to match.
+     * - `once` requires all of the parts to be found in the search.
+     * - `separately` requires all of the parts to be found in the search where there is not an overlapping different result.
+     * - `independently` requires all of the parts to be found in the search where there is not an overlapping or adjacent different result.
+     *  ('independently' also slightly changes sorting behavior in the same way.)
+     *
+     * @defaultValue 'separately'
+     */
+    readonly typeaheadMatchAllTokens: import("@angular/core").InputSignal<"no" | "once" | "separately" | "independently">;
+    /**
+     * Defines an optional template to use as the typeahead match item instead of the one built in.
+     * Gets the {@link TypeaheadOptionItemContext} passed to it.
+     */
+    readonly typeaheadItemTemplate: import("@angular/core").InputSignal<TemplateRef<TypeaheadOptionItemContext> | undefined>;
+    /**
+     * Skip the sorting of matches.
+     * If the value is `true`, the matches are sorted according to {@link SiTypeaheadSorting}.
+     *
+     * @defaultValue false
+     */
+    readonly typeaheadSkipSortingMatches: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Screen reader only label for the autocomplete list.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_TYPEAHEAD.AUTOCOMPLETE_LIST_LABEL:Suggestions`
+     * ```
+     */
+    readonly typeaheadAutocompleteListLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate-types").TranslatableString>;
+    /**
+     * If set, the typeahead will at minium have the width of the connected input field.
+     *
+     * @defaultValue false
+     */
+    readonly typeaheadFullWidth: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Emits an Event when the input field is changed.
+     */
+    readonly typeaheadOnInput: import("@angular/core").OutputEmitterRef<string>;
+    /**
+     * Emits an Event when a typeahead match is selected.
+     * The event is a {@link TypeaheadMatch}
+     */
+    readonly typeaheadOnSelect: import("@angular/core").OutputEmitterRef<TypeaheadMatch>;
+    /** @deprecated Never emits. Use {@link typeaheadOpenChange} instead. */
+    readonly typeaheadOnMultiselectClose: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * Emits an Event when a typeahead full match exists. A full match occurs when the entered text
+     * is equal to one of the typeahead options.
+     * The event is a {@link TypeaheadMatch}
+     */
+    readonly typeaheadOnFullMatch: import("@angular/core").OutputEmitterRef<TypeaheadMatch>;
+    /** @deprecated Use {@link typeaheadOpenChange} instead. */
+    readonly typeaheadClosed: import("@angular/core").OutputEmitterRef<void>;
+    /** Emits whenever the typeahead overlay is opened or closed. */
+    readonly typeaheadOpenChange: import("@angular/core").OutputEmitterRef<boolean>;
+    /** @internal */
+    readonly foundMatches: import("@angular/core").WritableSignal<TypeaheadMatch[]>;
+    /** @internal */
+    readonly query: import("@angular/core").WritableSignal<string>;
+    /**
+     * Indicates whether the typeahead is shown.
+     */
+    get typeaheadOpen(): boolean;
+    private overlay;
+    private elementRef;
+    private injector;
+    private autoComplete;
+    private $typeahead;
+    private componentRef?;
+    private component?;
+    private inputTimer;
+    private sourceSubscription?;
+    private subscription?;
+    private matchSorter;
+    private overlayRef?;
+    ngOnChanges(changes: SimpleChanges): void;
+    protected onBlur(): void;
+    protected onInput(event: Event): void;
+    protected onKeydownEscape(): void;
+    protected onKeydownSpace(event: KeyboardEvent): void;
+    ngOnDestroy(): void;
+    private loadComponent;
+    private getOptionValue;
+    private getMatches;
+    /** @internal */
+    selectMatch(match: TypeaheadMatch): void;
+    private removeComponent;
+    private clearTimer;
+    private escapeRegex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTypeaheadDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiTypeaheadDirective, "[siTypeahead]", ["si-typeahead"], { "siTypeahead": { "alias": "siTypeahead"; "required": true; "isSignal": true; }; "typeaheadProcess": { "alias": "typeaheadProcess"; "required": false; "isSignal": true; }; "typeaheadScrollable": { "alias": "typeaheadScrollable"; "required": false; "isSignal": true; }; "typeaheadOptionsInScrollableView": { "alias": "typeaheadOptionsInScrollableView"; "required": false; "isSignal": true; }; "typeaheadOptionsLimit": { "alias": "typeaheadOptionsLimit"; "required": false; "isSignal": true; }; "typeaheadScrollableAdditionalHeight": { "alias": "typeaheadScrollableAdditionalHeight"; "required": false; "isSignal": true; }; "typeaheadAutoSelectIndex": { "alias": "typeaheadAutoSelectIndex"; "required": false; "isSignal": true; }; "typeaheadCloseOnEsc": { "alias": "typeaheadCloseOnEsc"; "required": false; "isSignal": true; }; "typeaheadClearValueOnSelect": { "alias": "typeaheadClearValueOnSelect"; "required": false; "isSignal": true; }; "typeaheadWaitMs": { "alias": "typeaheadWaitMs"; "required": false; "isSignal": true; }; "typeaheadMinLength": { "alias": "typeaheadMinLength"; "required": false; "isSignal": true; }; "typeaheadOptionField": { "alias": "typeaheadOptionField"; "required": false; "isSignal": true; }; "typeaheadMultiSelect": { "alias": "typeaheadMultiSelect"; "required": false; "isSignal": true; }; "typeaheadTokenize": { "alias": "typeaheadTokenize"; "required": false; "isSignal": true; }; "typeaheadMatchAllTokens": { "alias": "typeaheadMatchAllTokens"; "required": false; "isSignal": true; }; "typeaheadItemTemplate": { "alias": "typeaheadItemTemplate"; "required": false; "isSignal": true; }; "typeaheadSkipSortingMatches": { "alias": "typeaheadSkipSortingMatches"; "required": false; "isSignal": true; }; "typeaheadAutocompleteListLabel": { "alias": "typeaheadAutocompleteListLabel"; "required": false; "isSignal": true; }; "typeaheadFullWidth": { "alias": "typeaheadFullWidth"; "required": false; "isSignal": true; }; }, { "typeaheadOnInput": "typeaheadOnInput"; "typeaheadOnSelect": "typeaheadOnSelect"; "typeaheadOnMultiselectClose": "typeaheadOnMultiselectClose"; "typeaheadOnFullMatch": "typeaheadOnFullMatch"; "typeaheadClosed": "typeaheadClosed"; "typeaheadOpenChange": "typeaheadOpenChange"; }, never, never, true, [{ directive: typeof i1.SiAutocompleteDirective; inputs: {}; outputs: {}; }]>;
+}

package/typeahead/si-typeahead.model.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { Observable } from 'rxjs';
+/**
+ * A singular item to be used in the typeahead.
+ * Can be either a string or an object.
+ */
+export type TypeaheadOption = string | {
+    [key in string | number]: any;
+};
+/**
+ * An array of {@link TypeaheadOption}.
+ */
+export type TypeaheadArray = TypeaheadOption[];
+/**
+ * An observable of a {@link TypeaheadArray} (array of {@link TypeaheadOption}).
+ */
+export type TypeaheadObservable = Observable<TypeaheadArray>;
+/**
+ * Either a {@link TypeaheadObservable} (observable of a {@link TypeaheadArray}) or a {@link TypeaheadArray}.
+ */
+export type Typeahead = TypeaheadArray | TypeaheadObservable;
+/**
+ * A segment of a {@link TypeaheadMatch}, which is a matching or non-matching segment of a typeahead option.
+ */
+export interface MatchSegment {
+    text: string;
+    isMatching: boolean;
+    matches: number;
+    uniqueMatches: number;
+}
+/**
+ * A typeahead match, which is a processed typeahead option.
+ */
+export interface TypeaheadMatch {
+    option: TypeaheadOption;
+    text: string;
+    result: MatchSegment[];
+    stringMatch: boolean;
+    atBeginning: boolean;
+    matches: number;
+    uniqueMatches: number;
+    uniqueSeparateMatches: number;
+    matchesEntireQuery: boolean;
+    matchesAllParts: boolean;
+    matchesAllPartsSeparately: boolean;
+    itemSelected?: boolean;
+    iconClass?: string;
+}
+/**
+ * An interface to define the context of a typeahead item template
+ */
+export interface TypeaheadOptionItemContext {
+    item: TypeaheadOption;
+    index: number;
+    match: TypeaheadMatch;
+    query: string;
+}

package/typeahead/si-typeahead.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-typeahead.directive";
+import * as i2 from "./si-typeahead-item-template.directive";
+export declare class SiTypeaheadModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTypeaheadModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiTypeaheadModule, never, [typeof i1.SiTypeaheadDirective, typeof i2.SiTypeaheadItemTemplateDirective], [typeof i1.SiTypeaheadDirective, typeof i2.SiTypeaheadItemTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiTypeaheadModule>;
+}

package/typeahead/si-typeahead.sorting.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { TypeaheadMatch } from './si-typeahead.model';
+export declare class SiTypeaheadSorting {
+    sortMatches(matches: TypeaheadMatch[]): TypeaheadMatch[];
+    private compareMatchesNumbers;
+    private compareMatches;
+}

package/unauthorized-page/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-unauthorized-page.component';
+export * from './si-unauthorized-page.module';

package/unauthorized-page/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-unauthorized-page.mjs"
+}

package/unauthorized-page/si-unauthorized-page.component.d.ts

@@ -0,0 +1,35 @@
+import { Link } from '@siemens/element-ng/link';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import * as i0 from "@angular/core";
+/**
+ * The component shall be use to indicate that an authenticated
+ * user does not have the required permissions.
+ *
+ * @deprecated This component is deprecated and will be removed in the future.
+ * Use the `SiInfoPageComponent` component with the `si-info-page` element instead.
+ * The `SiInfoPageComponent` is a superset of this component and supports the same use cases
+ * and more.
+ */
+export declare class SiUnauthorizedPageComponent {
+    /**
+     * The element warning icon.
+     *
+     * @defaultValue 'element-warning-filled'
+     */
+    readonly icon: import("@angular/core").InputSignal<string>;
+    /** The main heading indicating the problem. */
+    readonly heading: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    /** A sub heading is a sentence summarizing the problem. */
+    readonly subHeading: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    /** May be a longer description explaining the problem. */
+    readonly description: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    /**
+     * Use the link object if you have one option to follow. A link object
+     * has a title to be displayed and can be configured with an external link,
+     * a router link, or a custom action. If you want to provide multiple options,
+     * add your own content into the component.
+     */
+    readonly link: import("@angular/core").InputSignal<Link | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiUnauthorizedPageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiUnauthorizedPageComponent, "si-unauthorized-page", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "subHeading": { "alias": "subHeading"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/unauthorized-page/si-unauthorized-page.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-unauthorized-page.component";
+export declare class SiUnauthorizedPageModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiUnauthorizedPageModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiUnauthorizedPageModule, never, [typeof i1.SiUnauthorizedPageComponent], [typeof i1.SiUnauthorizedPageComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiUnauthorizedPageModule>;
+}

package/wizard/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-wizard-step.component';
+export * from './si-wizard.component';
+export * from './si-wizard.module';

package/wizard/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-wizard.mjs"
+}

package/wizard/si-wizard-step.component.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from "@angular/core";
+export declare class SiWizardStepComponent {
+    /** @defaultValue '' */
+    readonly heading: import("@angular/core").InputSignal<string>;
+    /** @defaultValue true */
+    readonly isValid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** @defaultValue true */
+    readonly isNextNavigable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** @defaultValue false */
+    readonly failed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly next: import("@angular/core").OutputEmitterRef<void>;
+    readonly back: import("@angular/core").OutputEmitterRef<void>;
+    readonly save: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * Whether this step is currently active or not.
+     * @defaultValue false
+     */
+    readonly isActive: import("@angular/core").WritableSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiWizardStepComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiWizardStepComponent, "si-wizard-step", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "isNextNavigable": { "alias": "isNextNavigable"; "required": false; "isSignal": true; }; "failed": { "alias": "failed"; "required": false; "isSignal": true; }; }, { "next": "next"; "back": "back"; "save": "save"; }, never, ["*"], true, never>;
+}

package/wizard/si-wizard.component.d.ts

@@ -0,0 +1,196 @@
+import { AfterContentInit, ElementRef, OnDestroy } from '@angular/core';
+import { SiWizardStepComponent } from './si-wizard-step.component';
+import * as i0 from "@angular/core";
+interface StepItem {
+    index: number;
+    step: SiWizardStepComponent;
+}
+export declare class SiWizardComponent implements AfterContentInit, OnDestroy {
+    private wizardSteps;
+    protected readonly containerSteps: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
+    /**
+     * Description of back button.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_WIZARD.BACK:Back`
+     * ```
+     */
+    readonly backText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Description of next button.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_WIZARD.NEXT:Next`
+     * ```
+     */
+    readonly nextText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * @deprecated Use {@link hideNavigation} instead.
+     *
+     * @defaultValue true
+     */
+    readonly hasNavigation: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Hide the navigation buttons previous/next.
+     *
+     * @defaultValue false
+     */
+    readonly hideNavigation: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Description of save button.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_WIZARD.SAVE:Save`
+     * ```
+     */
+    readonly saveText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Hide the save button.
+     *
+     * @defaultValue false
+     */
+    readonly hideSave: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Text shown if you complete the wizard.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_WIZARD.COMPLETED:Wizard completed!`
+     * ```
+     */
+    readonly completionText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Description of cancel button.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_WIZARD.CANCEL:Cancel`
+     * ```
+     */
+    readonly cancelText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Show the cancel button
+     *
+     * @defaultValue false
+     */
+    readonly hasCancel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Display a predefined page by the end of the wizard.
+     *
+     * @defaultValue false
+     */
+    readonly enableCompletionPage: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Define how many milliseconds the completion page is visible.
+     *
+     * @defaultValue 3000
+     */
+    readonly completionPageVisibleTime: import("@angular/core").InputSignal<number>;
+    /**
+     * Class name of icon shown for current and upcoming steps.
+     *
+     * @defaultValue 'elementNotChecked'
+     */
+    readonly stepIcon: import("@angular/core").InputSignal<string>;
+    /**
+     * Class name of icon shown for the active step.
+     *
+     * @defaultValue 'elementRadioChecked'
+     */
+    readonly stepActiveIcon: import("@angular/core").InputSignal<string>;
+    /**
+     * Class name of icon shown when a step was completed.
+     *
+     * @defaultValue 'elementCheckedFilled'
+     */
+    readonly stepCompletedIcon: import("@angular/core").InputSignal<string>;
+    /**
+     * Class name of icon shown when a step had an error.
+     *
+     * @defaultValue 'elementWarningFilled'
+     */
+    readonly stepFailedIcon: import("@angular/core").InputSignal<string>;
+    /**
+     * Set the orientation of the wizard to vertical.
+     *
+     * @defaultValue false
+     */
+    readonly verticalLayout: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Set false to show navigation buttons in footer instead of inline.
+     *
+     * @defaultValue true
+     */
+    readonly inlineNavigation: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Use number representation for steps.
+     *
+     * @defaultValue false
+     */
+    readonly showStepNumbers: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Set to true to display a divider between the steps and the content in the vertical
+     *
+     * @defaultValue false
+     */
+    readonly showVerticalDivider: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Set the wizard step container min size in vertical layout. */
+    readonly verticalMinSize: import("@angular/core").InputSignal<string | undefined>;
+    /** Set the wizard step container max size in vertical layout. */
+    readonly verticalMaxSize: import("@angular/core").InputSignal<string | undefined>;
+    /** Callback function triggered after the wizard has been completed. */
+    readonly completionAction: import("@angular/core").OutputEmitterRef<void>;
+    /** Callback function triggered if the wizard has been canceled. */
+    readonly wizardCancel: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * Callback function triggered if the wizard has been canceled.
+     * @deprecated use {@link wizardCancel} instead
+     */
+    readonly cancel: import("@angular/core").OutputEmitterRef<void>;
+    /** Get the current step wizard step index. */
+    get index(): number;
+    /** Get number of wizard steps. */
+    get stepCount(): number;
+    /** Get current visible wizard step. */
+    get currentStep(): SiWizardStepComponent | undefined;
+    protected steps: SiWizardStepComponent[];
+    protected visibleSteps: number;
+    protected readonly showCompletionPage: import("@angular/core").WritableSignal<boolean>;
+    /** The list of visible steps. */
+    protected readonly activeSteps: import("@angular/core").WritableSignal<StepItem[]>;
+    protected readonly shouldHideNavigation: import("@angular/core").Signal<boolean>;
+    private readonly _index;
+    private readonly _currentStep;
+    protected readonly icons: Record<"elementNotChecked" | "elementRadioChecked" | "elementCheckedFilled" | "elementWarningFilled" | "elementCancel" | "elementChecked" | "elementLeft4" | "elementRight4", string>;
+    private destroyer;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    protected canActivate(stepIndex: number): boolean;
+    protected activateStep(event: Event, stepIndex: number): void;
+    protected getStateClass(stepIndex: number): string;
+    protected getAriaDisabled(stepIndex: number): string;
+    protected getAriaCurrent(stepIndex: number): string;
+    /**
+     * Go to the next wizard step.
+     * @param delta - optional number of steps to move forward.
+     */
+    next(delta?: number): void;
+    /**
+     * Go to the previous wizard step.
+     * @param delta - optional number of steps to move backwards.
+     */
+    back(delta?: number): void;
+    /** Triggers the save action to complete the wizard. */
+    save(): void;
+    protected getState(step: SiWizardStepComponent, stepIndex: number): string;
+    private activate;
+    protected calculateNumberOfVisibleSteps(): void;
+    private updateSteps;
+    private updateVisibleSteps;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiWizardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiWizardComponent, "si-wizard", never, { "backText": { "alias": "backText"; "required": false; "isSignal": true; }; "nextText": { "alias": "nextText"; "required": false; "isSignal": true; }; "hasNavigation": { "alias": "hasNavigation"; "required": false; "isSignal": true; }; "hideNavigation": { "alias": "hideNavigation"; "required": false; "isSignal": true; }; "saveText": { "alias": "saveText"; "required": false; "isSignal": true; }; "hideSave": { "alias": "hideSave"; "required": false; "isSignal": true; }; "completionText": { "alias": "completionText"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "hasCancel": { "alias": "hasCancel"; "required": false; "isSignal": true; }; "enableCompletionPage": { "alias": "enableCompletionPage"; "required": false; "isSignal": true; }; "completionPageVisibleTime": { "alias": "completionPageVisibleTime"; "required": false; "isSignal": true; }; "stepIcon": { "alias": "stepIcon"; "required": false; "isSignal": true; }; "stepActiveIcon": { "alias": "stepActiveIcon"; "required": false; "isSignal": true; }; "stepCompletedIcon": { "alias": "stepCompletedIcon"; "required": false; "isSignal": true; }; "stepFailedIcon": { "alias": "stepFailedIcon"; "required": false; "isSignal": true; }; "verticalLayout": { "alias": "verticalLayout"; "required": false; "isSignal": true; }; "inlineNavigation": { "alias": "inlineNavigation"; "required": false; "isSignal": true; }; "showStepNumbers": { "alias": "showStepNumbers"; "required": false; "isSignal": true; }; "showVerticalDivider": { "alias": "showVerticalDivider"; "required": false; "isSignal": true; }; "verticalMinSize": { "alias": "verticalMinSize"; "required": false; "isSignal": true; }; "verticalMaxSize": { "alias": "verticalMaxSize"; "required": false; "isSignal": true; }; }, { "completionAction": "completionAction"; "wizardCancel": "wizardCancel"; }, ["wizardSteps"], ["*"], true, never>;
+}
+export {};

package/wizard/si-wizard.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-wizard.component";
+import * as i2 from "./si-wizard-step.component";
+export declare class SiWizardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiWizardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiWizardModule, never, [typeof i1.SiWizardComponent, typeof i2.SiWizardStepComponent], [typeof i1.SiWizardComponent, typeof i2.SiWizardStepComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiWizardModule>;
+}