@siemens/element-ng 47.7.0 → 48.0.0-next.1

package/typeahead/index.d.ts

@@ -1,8 +1,266 @@
+import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+import * as _angular_core from '@angular/core';
+import { OnChanges, OnDestroy, TemplateRef, SimpleChanges } from '@angular/core';
+import { ConnectionPositionPair } from '@angular/cdk/overlay';
+import { Observable } from 'rxjs';
+import * as i1 from '@siemens/element-ng/autocomplete';
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './si-typeahead.directive';
-export * from './si-typeahead.model';
-export * from './si-typeahead.module';
-export * from './si-typeahead-item-template.directive';
+
+/**
+ * A singular item to be used in the typeahead.
+ * Can be either a string or an object.
+ */
+type TypeaheadOption = string | {
+    [key in string | number]: any;
+};
+/**
+ * An array of {@link TypeaheadOption}.
+ */
+type TypeaheadArray = TypeaheadOption[];
+/**
+ * An observable of a {@link TypeaheadArray} (array of {@link TypeaheadOption}).
+ */
+type TypeaheadObservable = Observable<TypeaheadArray>;
+/**
+ * Either a {@link TypeaheadObservable} (observable of a {@link TypeaheadArray}) or a {@link TypeaheadArray}.
+ */
+type Typeahead = TypeaheadArray | TypeaheadObservable;
+/**
+ * A segment of a {@link TypeaheadMatch}, which is a matching or non-matching segment of a typeahead option.
+ */
+interface MatchSegment {
+    text: string;
+    isMatching: boolean;
+    matches: number;
+    uniqueMatches: number;
+}
+/**
+ * A typeahead match, which is a processed typeahead option.
+ */
+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
+ */
+interface TypeaheadOptionItemContext {
+    item: TypeaheadOption;
+    index: number;
+    match: TypeaheadMatch;
+    query: string;
+}
+
+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: _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: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Makes the typeahead scrollable and sets its height.
+     * Uses {@link typeaheadOptionsInScrollableView} and {@link typeaheadScrollableAdditionalHeight}.
+     *
+     * @defaultValue false
+     */
+    readonly typeaheadScrollable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * If {@link typeaheadScrollable} is `true`, defines the number of items visible at once.
+     *
+     * @defaultValue 10
+     */
+    readonly typeaheadOptionsInScrollableView: _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: _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: _angular_core.InputSignal<number>;
+    /**
+     * Defines the index of the item which should automatically be selected.
+     *
+     * @defaultValue 0
+     */
+    readonly typeaheadAutoSelectIndex: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Defines whether the typeahead can be closed using escape.
+     *
+     * @defaultValue true
+     */
+    readonly typeaheadCloseOnEsc: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether the host value should be cleared when a value is selected.
+     *
+     * @defaultValue false
+     */
+    readonly typeaheadClearValueOnSelect: _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: _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: _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: _angular_core.InputSignal<string>;
+    /**
+     * Defines whether multiselection of typeahead is possible with checkboxes.
+     *
+     * @defaultValue false
+     */
+    readonly typeaheadMultiSelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines whether to tokenize the search or match the whole search.
+     *
+     * @defaultValue true
+     */
+    readonly typeaheadTokenize: _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: _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: _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: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Screen reader only label for the autocomplete list.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_TYPEAHEAD.AUTOCOMPLETE_LIST_LABEL:Suggestions`)
+     * ```
+     */
+    readonly typeaheadAutocompleteListLabel: _angular_core.InputSignal<_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: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Emits an Event when the input field is changed.
+     */
+    readonly typeaheadOnInput: _angular_core.OutputEmitterRef<string>;
+    /**
+     * Emits an Event when a typeahead match is selected.
+     * The event is a {@link TypeaheadMatch}
+     */
+    readonly typeaheadOnSelect: _angular_core.OutputEmitterRef<TypeaheadMatch>;
+    /**
+     * 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: _angular_core.OutputEmitterRef<TypeaheadMatch>;
+    /** Emits whenever the typeahead overlay is opened or closed. */
+    readonly typeaheadOpenChange: _angular_core.OutputEmitterRef<boolean>;
+    /** @internal */
+    readonly foundMatches: _angular_core.WritableSignal<TypeaheadMatch[]>;
+    /** @internal */
+    readonly query: _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: Event): void;
+    ngOnDestroy(): void;
+    private loadComponent;
+    private getOptionValue;
+    private getMatches;
+    /** @internal */
+    selectMatch(match: TypeaheadMatch): void;
+    private removeComponent;
+    private clearTimer;
+    private escapeRegex;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiTypeaheadDirective, never>;
+    static ɵdir: _angular_core.ɵɵ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"; "typeaheadOnFullMatch": "typeaheadOnFullMatch"; "typeaheadOpenChange": "typeaheadOpenChange"; }, never, never, true, [{ directive: typeof i1.SiAutocompleteDirective; inputs: {}; outputs: {}; }]>;
+}
+
+declare class SiTypeaheadItemTemplateDirective {
+    static ngTemplateContextGuard(dir: SiTypeaheadItemTemplateDirective, ctx: any): ctx is TypeaheadOptionItemContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiTypeaheadItemTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiTypeaheadItemTemplateDirective, "[siTypeaheadItemTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class SiTypeaheadModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiTypeaheadModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiTypeaheadModule, never, [typeof SiTypeaheadDirective, typeof SiTypeaheadItemTemplateDirective], [typeof SiTypeaheadDirective, typeof SiTypeaheadItemTemplateDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiTypeaheadModule>;
+}
+
+export { SiTypeaheadDirective, SiTypeaheadItemTemplateDirective, SiTypeaheadModule };
+export type { MatchSegment, Typeahead, TypeaheadArray, TypeaheadMatch, TypeaheadObservable, TypeaheadOption, TypeaheadOptionItemContext };

