@siemens/element-ng 48.10.0 → 49.0.0-rc.2

package/{landing-page/index.d.ts → types/siemens-element-ng-landing-page.d.ts}

@@ -3,9 +3,9 @@ import { TemplateRef, OnInit, OnDestroy } from '@angular/core';
 import { CopyrightDetails } from '@siemens/element-ng/copyright-notice';
 import { IsoLanguageValue } from '@siemens/element-ng/language-switcher';
 import { Link } from '@siemens/element-ng/link';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import { StatusType } from '@siemens/element-ng/common';
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
 import { FormGroup, FormControl } from '@angular/forms';
 import { PasswordPolicy } from '@siemens/element-ng/password-strength';
 
@@ -200,7 +200,7 @@ declare class SiLoginBasicComponent implements OnInit {
      * t(() => $localize`:@@SI_LOGIN_BASIC.USERNAME:Username`)
      * ```
      */
-    readonly usernameLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly usernameLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Label for password input field.
      *
@@ -209,7 +209,7 @@ declare class SiLoginBasicComponent implements OnInit {
      * t(() => $localize`:@@SI_LOGIN_BASIC.PASSWORD:Password`)
      * ```
      */
-    readonly passwordLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly passwordLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Config for Forgot Password link.
      */
@@ -222,7 +222,7 @@ declare class SiLoginBasicComponent implements OnInit {
      * t(() => $localize`:@@SI_LOGIN_BASIC.REGISTER_NOW_INTRO:Don't have an account?`)
      * ```
      */
-    readonly registerNowIntroText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly registerNowIntroText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Config for Register Now link.
      */
@@ -235,7 +235,7 @@ declare class SiLoginBasicComponent implements OnInit {
      * t(() => $localize`:@@SI_LOGIN_BASIC.LOGIN:Login`)
      * ```
      */
-    readonly loginButtonLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly loginButtonLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Disables the login button.
      *
@@ -262,7 +262,7 @@ declare class SiLoginBasicComponent implements OnInit {
      * t(() => $localize`:@@SI_LOGIN_BASIC.BACK:Back`)
      * ```
      */
-    readonly backButtonLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly backButtonLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Description of next button.
      *
@@ -271,7 +271,7 @@ declare class SiLoginBasicComponent implements OnInit {
      * t(() => $localize`:@@SI_LOGIN_BASIC.NEXT:Next`)
      * ```
      */
-    readonly nextButtonLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly nextButtonLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Emits username when user clicks on next button.
      */
@@ -329,7 +329,7 @@ declare class SiLoginSingleSignOnComponent {
      * t(() => $localize`:@@SI_LOGIN_SINGLE-SIGN-ON.LOGIN_SIGN_UP:Login / Sign un`)
      * ```
      */
-    readonly ssoButtonLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly ssoButtonLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Disables the sso button.
      *
@@ -452,7 +452,7 @@ declare class SiChangePasswordComponent implements OnInit, OnDestroy {
      * t(() => $localize`:@@SI_CHANGE_PASSWORD.CHANGE_PASSWORD:Change password`)
      * ```
      */
-    readonly heading: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly heading: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Short description of the action to perform.
      *
@@ -461,7 +461,7 @@ declare class SiChangePasswordComponent implements OnInit, OnDestroy {
      * t(() => $localize`:@@SI_CHANGE_PASSWORD.CHANGE_FACTORY_PASSWORD:Factory set password must be changed`)
      * ```
      */
-    readonly subheading: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly subheading: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Label for new password input field.
      *
@@ -470,7 +470,7 @@ declare class SiChangePasswordComponent implements OnInit, OnDestroy {
      * t(() => $localize`:@@SI_CHANGE_PASSWORD.NEW_PASSWORD:New password`)
      * ```
      */
-    readonly newPasswordLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly newPasswordLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Label for confirm password input field.
      *
@@ -479,7 +479,7 @@ declare class SiChangePasswordComponent implements OnInit, OnDestroy {
      * t(() => $localize`:@@SI_CHANGE_PASSWORD.CONFIRM_PASSWORD:Confirm password`)
      * ```
      */
-    readonly confirmPasswordLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly confirmPasswordLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Label for change password button.
      *
@@ -488,7 +488,7 @@ declare class SiChangePasswordComponent implements OnInit, OnDestroy {
      * t(() => $localize`:@@SI_CHANGE_PASSWORD.CHANGE:Change`)
      * ```
      */
-    readonly changeButtonLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly changeButtonLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Description of back button.
      *
@@ -497,7 +497,7 @@ declare class SiChangePasswordComponent implements OnInit, OnDestroy {
      * t(() => $localize`:@@SI_CHANGE_PASSWORD.BACK:Back`)
      * ```
      */
-    readonly backButtonLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly backButtonLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Disables the change password button.
      *
@@ -512,7 +512,7 @@ declare class SiChangePasswordComponent implements OnInit, OnDestroy {
      * t(() => $localize`:@@SI_CHANGE_PASSWORD.PASSWORD_POLICY:Password policy`)
      * ```
      */
-    readonly passwordPolicyTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly passwordPolicyTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Description of the password policy requirements.
      */

package/{language-switcher/index.d.ts → types/siemens-element-ng-language-switcher.d.ts}

@@ -1,6 +1,5 @@
 import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
 import * as i0 from '@angular/core';
 
 /**
@@ -36,7 +35,7 @@ declare class SiLanguageSwitcherComponent {
      * t(() => $localize`:@@SI_LANGUAGE_SWITCHER.LABEL:Language switcher`)
      * ```
      */
-    readonly languageSwitcherLabel: i0.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly languageSwitcherLabel: i0.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * List of all available languages in this application.
      *

package/{list-details/index.d.ts → types/siemens-element-ng-list-details.d.ts}

@@ -3,12 +3,12 @@ import { OnInit, OnChanges, OnDestroy, SimpleChanges, Signal } from '@angular/co
 import { Subject, BehaviorSubject } from 'rxjs';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 
-/** @experimental */
 declare class SiListDetailsComponent implements OnInit, OnChanges, OnDestroy {
     private resizeSubs?;
     private elementRef;
     private resizeObserver;
-    private readonly animationsGloballyDisabled;
+    private readonly listDetailsContainer;
+    protected readonly animationsGloballyDisabled: boolean;
     /**
      * A numeric value defining the minimum width in px, which the component needs
      * to be displayed in its large layout. Whenever smaller than
@@ -62,7 +62,7 @@ declare class SiListDetailsComponent implements OnInit, OnChanges, OnDestroy {
     protected readonly detailsStateId: _angular_core.Signal<string | undefined>;
     protected readonly opacity: _angular_core.Signal<"" | "0">;
     /** @internal */
-    readonly detailsExpandedAnimation: _angular_core.Signal<"disabled" | "expanded" | "collapsed">;
+    readonly detailsExpandedAnimation: _angular_core.Signal<"disabled" | "details-active expanded" | "collapsed">;
     private hadLargeSizePreviously;
     private detailsActivePreviously;
     private previouslyFocusedElementInList;
@@ -83,13 +83,12 @@ declare class SiListDetailsComponent implements OnInit, OnChanges, OnDestroy {
     detailsBackClicked(options?: {
         animationDone?: () => void;
     }): void;
-    protected detailsExpandedAnimationDone(): void;
+    protected detailsExpandedAnimationDone(event: TransitionEvent): void;
     private transferFocus;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiListDetailsComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiListDetailsComponent, "si-list-details", never, { "expandBreakpoint": { "alias": "expandBreakpoint"; "required": false; "isSignal": true; }; "detailsActive": { "alias": "detailsActive"; "required": false; "isSignal": true; }; "disableResizing": { "alias": "disableResizing"; "required": false; "isSignal": true; }; "listWidth": { "alias": "listWidth"; "required": false; "isSignal": true; }; "minListSize": { "alias": "minListSize"; "required": false; "isSignal": true; }; "minDetailsSize": { "alias": "minDetailsSize"; "required": false; "isSignal": true; }; "stateId": { "alias": "stateId"; "required": false; "isSignal": true; }; }, { "detailsActive": "detailsActiveChange"; "listWidth": "listWidthChange"; }, never, ["si-list-pane", "si-details-pane"], true, never>;
 }
 
-/** @experimental */
 declare class SiListPaneComponent {
     protected parent: SiListDetailsComponent;
     private element;
@@ -98,19 +97,16 @@ declare class SiListPaneComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiListPaneComponent, "si-list-pane", never, {}, {}, never, ["*"], true, never>;
 }
 
-/** @experimental */
 declare class SiListPaneHeaderComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiListPaneHeaderComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiListPaneHeaderComponent, "si-list-pane-header", never, {}, {}, never, ["*"], true, never>;
 }
 
-/** @experimental */
 declare class SiListPaneBodyComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiListPaneBodyComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiListPaneBodyComponent, "si-list-pane-body", never, {}, {}, never, ["*"], true, never>;
 }
 
-/** @experimental */
 declare class SiDetailsPaneComponent {
     protected parent: SiListDetailsComponent;
     private readonly routerOutlet;
@@ -123,7 +119,6 @@ declare class SiDetailsPaneComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiDetailsPaneComponent, "si-details-pane", never, {}, {}, ["routerOutlet"], ["*"], true, never>;
 }
 
-/** @experimental */
 declare class SiDetailsPaneHeaderComponent {
     protected readonly icons: Record<"elementBack", string>;
     private parent;
@@ -166,13 +161,11 @@ declare class SiDetailsPaneHeaderComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiDetailsPaneHeaderComponent, "si-details-pane-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "hideBackButton": { "alias": "hideBackButton"; "required": false; "isSignal": true; }; "backButtonText": { "alias": "backButtonText"; "required": false; "isSignal": true; }; "backButtonUrl": { "alias": "backButtonUrl"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-/** @experimental */
 declare class SiDetailsPaneBodyComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiDetailsPaneBodyComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiDetailsPaneBodyComponent, "si-details-pane-body", never, {}, {}, never, ["*"], true, never>;
 }
 
-/** @experimental */
 declare class SiDetailsPaneFooterComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiDetailsPaneFooterComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiDetailsPaneFooterComponent, "si-details-pane-footer", never, {}, {}, never, ["*"], true, never>;

package/{loading-spinner/index.d.ts → types/siemens-element-ng-loading-spinner.d.ts}

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken, OnInit, OnChanges, OnDestroy } from '@angular/core';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
 import * as rxjs from 'rxjs';
 import { BehaviorSubject } from 'rxjs';
 
@@ -38,7 +38,6 @@ declare class SiLoadingButtonComponent {
 declare const LOADING_SPINNER_BLOCKING: InjectionToken<boolean>;
 declare const LOADING_SPINNER_OVERLAY: InjectionToken<boolean>;
 declare class SiLoadingSpinnerComponent {
-    protected fadeAnimation: string;
     /**
      * @defaultValue
      * ```
@@ -61,7 +60,7 @@ declare class SiLoadingSpinnerComponent {
      * t(() => $localize`:@@SI_LOADING_SPINNER.LABEL:Loading`)
      * ```
      */
-    readonly ariaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly ariaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiLoadingSpinnerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiLoadingSpinnerComponent, "si-loading-spinner", never, { "isBlockingSpinner": { "alias": "isBlockingSpinner"; "required": false; "isSignal": true; }; "isSpinnerOverlay": { "alias": "isSpinnerOverlay"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/{modal/index.d.ts → types/siemens-element-ng-modal.d.ts}

@@ -74,12 +74,6 @@ interface ModalDependencyInjectionOptions {
     environmentInjector?: EnvironmentInjector;
 }
 interface ModalOptions<T = Record<string, any>> extends ModalDependencyInjectionOptions {
-    /**
-     * Assign all values to the target component using `Object.assign(component, initialState)`.
-     *
-     * @deprecated Use {@link inputValues} instead.
-     */
-    initialState?: Partial<T>;
     /**
      * Use this to assign values to either `@Input()` or `input()` fields of the provided component.
      * If a template is used, the values are available in the template context.

package/{navbar-vertical/index.d.ts → types/siemens-element-ng-navbar-vertical.d.ts}

@@ -1,9 +1,9 @@
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import * as _angular_core from '@angular/core';
 import { OnChanges, OnInit, 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
@@ -25,6 +25,11 @@ interface NavbarVerticalItemBase {
      * without `bg-` prefix.
      */
     badgeColor?: string;
+    /**
+     * Hide badge when navbar is collapsed.
+     * By default, badges are always visible (both expanded and collapsed).
+     */
+    hideBadgeWhenCollapsed?: boolean;
 }
 /** Use this type to create a group that can hold multiple items. */
 interface NavbarVerticalItemGroup extends NavbarVerticalItemBase {
@@ -113,7 +118,7 @@ declare class SiNavbarVerticalComponent implements OnChanges, OnInit {
      * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER:Search ...`)
      * ```
      */
-    readonly searchPlaceholder: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly searchPlaceholder: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * List of vertical navigation items
      *
@@ -150,7 +155,7 @@ declare class SiNavbarVerticalComponent implements OnChanges, OnInit {
      * t(() => $localize`:@@SI_NAVBAR_VERTICAL.EXPAND:Expand`)
      * ```
      */
-    readonly navbarExpandButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly navbarExpandButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text for the navbar collapse button. Required for a11y
      *
@@ -159,7 +164,7 @@ declare class SiNavbarVerticalComponent implements OnChanges, OnInit {
      * t(() => $localize`:@@SI_NAVBAR_VERTICAL.COLLAPSE:Collapse`)
      * ```
      */
-    readonly navbarCollapseButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly navbarCollapseButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * An optional stateId to uniquely identify a component instance.
      * Required for persistence of ui state.
@@ -173,7 +178,7 @@ declare class SiNavbarVerticalComponent implements OnChanges, OnInit {
      * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SKIP_LINK.NAVIGATION_LABEL:Navigation`)
      * ```
      */
-    readonly skipLinkNavigationLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly skipLinkNavigationLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Label for the skip link to main content
      *
@@ -182,7 +187,7 @@ declare class SiNavbarVerticalComponent implements OnChanges, OnInit {
      * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SKIP_LINK.MAIN_LABEL:Main content`)
      * ```
      */
-    readonly skipLinkMainContentLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly skipLinkMainContentLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Output for search bar input
      */

package/{navbar/index.d.ts → types/siemens-element-ng-navbar.d.ts}

@@ -3,10 +3,10 @@ import { OnChanges, SimpleChanges, OnInit, DoCheck, OnDestroy } from '@angular/c
 import { MenuItem, EntityStatusType } from '@siemens/element-ng/common';
 import { HeaderWithDropdowns, SiHeaderDropdownTriggerDirective } from '@siemens/element-ng/header-dropdown';
 import * as rxjs from 'rxjs';
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import { SiApplicationHeaderComponent, SiHeaderCollapsibleActionsComponent, App, AppCategory, FavoriteChangeEvent } from '@siemens/element-ng/application-header';
 import { Link } from '@siemens/element-ng/link';
-import { TranslatableString } from '@siemens/element-translate-ng/translate';
 
 /**
  * Copyright (c) Siemens 2016 - 2025
@@ -132,7 +132,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      * t(() => $localize`:@@SI_LAUNCHPAD.TITLE:Launchpad`)
      * ```
      */
-    readonly appSwitcherTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly appSwitcherTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * sub-title for the launchpad
      *
@@ -141,7 +141,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      * t(() => $localize`:@@SI_LAUNCHPAD.SUB_TITLE:Access all your apps`)
      * ```
      */
-    readonly appSwitcherSubTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly appSwitcherSubTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Title or translate key for the favorite apps section.
      *
@@ -150,7 +150,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      * t(() => $localize`:@@SI_LAUNCHPAD.FAVORITE_APPS:Favorite apps`)
      * ```
      */
-    readonly favoriteAppsTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly favoriteAppsTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Title or translate key for the default apps section.
      *
@@ -159,7 +159,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      * t(() => $localize`:@@SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE:Apps`)
      * ```
      */
-    readonly defaultAppsTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly defaultAppsTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Title or translate key for the show more apps button.
      *
@@ -168,7 +168,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      * t(() => $localize`:@@SI_LAUNCHPAD.SHOW_MORE:Show more`)
      * ```
      */
-    readonly showMoreAppsTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly showMoreAppsTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Title or translate key for the show less apps button.
      *
@@ -177,7 +177,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      * t(() => $localize`:@@SI_LAUNCHPAD.SHOW_LESS:Show less`)
      * ```
      */
-    readonly showLessAppsTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly showLessAppsTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * All app items shown in the launchpad. The launchpad will not be visible if the
      * app items are undefined. The launchpad will be visible if the app items are an
@@ -220,7 +220,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      * t(() => $localize`:@@SI_LAUNCHPAD.CLOSE:Close launchpad`)
      * ```
      */
-    readonly closeAppSwitcherText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly closeAppSwitcherText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text for the launchpad icon. Needed for a11y.
      *
@@ -229,7 +229,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      * t(() => $localize`:@@SI_NAVBAR.OPEN_LAUNCHPAD:Open launchpad`)
      * ```
      */
-    readonly openAppSwitcherText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly openAppSwitcherText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text or translate key for the toggle navigation icon. Needed for a11y.
      *
@@ -238,7 +238,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      * t(() => $localize`:@@SI_NAVBAR.TOGGLE_NAVIGATION:Toggle navigation`)
      * ```
      */
-    readonly toggleNavigationText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly toggleNavigationText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Aria label for the main menu landmark
      *

package/{notification-item/index.d.ts → types/siemens-element-ng-notification-item.d.ts}

@@ -39,12 +39,24 @@ interface NotificationItemBase {
  * @param type - The type of the action, always 'action-circle-button'.
  * @param customClass - Optional custom CSS class for styling.
  * @param action - The action to perform when the button is clicked.
+ * @deprecated Use NotificationItemActionIconButton instead. This will be removed in a future release.
  */
 interface NotificationItemActionCircleButton extends NotificationItemBase {
     type: 'action-circle-button';
     customClass?: string;
     action: (source: this) => void;
 }
+/**
+ * Interface for an action icon button in a notification item.
+ * @param type - The type of the action, always 'action-icon-button'.
+ * @param customClass - Optional custom CSS class for styling.
+ * @param action - The action to perform when the button is clicked.
+ */
+interface NotificationItemActionIconButton extends NotificationItemBase {
+    type: 'action-icon-button';
+    customClass?: string;
+    action: (source: this) => void;
+}
 /**
  * Interface for a router link with an icon in a notification item.
  * @param type - The type of the link, always 'router-link'.
@@ -90,11 +102,11 @@ interface NotificationItemMenu {
 /**
  * Union type for quick actions in a notification item.
  */
-type NotificationItemQuickAction = NotificationItemActionCircleButton | NotificationItemLinkIcon | NotificationItemRouterLinkIcon;
+type NotificationItemQuickAction = NotificationItemActionCircleButton | NotificationItemActionIconButton | NotificationItemLinkIcon | NotificationItemRouterLinkIcon;
 /**
  * Union type for primary actions in a notification item.
  */
-type NotificationItemPrimaryAction = NotificationItemActionCircleButton | NotificationItemLinkIcon | NotificationItemRouterLinkIcon | NotificationItemMenu | NotificationItemActionButton;
+type NotificationItemPrimaryAction = NotificationItemActionCircleButton | NotificationItemActionIconButton | NotificationItemLinkIcon | NotificationItemRouterLinkIcon | NotificationItemMenu | NotificationItemActionButton;
 /**
  * This component represents a single notification that can be used within notification
  * centers, popovers, or other containers. It supports various action types including
@@ -139,4 +151,4 @@ declare class SiNotificationItemComponent {
 }
 
 export { SiNotificationItemComponent };
-export type { NotificationItemActionButton, NotificationItemActionCircleButton, NotificationItemBase, NotificationItemLink, NotificationItemLinkIcon, NotificationItemMenu, NotificationItemPrimaryAction, NotificationItemQuickAction, NotificationItemRouterLink, NotificationItemRouterLinkIcon };
+export type { NotificationItemActionButton, NotificationItemActionCircleButton, NotificationItemActionIconButton, NotificationItemBase, NotificationItemLink, NotificationItemLinkIcon, NotificationItemMenu, NotificationItemPrimaryAction, NotificationItemQuickAction, NotificationItemRouterLink, NotificationItemRouterLinkIcon };

package/{pagination/index.d.ts → types/siemens-element-ng-pagination.d.ts}

@@ -1,4 +1,4 @@
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import * as _angular_core from '@angular/core';
 
 declare class SiPaginationComponent {
@@ -32,7 +32,7 @@ declare class SiPaginationComponent {
      * t(() => $localize`:@@SI_PAGINATION.BACK:Back`)
      * ```
      */
-    readonly backButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly backButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * The text of the forward button for pagination. Required for a11y.
      *
@@ -41,7 +41,7 @@ declare class SiPaginationComponent {
      * t(() => $localize`:@@SI_PAGINATION.FORWARD:Forward`)
      * ```
      */
-    readonly forwardButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly forwardButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * When multiple paginations are used on the same page each pagination needs a distinct aria label.
      * Required for a11y.
@@ -51,7 +51,7 @@ declare class SiPaginationComponent {
      * t(() => $localize`:@@SI_PAGINATION.NAV_LABEL:Pagination`)
      * ```
      */
-    readonly navAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly navAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     private readonly calculatedTotalPages;
     protected readonly prevDisabled: _angular_core.Signal<boolean>;
     protected readonly nextDisabled: _angular_core.Signal<boolean>;

package/{password-toggle/index.d.ts → types/siemens-element-ng-password-toggle.d.ts}

@@ -1,7 +1,9 @@
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import * as _angular_core from '@angular/core';
+import { NgControl } from '@angular/forms';
 
 declare class SiPasswordToggleComponent {
+    protected readonly ngControl: _angular_core.Signal<NgControl | undefined>;
     /**
      * Whether to show the visibility toggle icon.
      *
@@ -21,7 +23,7 @@ declare class SiPasswordToggleComponent {
      * t(() => $localize`:@@SI_PASSWORD_TOGGLE.SHOW:show password`)
      * ```
      */
-    readonly showLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly showLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * The aria-label (translatable) for the password hide icon.
      *
@@ -30,14 +32,14 @@ declare class SiPasswordToggleComponent {
      * t(() => $localize`:@@SI_PASSWORD_TOGGLE.HIDE:hide password`)
      * ```
      */
-    readonly hideLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly hideLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.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>;
+    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"; }, ["ngControl"], ["*"], true, never>;
 }
 
 declare class SiPasswordToggleModule {

package/{phone-number/index.d.ts → types/siemens-element-ng-phone-number.d.ts}

@@ -1,8 +1,9 @@
 import * as _angular_core from '@angular/core';
 import { OnChanges, ElementRef, SimpleChanges } from '@angular/core';
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
 import { SiFormItemControl } from '@siemens/element-ng/form';
+import { SelectOption } from '@siemens/element-ng/select';
 
 /**
  * Copyright (c) Siemens 2016 - 2025
@@ -58,6 +59,7 @@ declare class SiPhoneNumberInputComponent implements ControlValueAccessor, Valid
     private static idCounter;
     private phoneUtil;
     private translate;
+    private locale;
     private changeDetectorRef;
     private elementRef;
     /**
@@ -85,14 +87,14 @@ declare class SiPhoneNumberInputComponent implements ControlValueAccessor, Valid
      * t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.SEARCH_PLACEHOLDER:Search`)
      * ```
      */
-    readonly placeholderForSearch: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly placeholderForSearch: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * @defaultValue
      * ```
      * t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.SEARCH_NO-RESULTS_FOUND:No results found`)
      * ```
      */
-    readonly searchNoResultsFoundLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly searchNoResultsFoundLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text for the country dropdown aria-label attribute.
      *
@@ -101,7 +103,7 @@ declare class SiPhoneNumberInputComponent implements ControlValueAccessor, Valid
      * t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.SELECT_COUNTRY:Select country`)
      * ```
      */
-    readonly selectCountryAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly selectCountryAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text for the phone number input aria-label attribute.
      *
@@ -110,7 +112,7 @@ declare class SiPhoneNumberInputComponent implements ControlValueAccessor, Valid
      * t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.PHONE_NUMBER_INPUT_LABEL:Enter phone number`)
      * ```
      */
-    readonly phoneNumberAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly phoneNumberAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * List of countries in ISO2 format, from which the user is allowed to select one.
      * If no values are provided, the dropdown will show all known countries.
@@ -146,11 +148,7 @@ declare class SiPhoneNumberInputComponent implements ControlValueAccessor, Valid
     protected open: boolean;
     protected overlayWidth: number;
     protected readonly disabled: _angular_core.Signal<boolean>;
-    protected readonly countryList: _angular_core.Signal<{
-        name: string;
-        countryCode: number;
-        isoCode: string;
-    }[]>;
+    protected readonly countryList: _angular_core.Signal<SelectOption<CountryInfo>[]>;
     protected readonly icons: Record<"elementDown2", string>;
     private readonly allowedCountries;
     private readonly disabledNgControl;
@@ -174,7 +172,6 @@ declare class SiPhoneNumberInputComponent implements ControlValueAccessor, Valid
     protected countryInput(num: CountryInfo): void;
     protected openOverlay(): void;
     protected overlayDetach(): void;
-    protected valueProvider(country: CountryInfo): string;
     private writeCountry;
     private getCountryName;
     private updatePlaceholder;