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

package/navbar-vertical/index.d.ts

@@ -1,7 +1,230 @@
+import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+import * as _angular_core from '@angular/core';
+import { OnChanges, OnInit, OnDestroy, SimpleChanges } from '@angular/core';
+import { NavigationExtras, IsActiveMatchOptions, ActivatedRoute } from '@angular/router';
+import { MenuItem } from '@siemens/element-ng/common';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './si-navbar-vertical.component';
-export * from './si-navbar-vertical.module';
-export * from './si-navbar-vertical.model';
+
+/** Common properties shared among navbar item types. */
+interface NavbarVerticalItemBase {
+    /** The ID is required if the navbar is used with UIState. */
+    id?: string;
+    /** Label that is shown to the user. */
+    label: TranslatableString;
+    /** Optional icon that will be rendered before the label. */
+    icon?: string;
+    /** Badge that is rendered after the label or as a red dot in the collapsed state. */
+    badge?: string | number;
+    /** Color of the badge.
+     * Use any color shown here {@link https://element.siemens.io/components/status-notifications/badges/#example}
+     * without `bg-` prefix.
+     */
+    badgeColor?: string;
+}
+/** Use this type to create a group that can hold multiple items. */
+interface NavbarVerticalItemGroup extends NavbarVerticalItemBase {
+    type: 'group';
+    /** Submenu items for this menu item. */
+    children: NavbarVerticalSubItem[];
+    /** Set this property if the item should be expanded by default. */
+    expanded?: boolean;
+}
+/** Use this type to create a routerLink item. */
+interface NavbarVerticalItemRouterLink extends NavbarVerticalItemBase {
+    type: 'router-link';
+    /** Link for the angular router. Accepts the same values as {@link RouterLink}. */
+    routerLink: string | any[];
+    /** Navigation extras that are passed to the {@link RouterLink}. */
+    extras?: NavigationExtras;
+    /** Active match options for routerLinkActive */
+    activeMatchOptions?: {
+        exact: boolean;
+    } | IsActiveMatchOptions;
+}
+/** Use this type to create an href link that will cause a real navigation. */
+interface NavbarVerticalItemLink extends NavbarVerticalItemBase {
+    type: 'link';
+    /** The href property of the anchor. */
+    href: string;
+    /** The target property of the anchor. */
+    target?: string;
+}
+/**
+ * AVOID USING THIS TYPE!
+ * Actions inside the navbar are an indication for a code smell.
+ *
+ * Use {@link NavbarVerticalItemRouterLink} instead whenever possible.
+ */
+interface NavbarVerticalItemAction extends NavbarVerticalItemBase {
+    type: 'action';
+    /** Action that is called when the navbar item is triggered. */
+    action: (source: this) => void;
+    /**
+     * The active state of the item.
+     * Note: It must be set manually.
+     */
+    active?: boolean;
+}
+interface NavbarVerticalItemHeader {
+    type: 'header';
+    label: TranslatableString;
+}
+interface NavbarVerticalItemDivider {
+    type: 'divider';
+}
+/** Union type for all possible all items in the navbar. */
+type NavbarVerticalItem = NavbarVerticalItemGroup | NavbarVerticalItemRouterLink | NavbarVerticalItemLink | NavbarVerticalItemAction | NavbarVerticalItemHeader | NavbarVerticalItemDivider;
+/** Union type for all items that can be wrapped in a group. */
+type NavbarVerticalSubItem = NavbarVerticalItemRouterLink | NavbarVerticalItemLink | NavbarVerticalItemAction;
+
+/** Required to have compiler checks on the factory template */
+declare class SiNavbarVerticalItemGuardDirective {
+    static ngTemplateContextGuard(dir: SiNavbarVerticalItemGuardDirective, ctx: any): ctx is {
+        item: NavbarVerticalItem;
+        group: NavbarVerticalItemGroup;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalItemGuardDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiNavbarVerticalItemGuardDirective, "[siNavbarVerticalItemGuard]", never, {}, {}, never, never, true, never>;
+}
+declare class SiNavbarVerticalComponent implements OnChanges, OnInit, OnDestroy {
+    /**
+     * Whether the navbar-vertical is collapsed.
+     *
+     * @defaultValue false
+     */
+    readonly collapsed: _angular_core.ModelSignal<boolean>;
+    /**
+     * Toggles search bar
+     *
+     * @defaultValue false
+     */
+    readonly searchable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Placeholder text for search
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER:Search ...`)
+     * ```
+     */
+    readonly searchPlaceholder: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * List of vertical navigation items
+     *
+     * @defaultValue []
+     */
+    readonly items: _angular_core.ModelSignal<(NavbarVerticalItem | MenuItem)[]>;
+    /**
+     * Set to `true` if there are no icons
+     *
+     * @defaultValue false
+     */
+    /**
+     * Set to `true` if there are no icons
+     *
+     * @defaultValue false
+     */
+    readonly textOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Set to false to hide the vertical navbar
+     *
+     * @defaultValue true
+     */
+    /**
+     * Set to false to hide the vertical navbar
+     *
+     * @defaultValue true
+     */
+    readonly visible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Text for the navbar expand button. Required for a11y
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.EXPAND:Expand`)
+     * ```
+     */
+    readonly navbarExpandButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Text for the navbar collapse button. Required for a11y
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.COLLAPSE:Collapse`)
+     * ```
+     */
+    readonly navbarCollapseButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * An optional stateId to uniquely identify a component instance.
+     * Required for persistence of ui state.
+     */
+    readonly stateId: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Label for the skip link to the vertical navbar
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SKIP_LINK.NAVIGATION_LABEL:Navigation`)
+     * ```
+     */
+    readonly skipLinkNavigationLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Label for the skip link to main content
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SKIP_LINK.MAIN_LABEL:Main content`)
+     * ```
+     */
+    readonly skipLinkMainContentLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Output for search bar input
+     */
+    readonly searchEvent: _angular_core.OutputEmitterRef<string>;
+    private readonly searchBar;
+    protected readonly activatedRoute: ActivatedRoute | null;
+    protected readonly ready = true;
+    protected readonly searchInputDelay = 400;
+    private uiStateService;
+    private breakpointObserver;
+    private readonly navbarItems;
+    private readonly navbarItemsLegacy;
+    private readonly itemsToComponents;
+    protected readonly smallScreen: _angular_core.WritableSignal<boolean>;
+    protected readonly uiStateExpandedItems: _angular_core.WritableSignal<Record<string, boolean>>;
+    private destroyer;
+    private preferCollapse;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected toggleCollapse(): void;
+    /** Expands the vertical navbar. */
+    expand(): void;
+    /** Collapses the vertical navbar. */
+    collapse(): void;
+    protected expandForSearch(): void;
+    protected doSearch(event: string): void;
+    /** @internal */
+    groupTriggered(): void;
+    protected saveUIState(): void;
+    /** @internal */
+    itemTriggered(): void;
+    protected isLegacyStyle(item: MenuItem | NavbarVerticalItem): item is MenuItem;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalComponent, "si-navbar-vertical", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "textOnly": { "alias": "textOnly"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "navbarExpandButtonText": { "alias": "navbarExpandButtonText"; "required": false; "isSignal": true; }; "navbarCollapseButtonText": { "alias": "navbarCollapseButtonText"; "required": false; "isSignal": true; }; "stateId": { "alias": "stateId"; "required": false; "isSignal": true; }; "skipLinkNavigationLabel": { "alias": "skipLinkNavigationLabel"; "required": false; "isSignal": true; }; "skipLinkMainContentLabel": { "alias": "skipLinkMainContentLabel"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "items": "itemsChange"; "searchEvent": "searchEvent"; }, never, ["*"], true, never>;
+}
+
+declare class SiNavbarVerticalModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiNavbarVerticalModule, never, [typeof SiNavbarVerticalComponent], [typeof SiNavbarVerticalComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiNavbarVerticalModule>;
+}
+
+export { SiNavbarVerticalComponent, SiNavbarVerticalItemGuardDirective, SiNavbarVerticalModule };
+export type { NavbarVerticalItem, NavbarVerticalItemAction, NavbarVerticalItemBase, NavbarVerticalItemDivider, NavbarVerticalItemGroup, NavbarVerticalItemHeader, NavbarVerticalItemLink, NavbarVerticalItemRouterLink, NavbarVerticalSubItem };

package/number-input/index.d.ts

@@ -1,6 +1,111 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-number-input.component';
-export * from './si-number-input.module';
+import * as _angular_core from '@angular/core';
+import { OnChanges, ElementRef, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor, Validator, ValidatorFn, AbstractControl, ValidationErrors } from '@angular/forms';
+import { SiFormItemControl } from '@siemens/element-ng/form';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+
+declare class SiNumberInputComponent implements OnChanges, ControlValueAccessor, Validator, SiFormItemControl {
+    private static idCounter;
+    private static formatValidator;
+    /**
+     * The min. value for HTML input
+     *
+     * @defaultValue undefined
+     */
+    readonly minInput: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * The max. value for HTML input
+     *
+     * @defaultValue undefined
+     */
+    readonly maxInput: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * The step size for HTML input
+     *
+     * @defaultValue 1
+     */
+    readonly step: _angular_core.InputSignal<number | "any">;
+    /** The value */
+    readonly value: _angular_core.InputSignal<number | undefined>;
+    /** Optional unit label */
+    readonly unit: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Show increment/decrement buttons?
+     *
+     * @defaultValue true
+     */
+    readonly showButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The aria-label passed to the input
+     *
+     * @defaultValue undefined
+     */
+    readonly ariaLabel: _angular_core.InputSignal<TranslatableString | undefined>;
+    /**
+     * ID that is set on the input, e.g. for `<label for="...">`
+     *
+     * @defaultValue
+     * ```
+     * `__si-number-input-${SiNumberInputComponent.idCounter++}`
+     * ```
+     */
+    readonly inputId: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.Signal<string>;
+    /** @defaultValue false */
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** @defaultValue false */
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The placeholder for input field.
+     */
+    readonly placeholder: _angular_core.InputSignal<TranslatableString | undefined>;
+    readonly valueChange: _angular_core.OutputEmitterRef<number | undefined>;
+    readonly inputElement: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    /** @internal */
+    readonly errormessageId: string;
+    protected canInc: boolean;
+    protected canDec: boolean;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    private readonly disabledNgControl;
+    protected onTouched: () => void;
+    protected onChange: (val: any) => void;
+    protected validator: ValidatorFn | null;
+    protected onValidatorChanged: () => void;
+    protected readonly min: _angular_core.Signal<number | undefined>;
+    protected readonly max: _angular_core.Signal<number | undefined>;
+    protected readonly icons: Record<"elementMinus" | "elementPlus", string>;
+    private internalValue?;
+    private autoUpdate$;
+    private autoUpdateSubs?;
+    private changeDetectorRef;
+    ngOnChanges(changes: SimpleChanges): void;
+    /** @internal */
+    registerOnChange(fn: any): void;
+    /** @internal */
+    registerOnTouched(fn: () => void): void;
+    /** @internal */
+    setDisabledState(isDisabled: boolean): void;
+    /** @internal */
+    writeValue(value: number | undefined): void;
+    /** @internal */
+    validate(control: AbstractControl): ValidationErrors | null;
+    /** @internal */
+    registerOnValidatorChange?(fn: () => void): void;
+    protected modelChanged(): void;
+    protected autoUpdateStart(event: Event, isIncrement: boolean): void;
+    protected autoUpdateStop(): void;
+    private updateStepButtons;
+    private decrement;
+    private increment;
+    private writeValueToInput;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNumberInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNumberInputComponent, "si-number-input", never, { "minInput": { "alias": "min"; "required": false; "isSignal": true; }; "maxInput": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+declare class SiNumberInputModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNumberInputModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiNumberInputModule, never, [typeof SiNumberInputComponent], [typeof SiNumberInputComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiNumberInputModule>;
+}
+
+export { SiNumberInputComponent, SiNumberInputModule };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@siemens/element-ng",
   "description": "Element Angular component library, implementing the Siemens Design Language",
-  "version": "47.7.0",
+  "version": "48.0.0-next.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -18,16 +18,16 @@
   },
   "type": "module",
   "peerDependencies": {
-    "@angular/animations": "19 - 20",
-    "@angular/cdk": "19 - 20",
-    "@angular/common": "19 - 20",
-    "@angular/core": "19 - 20",
-    "@angular/forms": "19 - 20",
-    "@angular/router": "19 - 20",
+    "@angular/animations": "20",
+    "@angular/cdk": "20",
+    "@angular/common": "20",
+    "@angular/core": "20",
+    "@angular/forms": "20",
+    "@angular/router": "20",
     "@ngx-formly/bootstrap": "^6.2.2",
     "@ngx-formly/core": "^6.2.2",
-    "@siemens/element-translate-ng": "47.7.0",
-    "@siemens/element-theme": "47.7.0",
+    "@siemens/element-translate-ng": "48.0.0-next.1",
+    "@siemens/element-theme": "48.0.0-next.1",
     "@siemens/ngx-datatable": "22 - 24",
     "flag-icons": "^7.3.2",
     "google-libphonenumber": "^3.2.40",
@@ -66,14 +66,14 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/siemens-element-ng.mjs"
     },
-    "./about": {
-      "types": "./about/index.d.ts",
-      "default": "./fesm2022/siemens-element-ng-about.mjs"
-    },
     "./accordion": {
       "types": "./accordion/index.d.ts",
       "default": "./fesm2022/siemens-element-ng-accordion.mjs"
     },
+    "./about": {
+      "types": "./about/index.d.ts",
+      "default": "./fesm2022/siemens-element-ng-about.mjs"
+    },
     "./action-modal": {
       "types": "./action-modal/index.d.ts",
       "default": "./fesm2022/siemens-element-ng-action-modal.mjs"
@@ -138,6 +138,10 @@
       "types": "./copyright-notice/index.d.ts",
       "default": "./fesm2022/siemens-element-ng-copyright-notice.mjs"
     },
+    "./dashboard": {
+      "types": "./dashboard/index.d.ts",
+      "default": "./fesm2022/siemens-element-ng-dashboard.mjs"
+    },
     "./datatable": {
       "types": "./datatable/index.d.ts",
       "default": "./fesm2022/siemens-element-ng-datatable.mjs"
@@ -186,6 +190,10 @@
       "types": "./header-dropdown/index.d.ts",
       "default": "./fesm2022/siemens-element-ng-header-dropdown.mjs"
     },
+    "./help-button": {
+      "types": "./help-button/index.d.ts",
+      "default": "./fesm2022/siemens-element-ng-help-button.mjs"
+    },
     "./icon": {
       "types": "./icon/index.d.ts",
       "default": "./fesm2022/siemens-element-ng-icon.mjs"

package/pagination/index.d.ts

@@ -1,6 +1,75 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-pagination.component';
-export * from './si-pagination.module';
+import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+import * as _angular_core from '@angular/core';
+
+declare class SiPaginationComponent {
+    private static maxItems;
+    /**
+     * The total number of pages.
+     * Alternatively use `itemsPerPage` and `totalItems`
+     */
+    readonly totalPages: _angular_core.InputSignal<number | undefined>;
+    /**
+     * The current active page, counting starts from 1
+     *
+     * @defaultValue 1
+     */
+    readonly currentPage: _angular_core.ModelSignal<number>;
+    /**
+     * The number of items per page.
+     * Used to calculate the total number of page if `totalPages` is not available
+     */
+    readonly pageSize: _angular_core.InputSignal<number | undefined>;
+    /**
+     * The total number of items.
+     * Used to calculate the total number of page if `totalPages` is not available
+     */
+    readonly totalRowCount: _angular_core.InputSignal<number | undefined>;
+    /**
+     * The text of the back button for pagination. Required for a11y.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_PAGINATION.BACK:Back`)
+     * ```
+     */
+    readonly backButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * The text of the forward button for pagination. Required for a11y.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_PAGINATION.FORWARD:Forward`)
+     * ```
+     */
+    readonly forwardButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * When multiple paginations are used on the same page each pagination needs a distinct aria label.
+     * Required for a11y.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_PAGINATION.NAV_LABEL:Pagination`)
+     * ```
+     */
+    readonly navAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    private readonly calculatedTotalPages;
+    protected readonly prevDisabled: _angular_core.Signal<boolean>;
+    protected readonly nextDisabled: _angular_core.Signal<boolean>;
+    protected readonly pageButtons: _angular_core.Signal<{
+        page: number;
+        sep: boolean;
+    }[]>;
+    protected readonly icons: Record<"elementLeft3" | "elementRight3", string>;
+    protected direction(event: Event, delta: number): void;
+    protected setPage(event: Event, page: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiPaginationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiPaginationComponent, "si-pagination", never, { "totalPages": { "alias": "totalPages"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "totalRowCount": { "alias": "totalRowCount"; "required": false; "isSignal": true; }; "backButtonText": { "alias": "backButtonText"; "required": false; "isSignal": true; }; "forwardButtonText": { "alias": "forwardButtonText"; "required": false; "isSignal": true; }; "navAriaLabel": { "alias": "navAriaLabel"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; }, never, never, true, never>;
+}
+
+declare class SiPaginationModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiPaginationModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiPaginationModule, never, [typeof SiPaginationComponent], [typeof SiPaginationComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiPaginationModule>;
+}
+
+export { SiPaginationComponent, SiPaginationModule };

package/password-strength/index.d.ts

@@ -1,7 +1,96 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-password-strength.component';
-export * from './si-password-strength.directive';
-export * from './si-password-strength.module';
+import * as _angular_core from '@angular/core';
+import { AfterViewInit } from '@angular/core';
+import { Validator, AbstractControl, ValidationErrors } from '@angular/forms';
+
+declare class SiPasswordStrengthComponent implements AfterViewInit {
+    /**
+     * Whether to show the visibility toggle icon.
+     *
+     * @defaultValue true
+     */
+    readonly showVisibilityIcon: _angular_core.InputSignal<boolean>;
+    private readonly passwordStrengthDirective;
+    private readonly passwordInput;
+    protected readonly bad: _angular_core.WritableSignal<boolean>;
+    protected readonly weak: _angular_core.WritableSignal<boolean>;
+    protected readonly medium: _angular_core.WritableSignal<boolean>;
+    protected readonly good: _angular_core.WritableSignal<boolean>;
+    protected readonly strong: _angular_core.WritableSignal<boolean>;
+    protected toggle(type: string): void;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiPasswordStrengthComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiPasswordStrengthComponent, "si-password-strength", never, { "showVisibilityIcon": { "alias": "showVisibilityIcon"; "required": false; "isSignal": true; }; }, {}, ["passwordStrengthDirective", "passwordInput"], ["*"], true, never>;
+}
+
+interface PasswordPolicy {
+    /**
+     * Define minimal number of characters.
+     */
+    minLength: number;
+    /**
+     * Define if uppercase characters are required in password.
+     */
+    uppercase: boolean;
+    /**
+     * Define if lowercase characters are required in password.
+     */
+    lowercase: boolean;
+    /**
+     * Define if digits are required in password.
+     */
+    digits: boolean;
+    /**
+     * Define if special characters are required in password.
+     */
+    special: boolean;
+    /**
+     * Whether to allow whitespaces. By default whitespaces are not allowed.
+     */
+    allowWhitespace?: boolean;
+    /**
+     * Minimum required policies for valid password. When set to a number greater than 0,
+     * defines the number of policies that must be met for the password to be valid.
+     * E.g. when set to 3 and the policies uppercase/lowercase/digits/special are all set
+     * and the password contains 3 out of these four, the password will be valid.
+     */
+    minRequiredPolicies?: number;
+}
+declare class SiPasswordStrengthDirective implements Validator {
+    private readonly maxStrength;
+    protected noValidation: boolean;
+    /**
+     * Define Siemens password strength.
+     *
+     * @defaultValue
+     * ```
+     * {
+     *     minLength: 8,
+     *     uppercase: true,
+     *     lowercase: true,
+     *     digits: true,
+     *     special: true
+     *   }
+     * ```
+     */
+    readonly siPasswordStrength: _angular_core.InputSignal<PasswordPolicy>;
+    /**
+     * Output callback event called when the password changes. The number
+     * indicated the number of rules which still can be met. (`-2` --\> 2 rules are
+     * still unmet, `0` --\> all met)
+     */
+    readonly passwordStrengthChanged: _angular_core.OutputEmitterRef<number | void>;
+    /** @internal */
+    validate(control: AbstractControl): ValidationErrors;
+    private getStrength;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiPasswordStrengthDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiPasswordStrengthDirective, "[siPasswordStrength]", never, { "siPasswordStrength": { "alias": "siPasswordStrength"; "required": false; "isSignal": true; }; }, { "passwordStrengthChanged": "passwordStrengthChanged"; }, never, never, true, never>;
+}
+
+declare class SiPasswordStrengthModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiPasswordStrengthModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiPasswordStrengthModule, never, [typeof SiPasswordStrengthComponent, typeof SiPasswordStrengthDirective], [typeof SiPasswordStrengthComponent, typeof SiPasswordStrengthDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiPasswordStrengthModule>;
+}
+
+export { SiPasswordStrengthComponent, SiPasswordStrengthDirective, SiPasswordStrengthModule };
+export type { PasswordPolicy };

package/password-toggle/index.d.ts

@@ -1,6 +1,49 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-password-toggle.component';
-export * from './si-password-toggle.module';
+import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+import * as _angular_core from '@angular/core';
+
+declare class SiPasswordToggleComponent {
+    /**
+     * Whether to show the visibility toggle icon.
+     *
+     * @defaultValue true
+     */
+    readonly showVisibilityIcon: _angular_core.InputSignal<boolean>;
+    /**
+     * Emits the `type` attribute for the `<input>` ('password' | 'text')
+     * whenever the password visibility is getting toggled.
+     */
+    readonly typeChange: _angular_core.OutputEmitterRef<string>;
+    /**
+     * The aria-label (translatable) for the password show icon.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_PASSWORD_TOGGLE.SHOW:show password`)
+     * ```
+     */
+    readonly showLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * The aria-label (translatable) for the password hide icon.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_PASSWORD_TOGGLE.HIDE:hide password`)
+     * ```
+     */
+    readonly hideLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    protected readonly showPassword: _angular_core.WritableSignal<boolean>;
+    protected readonly icons: Record<"elementHide" | "elementShow", string>;
+    /** The `type` attribute for the `<input>` ('password' | 'text'). */
+    get inputType(): string;
+    protected toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiPasswordToggleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiPasswordToggleComponent, "si-password-toggle", never, { "showVisibilityIcon": { "alias": "showVisibilityIcon"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; }, { "typeChange": "typeChange"; }, never, ["*"], true, never>;
+}
+
+declare class SiPasswordToggleModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiPasswordToggleModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiPasswordToggleModule, never, [typeof SiPasswordToggleComponent], [typeof SiPasswordToggleComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiPasswordToggleModule>;
+}
+
+export { SiPasswordToggleComponent, SiPasswordToggleModule };