@siemens/element-ng 49.14.0 → 51.0.0-rc.5

package/types/siemens-element-ng-navbar.d.ts

@@ -128,7 +128,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_LAUNCHPAD.TITLE:Switch applications`)
+     * t(() => $localize`:@@SI_LAUNCHPAD.TITLE:Switch app`)
      * ```
      */
     readonly appSwitcherTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
@@ -225,7 +225,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_NAVBAR.OPEN_LAUNCHPAD:Open launchpad`)
+     * t(() => $localize`:@@SI_NAVBAR.OPEN_LAUNCHPAD:Switch app`)
      * ```
      */
     readonly openAppSwitcherText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
@@ -234,7 +234,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_NAVBAR.TOGGLE_NAVIGATION:Toggle navigation`)
+     * t(() => $localize`:@@SI_NAVBAR.TOGGLE_NAVIGATION:Show navigation`)
      * ```
      */
     readonly toggleNavigationText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;

package/types/siemens-element-ng-notification-item.d.ts

@@ -8,6 +8,7 @@ import { TranslatableString } from '@siemens/element-translate-ng/translate';
  * @param type - The type of the link, always 'router-link'.
  * @param routerLink - The router link to navigate to.
  * @param extras - Optional navigation extras for the router.
+ * @deprecated Use the CSS-based list item component instead.
  */
 interface NotificationItemRouterLink {
     type: 'router-link';
@@ -19,6 +20,7 @@ interface NotificationItemRouterLink {
  * @param type - The type of the link, always 'link'.
  * @param href - The URL to navigate to.
  * @param target - Optional target attribute for the link.
+ * @deprecated Use the CSS-based list item component instead.
  */
 interface NotificationItemLink {
     type: 'link';
@@ -29,6 +31,7 @@ interface NotificationItemLink {
  * Base interface for notification item actions.
  * @param ariaLabel - The ARIA label for accessibility.
  * @param icon - The icon to display for the action.
+ * @deprecated Use the CSS-based list item component instead.
  */
 interface NotificationItemBase {
     ariaLabel: TranslatableString;
@@ -51,6 +54,7 @@ interface NotificationItemActionCircleButton extends NotificationItemBase {
  * @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.
+ * @deprecated Use the CSS-based list item component instead.
  */
 interface NotificationItemActionIconButton extends NotificationItemBase {
     type: 'action-icon-button';
@@ -62,6 +66,7 @@ interface NotificationItemActionIconButton extends NotificationItemBase {
  * @param type - The type of the link, always 'router-link'.
  * @param routerLink - The router link to navigate to.
  * @param extras - Optional navigation extras for the router.
+ * @deprecated Use the CSS-based list item component instead.
  */
 interface NotificationItemRouterLinkIcon extends NotificationItemBase {
     type: 'router-link';
@@ -73,6 +78,7 @@ interface NotificationItemRouterLinkIcon extends NotificationItemBase {
  * @param type - The type of the link, always 'link'.
  * @param href - The URL to navigate to.
  * @param target - Optional target attribute for the link.
+ * @deprecated Use the CSS-based list item component instead.
  */
 interface NotificationItemLinkIcon extends NotificationItemBase {
     type: 'link';
@@ -84,6 +90,7 @@ interface NotificationItemLinkIcon extends NotificationItemBase {
  * @param type - The type of the action, always 'action-button'.
  * @param label - The label to display on the button.
  * @param action - The action to perform when the button is clicked.
+ * @deprecated Use the CSS-based list item component instead.
  */
 interface NotificationItemActionButton {
     type: 'action-button';
@@ -94,6 +101,7 @@ interface NotificationItemActionButton {
  * Interface for a menu in a notification item.
  * @param type - The type of the action, always 'menu'.
  * @param menuItems - The menu items to display in the menu.
+ * @deprecated Use the CSS-based list item component instead.
  */
 interface NotificationItemMenu {
     type: 'menu';
@@ -101,16 +109,20 @@ interface NotificationItemMenu {
 }
 /**
  * Union type for quick actions in a notification item.
+ * @deprecated Use the CSS-based list item component instead.
  */
 type NotificationItemQuickAction = NotificationItemActionCircleButton | NotificationItemActionIconButton | NotificationItemLinkIcon | NotificationItemRouterLinkIcon;
 /**
  * Union type for primary actions in a notification item.
+ * @deprecated Use the CSS-based list item component instead.
  */
 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
  * router links, standard links, action buttons, and menus.
+ *
+ * @deprecated Use the CSS-based list item component instead.
  */
 declare class SiNotificationItemComponent {
     protected readonly icons: Record<"elementOptionsVertical", string>;

package/types/siemens-element-ng-phone-number.d.ts

@@ -60,7 +60,6 @@ declare class SiPhoneNumberInputComponent implements ControlValueAccessor, Valid
     private phoneUtil;
     private translate;
     private locale;
-    private changeDetectorRef;
     private elementRef;
     /**
      * Unique identifier.
@@ -142,13 +141,14 @@ declare class SiPhoneNumberInputComponent implements ControlValueAccessor, Valid
      */
     readonly errormessageId: _angular_core.InputSignal<string>;
     protected readonly phoneInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
-    protected readonly selectedCountry: _angular_core.WritableSignal<CountryInfo | undefined>;
-    protected placeholder: string;
     protected readonly countryFocused: _angular_core.WritableSignal<boolean>;
-    protected open: boolean;
+    protected readonly open: _angular_core.WritableSignal<boolean>;
     protected overlayWidth: number;
     protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly phoneInputValue: _angular_core.WritableSignal<string>;
     protected readonly countryList: _angular_core.Signal<SelectOption<CountryInfo>[]>;
+    protected readonly selectedCountry: _angular_core.Signal<CountryInfo | undefined>;
+    protected readonly placeholder: _angular_core.Signal<string>;
     protected readonly icons: Record<"elementDown2", string>;
     private readonly allowedCountries;
     private readonly disabledNgControl;
@@ -167,14 +167,12 @@ declare class SiPhoneNumberInputComponent implements ControlValueAccessor, Valid
     setDisabledState(isDisabled: boolean): void;
     /** @internal */
     validate(control: AbstractControl): ValidationErrors | null;
-    protected input(): void;
+    protected input(event: Event): void;
     protected blur(): void;
     protected countryInput(num: CountryInfo): void;
     protected openOverlay(): void;
     protected overlayDetach(): void;
-    private writeCountry;
     private getCountryName;
-    private updatePlaceholder;
     private parseNumber;
     /**
      * PhoneUtil does not resolve country code early enough when the national prefix is shared among other countries (+1 and +44).
@@ -183,7 +181,6 @@ declare class SiPhoneNumberInputComponent implements ControlValueAccessor, Valid
     private getRegionCode;
     private formatPhoneNumber;
     private handleChange;
-    private writeTextToInput;
     /**
      * Format and update input text or clear input text if the input value is undefined.
      */

package/types/siemens-element-ng-photo-upload.d.ts

@@ -64,7 +64,7 @@ declare class SiPhotoUploadComponent implements OnChanges, OnDestroy {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_PHOTO_UPLOAD.ERROR_FILE_SIZE_EXCEEDED:The actual file size {{mb}} MB exceeds the {{maxSizeMb}} MB limit.`)
+     * t(() => $localize`:@@SI_PHOTO_UPLOAD.ERROR_FILE_SIZE_EXCEEDED:Current file size of {{mb}} MB exceeds file size of max. {{maxSizeMb}} MB`)
      * ```
      */
     readonly uploadErrorTooBig: _angular_core.InputSignal<TranslatableString>;
@@ -95,7 +95,7 @@ declare class SiPhotoUploadComponent implements OnChanges, OnDestroy {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_PHOTO_UPLOAD.CROPPER_FRAME_LABEL:Crop photo`)
+     * t(() => $localize`:@@SI_PHOTO_UPLOAD.CROPPER_FRAME_LABEL:Crop picture`)
      * ```
      */
     readonly cropperFrameAriaLabel: _angular_core.InputSignal<TranslatableString>;
@@ -104,7 +104,7 @@ declare class SiPhotoUploadComponent implements OnChanges, OnDestroy {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_PHOTO_UPLOAD.UPLOAD_PHOTO:Upload photo`)
+     * t(() => $localize`:@@SI_PHOTO_UPLOAD.UPLOAD_PHOTO:Upload picture`)
      * ```
      */
     readonly uploadPhotoText: _angular_core.InputSignal<TranslatableString>;
@@ -140,7 +140,7 @@ declare class SiPhotoUploadComponent implements OnChanges, OnDestroy {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_PHOTO_UPLOAD.MODAL_TITLE:Avatar photo`)
+     * t(() => $localize`:@@SI_PHOTO_UPLOAD.MODAL_TITLE:Profile picture`)
      * ```
      */
     readonly modalHeader: _angular_core.InputSignal<TranslatableString>;

package/types/siemens-element-ng-resize-observer.d.ts

@@ -34,23 +34,6 @@ declare class ResizeObserverService {
     private schedule;
     private unschedule;
     private processQueue;
-    /**
-     * check size on all observed elements. Only use in testing!
-     * @deprecated Will be removed in major version 50! For testing purposes use the resize observer mock:
-     *
-     * ```ts
-     * beforeEach(() => mockResizeObserver());
-     * afterEach(() => restoreResizeObserver());
-     * it('should trigger resize', () => {
-     *   // For all observed elements
-     *   MockResizeObserver.triggerResize({});
-     *   // For specific HTML element
-     *   MockResizeObserver.triggerResize({ target: myElement });
-     * });
-     * ```
-  
-     */
-    _checkAll(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResizeObserverService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ResizeObserverService>;
 }

package/types/siemens-element-ng-search-bar.d.ts

@@ -61,7 +61,7 @@ declare class SiSearchBarComponent implements OnInit, OnDestroy, ControlValueAcc
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_SEARCH_BAR.CLEAR_BUTTON:clear`)
+     * t(() => $localize`:@@SI_SEARCH_BAR.CLEAR_BUTTON:Clear`)
      * ```
      */
     readonly clearButtonAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;

package/types/siemens-element-ng-select.d.ts

@@ -137,7 +137,7 @@ declare class SiSelectComponent<T> implements SiFormItemControl {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_SELECT.SEARCH-PLACEHOLDER:Search...`)
+     * t(() => $localize`:@@SI_SELECT.SEARCH-PLACEHOLDER:Search…`)
      * ```
      */
     readonly filterPlaceholder: _angular_core.InputSignal<TranslatableString>;

package/types/siemens-element-ng-side-panel.d.ts

@@ -339,7 +339,7 @@ declare class SiSidePanelContentComponent implements OnInit {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_SIDE_PANEL.SEARCH_PLACEHOLDER:Search...`)
+     * t(() => $localize`:@@SI_SIDE_PANEL.SEARCH_PLACEHOLDER:Search…`)
      * ```
      */
     readonly searchPlaceholder: _angular_core.InputSignal<TranslatableString>;
@@ -366,7 +366,7 @@ declare class SiSidePanelContentComponent implements OnInit {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_SIDE_PANEL.ENTER_FULLSCREEN:Enter fullscreen`)
+     * t(() => $localize`:@@SI_SIDE_PANEL.ENTER_FULLSCREEN:Full screen`)
      * ```
      */
     readonly enterFullscreenLabel: _angular_core.InputSignal<TranslatableString>;
@@ -375,7 +375,7 @@ declare class SiSidePanelContentComponent implements OnInit {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_SIDE_PANEL.EXIT_FULLSCREEN:Exit fullscreen`)
+     * t(() => $localize`:@@SI_SIDE_PANEL.EXIT_FULLSCREEN:Exit full screen`)
      * ```
      */
     readonly exitFullscreenLabel: _angular_core.InputSignal<TranslatableString>;

package/types/siemens-element-ng-split.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnChanges, TemplateRef, EventEmitter, SimpleChanges, AfterContentInit, QueryList, Signal } from '@angular/core';
+import { TemplateRef, Signal } from '@angular/core';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 
 /**
@@ -9,6 +9,7 @@ import { TranslatableString } from '@siemens/element-translate-ng/translate';
 /** */
 type CollapseTo = 'start' | 'end';
 type SplitOrientation = 'horizontal' | 'vertical';
+type SplitUnit = 'px' | 'fr';
 type Scale = 'none' | 'auto';
 interface Action {
     iconClass: string;
@@ -20,37 +21,47 @@ interface PartState {
     size?: number;
 }
 
-declare class SiSplitPartComponent implements OnChanges {
-    /** @defaultValue [] */
-    actions: Action[];
+declare class SiSplitPartComponent {
+    protected readonly icons: Record<"elementDoubleRight", string>;
     /**
+     * Action buttons displayed in the split part header.
+     *
+     * @defaultValue []
+     */
+    readonly actions: _angular_core.InputSignal<Action[]>;
+    /**
+     * Defines which direction the split part collapses to.
+     *
      * @defaultValue 'start'
      */
-    collapseDirection: CollapseTo;
+    readonly collapseDirection: _angular_core.InputSignal<CollapseTo>;
     /**
      * Sets the icon class that is used in the buttons of split parts to
      * collapse and uncollapse the parts.
-     *
-     * @defaultValue 'element-double-right'
      */
-    collapseIconClass: string;
+    readonly collapseIconClass: _angular_core.InputSignal<string | undefined>;
     /**
      * Collapse only to the given min size.
      *
      * @defaultValue false
      */
-    collapseToMinSize: boolean;
-    headerTemplate?: TemplateRef<any>;
+    readonly collapseToMinSize: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Custom template for the split part header. The template receives the component instance as implicit context.
+     */
+    readonly headerTemplate: _angular_core.InputSignal<TemplateRef<{
+        $implicit: SiSplitPartComponent;
+    }> | undefined>;
     /**
      * Sets the title of the split part header.
      */
-    heading: TranslatableString;
+    readonly heading: _angular_core.InputSignal<TranslatableString | undefined>;
     /**
      * Minimum size in px.
      *
      * @defaultValue 0
      */
-    minSize: number;
+    readonly minSize: _angular_core.InputSignalWithTransform<number, unknown>;
     /**
      * When a split part is collapsed, the content gets hidden but it will
      * still remain within the DOM. If you want to remove and destroy the component
@@ -59,41 +70,48 @@ declare class SiSplitPartComponent implements OnChanges {
      *
      * @defaultValue false
      */
-    removeContentOnCollapse: boolean;
+    readonly removeContentOnCollapse: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Defines the behavior of the split part during scaling.
      * E.g. when set to `none`, the spit part will keep its current size even when the parent container grows or shrinks.
      *
      * @defaultValue 'auto'
      */
-    scale: Scale;
+    readonly scale: _angular_core.InputSignal<Scale>;
     /**
      * Defines if the collapse button of a split part is displayed. Default value is true.
      *
      * @defaultValue true
      */
-    showCollapseButton: boolean;
+    readonly showCollapseButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Defines if the header of the split part is visible. Default is true.
      *
      * @defaultValue true
      */
-    showHeader: boolean;
+    readonly showHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Aria label for collapse button. Needed for a11y
      *
-     * @defaultValue 'collapse'
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_SPLIT.COLLAPSE_LABEL:Collapse`)
+     * ```
      */
-    collapseLabel: TranslatableString;
+    readonly collapseLabel: _angular_core.InputSignal<TranslatableString>;
     /**
      * An optional stateId to uniquely identify a component instance.
      * Required for persistence of ui state.
      */
-    stateId?: string;
+    readonly stateId: _angular_core.InputSignal<string | undefined>;
     /**
-     * Expanded size in px.
+     * Expanded size.
      */
-    size?: number;
+    readonly size: _angular_core.InputSignalWithTransform<number, string | number>;
+    /**
+     * Unit for the configured {@link size}.
+     */
+    readonly unit: _angular_core.InputSignal<SplitUnit>;
     /**
      * This toggles the behavior when collapsing this split part.
      * If enabled, all split parts between this one and the end of the split in the respective direction will be collapsed if this part is collapsed.
@@ -101,21 +119,37 @@ declare class SiSplitPartComponent implements OnChanges {
      *
      * @defaultValue false
      */
-    collapseOthers: boolean;
-    readonly collapseChanged: EventEmitter<boolean>;
-    readonly stateChange: EventEmitter<PartState>;
+    readonly collapseOthers: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Sets the initial expanded or collapsed state of the split part.
+     *
+     * @defaultValue true
+     */
+    readonly expanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly collapseChanged: _angular_core.OutputEmitterRef<boolean>;
+    readonly stateChange: _angular_core.OutputEmitterRef<PartState>;
     /** @internal */
     index: number;
     /** @internal */
-    before?: SiSplitPartComponent;
+    readonly before: _angular_core.WritableSignal<SiSplitPartComponent | undefined>;
     /** @internal */
-    after?: SiSplitPartComponent;
+    readonly after: _angular_core.WritableSignal<SiSplitPartComponent | undefined>;
     /** @internal */
     readonly fractionalSize: _angular_core.WritableSignal<number | undefined>;
     /** @internal */
-    readonly collapsedSize: _angular_core.WritableSignal<number>;
-    /** @internal */
+    readonly collapsedSize: _angular_core.Signal<number>;
+    /**
+     * Internal, mutable collapsed state. Initialized from the {@link expanded} input but can be
+     * overwritten while toggling, cascading to sibling parts or restoring the persisted ui state.
+     * @internal
+     */
     readonly collapsedState: _angular_core.WritableSignal<boolean>;
+    /**
+     * Internal, mutable collapse direction. Initialized from the {@link collapseDirection}
+     * input but can be overwritten while cascading collapse state to sibling parts.
+     * @internal
+     */
+    readonly collapseDirectionState: _angular_core.WritableSignal<CollapseTo>;
     /**
      * Get collapsed state.
      * @returns True if the split part is collapsed, false is expanded.
@@ -129,14 +163,11 @@ declare class SiSplitPartComponent implements OnChanges {
     saveUIState: () => void;
     /** @internal */
     readonly nextExpandedAfter: _angular_core.Signal<SiSplitPartComponent>;
-    private elementRef;
+    private readonly elementRef;
     protected headerContext: {
         $implicit: SiSplitPartComponent;
     };
-    /** @defaultValue true */
-    set expanded(value: boolean);
-    get expanded(): boolean;
-    ngOnChanges(changes: SimpleChanges<this>): void;
+    constructor();
     /** @internal */
     refreshSizePx(orientation: SplitOrientation): void;
     /**
@@ -146,15 +177,7 @@ declare class SiSplitPartComponent implements OnChanges {
     private refreshCollapsedToEnd;
     private refreshCollapseToStart;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSplitPartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSplitPartComponent, "si-split-part", never, { "actions": { "alias": "actions"; "required": false; }; "collapseDirection": { "alias": "collapseDirection"; "required": false; }; "collapseIconClass": { "alias": "collapseIconClass"; "required": false; }; "collapseToMinSize": { "alias": "collapseToMinSize"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; "removeContentOnCollapse": { "alias": "removeContentOnCollapse"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "stateId": { "alias": "stateId"; "required": false; }; "size": { "alias": "size"; "required": false; }; "collapseOthers": { "alias": "collapseOthers"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "collapseChanged": "collapseChanged"; "stateChange": "stateChange"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_collapseToMinSize: unknown;
-    static ngAcceptInputType_minSize: unknown;
-    static ngAcceptInputType_removeContentOnCollapse: unknown;
-    static ngAcceptInputType_showCollapseButton: unknown;
-    static ngAcceptInputType_showHeader: unknown;
-    static ngAcceptInputType_size: unknown;
-    static ngAcceptInputType_collapseOthers: unknown;
-    static ngAcceptInputType_expanded: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSplitPartComponent, "si-split-part", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "collapseDirection": { "alias": "collapseDirection"; "required": false; "isSignal": true; }; "collapseIconClass": { "alias": "collapseIconClass"; "required": false; "isSignal": true; }; "collapseToMinSize": { "alias": "collapseToMinSize"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "removeContentOnCollapse": { "alias": "removeContentOnCollapse"; "required": false; "isSignal": true; }; "scale": { "alias": "scale"; "required": false; "isSignal": true; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; "stateId": { "alias": "stateId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": true; "isSignal": true; }; "unit": { "alias": "unit"; "required": true; "isSignal": true; }; "collapseOthers": { "alias": "collapseOthers"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "collapseChanged": "collapseChanged"; "stateChange": "stateChange"; }, never, ["*"], true, never>;
 }
 
 interface Gutter {
@@ -162,43 +185,49 @@ interface Gutter {
     after: SiSplitPartComponent;
     visible: Signal<boolean>;
 }
-declare class SiSplitComponent implements AfterContentInit, OnChanges {
-    /** @defaultValue 16 */
-    gutterSize: number;
-    protected readonly _orientation: _angular_core.WritableSignal<SplitOrientation>;
-    get orientation(): SplitOrientation;
-    set orientation(value: SplitOrientation);
-    /** @defaultValue [] */
-    sizes: number[];
+declare class SiSplitComponent {
+    /**
+     * Size of the gutter (divider) between split parts in pixels.
+     *
+     * @defaultValue 16
+     */
+    readonly gutterSize: _angular_core.InputSignal<number>;
+    /**
+     * Defines the split layout direction.
+     *
+     * @defaultValue 'horizontal'
+     */
+    readonly orientation: _angular_core.InputSignal<SplitOrientation>;
     /**
      * An optional stateId to uniquely identify a component instance.
      * Required for persistence of ui state.
      */
-    stateId?: string;
-    readonly sizesChange: EventEmitter<number[]>;
-    protected parts: QueryList<SiSplitPartComponent>;
-    protected gutters: Gutter[];
-    protected gridTemplateRows: Signal<string>;
-    protected gridTemplateColumns: Signal<string>;
-    protected gridTemplateAreas: Signal<string>;
-    private elementRef;
-    private ngZone;
-    private changeDetectorRef;
-    private document;
-    private uiStateService;
-    private fractionalSizeToExpandedSizeFactor;
-    ngOnChanges(changes: SimpleChanges<this>): void;
-    ngAfterContentInit(): void;
-    private alignRelativeSizes;
-    private updateFractionalSizeToExpandSizeFactor;
+    readonly stateId: _angular_core.InputSignal<string | undefined>;
+    readonly sizesChange: _angular_core.OutputEmitterRef<number[]>;
+    protected readonly parts: Signal<readonly SiSplitPartComponent[]>;
+    protected readonly gutters: _angular_core.WritableSignal<Gutter[]>;
+    private readonly gridTemplate;
+    protected readonly gridTemplateRows: Signal<string>;
+    protected readonly gridTemplateColumns: Signal<string>;
+    protected readonly gridTemplateAreas: Signal<string>;
+    private readonly elementRef;
+    private readonly ngZone;
+    private readonly changeDetectorRef;
+    private readonly document;
+    private readonly uiStateService;
+    private readonly destroyRef;
+    private readonly fractionalSizeToExpandedSizeFactor;
+    private readonly initialized;
+    constructor();
+    private setupParts;
     private refreshAllPartSizes;
     protected resizeStart(gutter: Gutter, event: Event): void;
     private measureContainerSize;
     private getPosition;
     private saveUIState;
-    private restoreFormUIState;
+    private restoreFromUIState;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSplitComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSplitComponent, "si-split", never, { "gutterSize": { "alias": "gutterSize"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "sizes": { "alias": "sizes"; "required": false; }; "stateId": { "alias": "stateId"; "required": false; }; }, { "sizesChange": "sizesChange"; }, ["parts"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSplitComponent, "si-split", never, { "gutterSize": { "alias": "gutterSize"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "stateId": { "alias": "stateId"; "required": false; "isSignal": true; }; }, { "sizesChange": "sizesChange"; }, ["parts"], ["*"], true, never>;
 }
 
 declare class SiSplitModule {
@@ -208,4 +237,4 @@ declare class SiSplitModule {
 }
 
 export { SiSplitComponent, SiSplitModule, SiSplitPartComponent };
-export type { Action, CollapseTo, PartState, Scale, SplitOrientation };
+export type { Action, CollapseTo, PartState, Scale, SplitOrientation, SplitUnit };

package/types/siemens-element-ng-status-bar.d.ts

@@ -102,23 +102,15 @@ declare class SiStatusBarComponent implements OnDestroy, OnChanges {
      */
     readonly blinkPulse: _angular_core.InputSignal<Observable<boolean> | undefined>;
     /**
-     * Text for the navbar expand button. Required for a11y
+     * Text for the toggle button that expands/collapses the status bar. Required for a11y.
+     * The expanded/collapsed state is communicated separately via `aria-expanded`.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_STATUS_BAR.EXPAND:Expand`)
+     * t(() => $localize`:@@SI_STATUS_BAR.TOGGLE:Toggle`)
      * ```
      */
-    readonly expandButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
-    /**
-     * Text for the navbar collapse button. Required for a11y
-     *
-     * @defaultValue
-     * ```
-     * t(() => $localize`:@@SI_STATUS_BAR.COLLAPSE:Collapse`)
-     * ```
-     */
-    readonly collapseButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
+    readonly toggleButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Emitted when the mute toggle button is clicked
      */
@@ -155,7 +147,7 @@ declare class SiStatusBarComponent implements OnDestroy, OnChanges {
     private calculateRequiredWidth;
     private getItemWidth;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiStatusBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiStatusBarComponent, "si-status-bar", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "blink": { "alias": "blink"; "required": false; "isSignal": true; }; "muteButton": { "alias": "muteButton"; "required": false; "isSignal": true; }; "muteButtonText": { "alias": "muteButtonText"; "required": false; "isSignal": true; }; "allOkText": { "alias": "allOkText"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "blinkPulse": { "alias": "blinkPulse"; "required": false; "isSignal": true; }; "expandButtonText": { "alias": "expandButtonText"; "required": false; "isSignal": true; }; "collapseButtonText": { "alias": "collapseButtonText"; "required": false; "isSignal": true; }; }, { "muteToggle": "muteToggle"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiStatusBarComponent, "si-status-bar", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "blink": { "alias": "blink"; "required": false; "isSignal": true; }; "muteButton": { "alias": "muteButton"; "required": false; "isSignal": true; }; "muteButtonText": { "alias": "muteButtonText"; "required": false; "isSignal": true; }; "allOkText": { "alias": "allOkText"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "blinkPulse": { "alias": "blinkPulse"; "required": false; "isSignal": true; }; "toggleButtonText": { "alias": "toggleButtonText"; "required": false; "isSignal": true; }; }, { "muteToggle": "muteToggle"; }, never, ["*"], true, never>;
 }
 
 declare class SiStatusBarModule {

package/types/siemens-element-ng-status-counter.d.ts

@@ -21,7 +21,7 @@ declare class SiStatusCounterComponent {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly isDisabledOrCountZero: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiStatusCounterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiStatusCounterComponent, "si-status-counter, si-icon-status", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "stackedIcon": { "alias": "stackedIcon"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiStatusCounterComponent, "si-status-counter", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "stackedIcon": { "alias": "stackedIcon"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { SiStatusCounterComponent };

package/types/siemens-element-ng-tabs.d.ts

@@ -50,14 +50,13 @@ declare abstract class SiTabBaseDirective implements OnDestroy, FocusableOption
     private indexBeforeClose;
     private readonly tooltipService;
     private readonly existingTooltip;
-    private tooltipRef?;
+    private readonly canShowTooltip;
     /** @internal */
     tabId: string;
     protected readonly icons: Record<"elementCancel", string>;
     protected tabset: _siemens_element_ng_tabs.SiTabsetComponent;
     private readonly index;
     constructor();
-    private setupIconTooltip;
     ngOnDestroy(): void;
     protected closeTab(event: Event): void;
     /** @internal */