package/unauthorized-page/index.d.ts

@@ -1,6 +1,44 @@
+import * as _angular_core from '@angular/core';
+import { Link } from '@siemens/element-ng/link';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+
 /**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
+ * 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 * from './si-unauthorized-page.component';
-export * from './si-unauthorized-page.module';
+declare class SiUnauthorizedPageComponent {
+    /**
+     * The element warning icon.
+     *
+     * @defaultValue 'element-warning-filled'
+     */
+    readonly icon: _angular_core.InputSignal<string>;
+    /** The main heading indicating the problem. */
+    readonly heading: _angular_core.InputSignal<TranslatableString | undefined>;
+    /** A sub heading is a sentence summarizing the problem. */
+    readonly subHeading: _angular_core.InputSignal<TranslatableString | undefined>;
+    /** May be a longer description explaining the problem. */
+    readonly description: _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: _angular_core.InputSignal<Link | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiUnauthorizedPageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+
+declare class SiUnauthorizedPageModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiUnauthorizedPageModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiUnauthorizedPageModule, never, [typeof SiUnauthorizedPageComponent], [typeof SiUnauthorizedPageComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiUnauthorizedPageModule>;
+}
+
+export { SiUnauthorizedPageComponent, SiUnauthorizedPageModule };

package/wizard/index.d.ts

@@ -1,7 +1,209 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-wizard-step.component';
-export * from './si-wizard.component';
-export * from './si-wizard.module';
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+
+declare class SiWizardStepComponent {
+    /** @defaultValue '' */
+    readonly heading: _angular_core.InputSignal<string>;
+    /** @defaultValue true */
+    readonly isValid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** @defaultValue true */
+    readonly isNextNavigable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** @defaultValue false */
+    readonly failed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly next: _angular_core.OutputEmitterRef<void>;
+    readonly back: _angular_core.OutputEmitterRef<void>;
+    readonly save: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Whether this step is currently active or not.
+     * @defaultValue false
+     */
+    readonly isActive: _angular_core.WritableSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiWizardStepComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+
+interface StepItem {
+    index: number;
+    step: SiWizardStepComponent;
+}
+declare class SiWizardComponent {
+    protected readonly containerSteps: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    /**
+     * Description of back button.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_WIZARD.BACK:Back`)
+     * ```
+     */
+    readonly backText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Description of next button.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_WIZARD.NEXT:Next`)
+     * ```
+     */
+    readonly nextText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Hide the navigation buttons previous/next.
+     *
+     * @defaultValue false
+     */
+    readonly hideNavigation: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Description of save button.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_WIZARD.SAVE:Save`)
+     * ```
+     */
+    readonly saveText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Hide the save button.
+     *
+     * @defaultValue false
+     */
+    readonly hideSave: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Text shown if you complete the wizard.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_WIZARD.COMPLETED:Wizard completed!`)
+     * ```
+     */
+    readonly completionText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Description of cancel button.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_WIZARD.CANCEL:Cancel`)
+     * ```
+     */
+    readonly cancelText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Show the cancel button
+     *
+     * @defaultValue false
+     */
+    readonly hasCancel: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Display a predefined page by the end of the wizard.
+     *
+     * @defaultValue false
+     */
+    readonly enableCompletionPage: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Define how many milliseconds the completion page is visible.
+     *
+     * @defaultValue 3000
+     */
+    readonly completionPageVisibleTime: _angular_core.InputSignal<number>;
+    /**
+     * Class name of icon shown for current and upcoming steps.
+     *
+     * @defaultValue 'elementNotChecked'
+     */
+    readonly stepIcon: _angular_core.InputSignal<string>;
+    /**
+     * Class name of icon shown for the active step.
+     *
+     * @defaultValue 'elementRadioChecked'
+     */
+    readonly stepActiveIcon: _angular_core.InputSignal<string>;
+    /**
+     * Class name of icon shown when a step was completed.
+     *
+     * @defaultValue 'elementCheckedFilled'
+     */
+    readonly stepCompletedIcon: _angular_core.InputSignal<string>;
+    /**
+     * Class name of icon shown when a step had an error.
+     *
+     * @defaultValue 'elementWarningFilled'
+     */
+    readonly stepFailedIcon: _angular_core.InputSignal<string>;
+    /**
+     * Set the orientation of the wizard to vertical.
+     *
+     * @defaultValue false
+     */
+    readonly verticalLayout: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Set false to show navigation buttons in footer instead of inline.
+     *
+     * @defaultValue false
+     */
+    readonly inlineNavigation: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Use number representation for steps.
+     *
+     * @defaultValue false
+     */
+    readonly showStepNumbers: _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: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Set the wizard step container min size in vertical layout. */
+    readonly verticalMinSize: _angular_core.InputSignal<string | undefined>;
+    /** Set the wizard step container max size in vertical layout. */
+    readonly verticalMaxSize: _angular_core.InputSignal<string | undefined>;
+    /** Callback function triggered after the wizard has been completed. */
+    readonly completionAction: _angular_core.OutputEmitterRef<void>;
+    /** Callback function triggered if the wizard has been canceled. */
+    readonly wizardCancel: _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 readonly steps: _angular_core.Signal<readonly SiWizardStepComponent[]>;
+    protected readonly visibleSteps: _angular_core.WritableSignal<number>;
+    protected readonly showCompletionPage: _angular_core.WritableSignal<boolean>;
+    /** The list of visible steps. */
+    protected readonly activeSteps: _angular_core.Signal<StepItem[]>;
+    private readonly _index;
+    private readonly _currentStep;
+    protected readonly icons: Record<"elementNotChecked" | "elementRadioChecked" | "elementCheckedFilled" | "elementWarningFilled" | "elementCancel" | "elementChecked" | "elementLeft4" | "elementRight4", string>;
+    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 updateVisibleSteps(): void;
+    private calculateVisibleStepCount;
+    private computeVisibleSteps;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiWizardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiWizardComponent, "si-wizard", never, { "backText": { "alias": "backText"; "required": false; "isSignal": true; }; "nextText": { "alias": "nextText"; "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"; }, ["steps"], ["*"], true, never>;
+}
+
+declare class SiWizardModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiWizardModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiWizardModule, never, [typeof SiWizardComponent, typeof SiWizardStepComponent], [typeof SiWizardComponent, typeof SiWizardStepComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiWizardModule>;
+}
+
+export { SiWizardComponent, SiWizardModule, SiWizardStepComponent };

package/about/si-about-data.model.d.ts

@@ -1,49 +0,0 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export interface LicenseInfo {
-    /**
-     * Title of the License Info.
-     */
-    title: string;
-    /**
-     * License to be shown as plain text in `<pre>` element.
-     */
-    text?: string;
-    /**
-     * URL to license file to be shown in iFrame.
-     */
-    iframe?: string;
-    /**
-     * URL to license REST end point. License texts are lazy loaded separately for
-     * each component. Requires a service to provide license data.
-     */
-    api?: string;
-    /**
-     * In API View, custom license file icon.
-     */
-    icon?: string;
-}
-export interface ApiInfo {
-    /**
-     * Name of License category.
-     */
-    name: string;
-    /**
-     * API href.
-     */
-    href: string;
-    /**
-     * State if dropdown is open.
-     */
-    isOpen?: boolean;
-    /**
-     * License files path.
-     */
-    files?: ApiInfo[];
-    /**
-     * Content of license file.
-     */
-    content?: string;
-}

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

@@ -1,71 +0,0 @@
-import { OnInit } from '@angular/core';
-import { CopyrightDetails } from '@siemens/element-ng/copyright-notice';
-import { Link } from '@siemens/element-ng/link';
-import { ApiInfo, LicenseInfo } from './si-about-data.model';
-import * as i0 from "@angular/core";
-export declare class SiAboutComponent implements OnInit {
-    private http;
-    private sanitizer;
-    /**
-     * Title shown above the about information.
-     */
-    readonly aboutTitle: import("@angular/core").InputSignal<string>;
-    /**
-     * Define mode to display the licenses. See {@link LicenseInfo}
-     */
-    readonly licenseInfo: import("@angular/core").InputSignal<LicenseInfo>;
-    /**
-     * Path to the application logo. Use for image
-     */
-    readonly icon: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * Name of element icon. Use as alternative to image
-     */
-    readonly iconName: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * Title of this application.
-     */
-    readonly appName: import("@angular/core").InputSignal<string>;
-    /**
-     * Sub titles of the application. Shown as a list below the application name. (Optional)
-     */
-    readonly subheading: import("@angular/core").InputSignal<string[] | undefined>;
-    /**
-     * Link to `Acceptable Use Policy`.
-     */
-    readonly acceptableUsePolicyLink: import("@angular/core").InputSignal<Link | undefined>;
-    /**
-     * Link to `Corporate Information`.
-     */
-    readonly imprintLink: import("@angular/core").InputSignal<Link | undefined>;
-    /**
-     * Link to `Privacy Notice`.
-     */
-    readonly privacyLink: import("@angular/core").InputSignal<Link | undefined>;
-    /**
-     * Link to `Cookie Notice`.
-     */
-    readonly cookieNoticeLink: import("@angular/core").InputSignal<Link | undefined>;
-    /**
-     * Link to `Terms of Use`.
-     */
-    readonly termsLink: import("@angular/core").InputSignal<Link | undefined>;
-    /**
-     * Additional links listed in the about section.
-     *
-     * @defaultValue []
-     */
-    readonly links: import("@angular/core").InputSignal<Link[]>;
-    /**
-     * Copyright information to be displayed. Alternatively, you can use the {@link SI_COPYRIGHT_DETAILS} global inject.
-     */
-    readonly copyrightDetails: import("@angular/core").InputSignal<CopyrightDetails | undefined>;
-    protected readonly sanitizedUrl: import("@angular/core").Signal<import("@angular/platform-browser").SafeResourceUrl | undefined>;
-    protected readonly licenseApi: import("@angular/core").WritableSignal<ApiInfo[]>;
-    protected readonly icons: Record<"elementDocument", string>;
-    ngOnInit(): void;
-    protected toggleLoadLicenseApi(apiInfo: ApiInfo): void;
-    protected toggleLoadLicenseContent(apiInfo: ApiInfo): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SiAboutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SiAboutComponent, "si-about", never, { "aboutTitle": { "alias": "aboutTitle"; "required": true; "isSignal": true; }; "licenseInfo": { "alias": "licenseInfo"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "appName": { "alias": "appName"; "required": true; "isSignal": true; }; "subheading": { "alias": "subheading"; "required": false; "isSignal": true; }; "acceptableUsePolicyLink": { "alias": "acceptableUsePolicyLink"; "required": false; "isSignal": true; }; "imprintLink": { "alias": "imprintLink"; "required": false; "isSignal": true; }; "privacyLink": { "alias": "privacyLink"; "required": false; "isSignal": true; }; "cookieNoticeLink": { "alias": "cookieNoticeLink"; "required": false; "isSignal": true; }; "termsLink": { "alias": "termsLink"; "required": false; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; "copyrightDetails": { "alias": "copyrightDetails"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

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

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