@siemens/element-ng 49.6.0 → 49.7.0

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

@@ -1,160 +1,27 @@
-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';
-
-/**
- * Copyright (c) Siemens 2016 - 2026
- * SPDX-License-Identifier: MIT
- */
+import { OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
+import * as _siemens_element_ng_navbar_vertical_next from '@siemens/element-ng/navbar-vertical-next';
 
 /**
- * Common properties shared among navbar item types.
- * @experimental
- */
-interface NavbarVerticalNextItemBase {
-    /** 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;
-    /**
-     * 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.
- * @experimental
- */
-interface NavbarVerticalNextItemGroup extends NavbarVerticalNextItemBase {
-    type: 'group';
-    /** Submenu items for this menu item. */
-    children: NavbarVerticalNextSubItem[];
-    /** Set this property if the item should be expanded by default. */
-    expanded?: boolean;
-}
-/**
- * Use this type to create a routerLink item.
- * @experimental
- */
-interface NavbarVerticalNextItemRouterLink extends NavbarVerticalNextItemBase {
-    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.
+ * Content slot for navbar items inside `si-navbar-vertical-next`.
+ * Place `<a si-navbar-vertical-next-item>` and `<button si-navbar-vertical-next-item>` elements inside this component.
  * @experimental
  */
-interface NavbarVerticalNextItemLink extends NavbarVerticalNextItemBase {
-    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 NavbarVerticalNextItemRouterLink} instead whenever possible.
- * @experimental
- */
-interface NavbarVerticalNextItemAction extends NavbarVerticalNextItemBase {
-    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;
+declare class SiNavbarVerticalNextItemsComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextItemsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextItemsComponent, "si-navbar-vertical-next-items", never, {}, {}, never, ["*"], true, never>;
 }
-/** @experimental */
-interface NavbarVerticalNextItemHeader {
-    type: 'header';
-    label: TranslatableString;
-}
-/** @experimental */
-interface NavbarVerticalNextItemDivider {
-    type: 'divider';
-}
-/**
- * Union type for all possible all items in the navbar.
- * @experimental
- */
-type NavbarVerticalNextItem = NavbarVerticalNextItemGroup | NavbarVerticalNextItemRouterLink | NavbarVerticalNextItemLink | NavbarVerticalNextItemAction | NavbarVerticalNextItemHeader | NavbarVerticalNextItemDivider;
-/**
- * Union type for all items that can be wrapped in a group.
- * @experimental
- */
-type NavbarVerticalNextSubItem = NavbarVerticalNextItemRouterLink | NavbarVerticalNextItemLink | NavbarVerticalNextItemAction;
 
-/**
- * Required to have compiler checks on the factory template
- * @experimental
- */
-declare class SiNavbarVerticalNextItemGuardDirective {
-    static ngTemplateContextGuard(dir: SiNavbarVerticalNextItemGuardDirective, ctx: any): ctx is {
-        item: NavbarVerticalNextItem;
-        group: NavbarVerticalNextItemGroup;
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextItemGuardDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiNavbarVerticalNextItemGuardDirective, "[siNavbarVerticalNextItemGuard]", never, {}, {}, never, never, true, never>;
-}
 /** @experimental */
 declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
-    protected readonly icons: Record<"elementSearch" | "elementDoubleLeft" | "elementDoubleRight", string>;
+    protected readonly icons: Record<"elementDoubleLeft" | "elementDoubleRight", string>;
     /**
      * 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.TranslatableString>;
-    /**
-     * List of vertical navigation items
-     *
-     * @defaultValue []
-     */
-    readonly items: _angular_core.ModelSignal<(MenuItem | NavbarVerticalNextItem)[]>;
-    /**
-     * Set to `true` if there are no icons
-     *
-     * @defaultValue false
-     */
     /**
      * Set to `true` if there are no icons
      *
@@ -162,12 +29,10 @@ declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
      */
     readonly textOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * Set to false to hide the vertical navbar
+     * List of vertical navigation items
      *
-     * @defaultValue true
-     */
-    /**
-     * Set to false to hide the vertical navbar
+     * @deprecated Use the template-based declarative API with content projection instead. Use `<si-navbar-vertical-next-items>` and
+     * `<a si-navbar-vertical-next-item>` / `<button si-navbar-vertical-next-item>` instead.
      *
      * @defaultValue true
      */
@@ -213,25 +78,16 @@ declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
      * ```
      */
     readonly skipLinkMainContentLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
-    /**
-     * Debounce time for the search input
-     * @defaultValue 400
-     */
-    readonly searchDebounceTime: _angular_core.InputSignal<number>;
-    /**
-     * Output for search bar input
-     */
-    readonly searchEvent: _angular_core.OutputEmitterRef<string>;
-    private readonly searchBar;
-    protected readonly activatedRoute: ActivatedRoute | null;
-    protected readonly ready = true;
     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>>;
+    /**
+     * @defaultValue
+     * ```
+     * {}
+     * ```
+     */
+    readonly uiStateExpandedItems: _angular_core.WritableSignal<Record<string, boolean>>;
     private preferCollapse;
     constructor();
     ngOnChanges(changes: SimpleChanges<this>): void;
@@ -241,24 +97,160 @@ declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
     expand(): void;
     /** Collapses the vertical navbar. */
     collapse(): void;
-    protected expandForSearch(): void;
-    protected doSearch(event: string): void;
     /** @internal */
-    groupTriggered(): void;
+    groupStateChanged(stateId: string | undefined, expanded: boolean): void;
     protected saveUIState(): void;
     /** @internal */
     itemTriggered(): void;
-    protected isLegacyStyle(item: MenuItem | NavbarVerticalNextItem): item is MenuItem;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextComponent, "si-navbar-vertical-next", 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; }; "searchDebounceTime": { "alias": "searchDebounceTime"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "items": "itemsChange"; "searchEvent": "searchEvent"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextComponent, "si-navbar-vertical-next", never, { "collapsed": { "alias": "collapsed"; "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"; }, never, ["si-navbar-vertical-next-search", "si-navbar-vertical-next-items", "si-navbar-vertical-next-footer-items", "*"], true, never>;
+}
+
+/**
+ * @experimental
+ * We need a component to attach the stylesheet
+ */
+declare class SiNavbarVerticalNextDividerComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextDividerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextDividerComponent, "si-navbar-vertical-next-divider", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Content slot for footer items inside `si-navbar-vertical-next`.
+ * Place `<a si-navbar-vertical-next-item>` and `<button si-navbar-vertical-next-item>` elements inside this component.
+ * Footer items are pinned to the bottom of the navbar.
+ * @experimental
+ */
+declare class SiNavbarVerticalNextFooterItemsComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextFooterItemsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextFooterItemsComponent, "si-navbar-vertical-next-footer-items", never, {}, {}, never, ["*"], true, never>;
+}
+
+/** @experimental */
+declare class SiNavbarVerticalNextGroupTriggerDirective implements OnInit {
+    private static idCounter;
+    /** @internal */
+    readonly groupId: string;
+    readonly id: string;
+    readonly groupTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    readonly stateId: _angular_core.InputSignal<string | undefined>;
+    /** @defaultValue false */
+    readonly expanded: _angular_core.WritableSignal<boolean>;
+    /** @internal */
+    readonly flyout: _angular_core.WritableSignal<boolean>;
+    /** @internal */
+    readonly active: _angular_core.WritableSignal<boolean>;
+    protected readonly navbar: _siemens_element_ng_navbar_vertical_next.SiNavbarVerticalNextComponent;
+    private flyoutOutsideClickSubscription?;
+    private readonly viewContainer;
+    private readonly overlay;
+    private readonly injector;
+    private readonly overlayRef;
+    private groupView;
+    private flyoutAnchorComponentRef?;
+    private readonly templatePortal;
+    constructor();
+    ngOnInit(): void;
+    /** @internal */
+    hideFlyout(): void;
+    protected triggered(): void;
+    private toggleFlyout;
+    private attachInline;
+    private attachFlyout;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextGroupTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiNavbarVerticalNextGroupTriggerDirective, "button[siNavbarVerticalNextGroupTriggerFor]", never, { "groupTemplate": { "alias": "siNavbarVerticalNextGroupTriggerFor"; "required": true; "isSignal": true; }; "stateId": { "alias": "stateId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** @experimental */
+declare class SiNavbarVerticalNextGroupComponent {
+    protected readonly navbar: _siemens_element_ng_navbar_vertical_next.SiNavbarVerticalNextComponent;
+    protected readonly groupTrigger: SiNavbarVerticalNextGroupTriggerDirective;
+    private readonly routerLinkActive;
+    protected flyout: boolean;
+    protected readonly visible: _angular_core.Signal<boolean>;
+    constructor();
+    protected close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextGroupComponent, "si-navbar-vertical-next-group", never, {}, {}, never, ["*"], true, never>;
+}
+
+/** @experimental */
+declare class SiNavbarVerticalNextHeaderComponent {
+    protected navbar: _siemens_element_ng_navbar_vertical_next.SiNavbarVerticalNextComponent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextHeaderComponent, "si-navbar-vertical-next-header", never, {}, {}, never, ["*"], true, never>;
+}
+
+/** @experimental */
+declare class SiNavbarVerticalNextItemComponent implements OnInit {
+    protected readonly icons: Record<"elementDown2", string>;
+    /** Optional icon to render before the label. */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Badge value to display. */
+    readonly badge: _angular_core.InputSignal<string | number | undefined>;
+    /** Color of the badge. */
+    readonly badgeColor: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Hide the badge when the navbar is collapsed.
+     *
+     * @defaultValue false
+     */
+    readonly hideBadgeWhenCollapsed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Override the active state. Useful for action items. */
+    readonly activeOverride: _angular_core.InputSignal<boolean | undefined>;
+    protected readonly navbar: _siemens_element_ng_navbar_vertical_next.SiNavbarVerticalNextComponent;
+    protected readonly parent: SiNavbarVerticalNextItemComponent | null;
+    readonly group: SiNavbarVerticalNextGroupTriggerDirective | null;
+    private readonly routerLinkActive;
+    private readonly siLink;
+    /**
+     * Determines if the badge contains text-only content (not numeric)
+     */
+    protected readonly textOnlyBadge: _angular_core.Signal<boolean>;
+    /**
+     * Formats badge value to limit display to "+99" for numbers greater than 99
+     */
+    protected readonly formattedBadge: _angular_core.Signal<string>;
+    ngOnInit(): void;
+    protected triggered(): void;
+    get active(): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextItemComponent, "a[si-navbar-vertical-next-item], button[si-navbar-vertical-next-item]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeColor": { "alias": "badgeColor"; "required": false; "isSignal": true; }; "hideBadgeWhenCollapsed": { "alias": "hideBadgeWhenCollapsed"; "required": false; "isSignal": true; }; "activeOverride": { "alias": "activeOverride"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** @experimental */
+declare class SiNavbarVerticalNextSearchComponent {
+    protected readonly icons: Record<"elementSearch", string>;
+    /**
+     * Placeholder text for the search bar
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER:Search ...`)
+     * ```
+     */
+    readonly placeholder: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
+    /**
+     * Debounce time for the search input
+     * @defaultValue 400
+     */
+    readonly debounceTime: _angular_core.InputSignal<number>;
+    /**
+     * Output for search bar input
+     */
+    readonly searchChange: _angular_core.OutputEmitterRef<string>;
+    private readonly navbar;
+    private readonly searchBar;
+    protected expandForSearch(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextSearchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextSearchComponent, "si-navbar-vertical-next-search", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; }, never, never, true, never>;
 }
 
 /** @experimental */
 declare class SiNavbarVerticalNextModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiNavbarVerticalNextModule, never, [typeof SiNavbarVerticalNextComponent], [typeof SiNavbarVerticalNextComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiNavbarVerticalNextModule, never, [typeof SiNavbarVerticalNextComponent, typeof SiNavbarVerticalNextDividerComponent, typeof SiNavbarVerticalNextFooterItemsComponent, typeof SiNavbarVerticalNextGroupComponent, typeof SiNavbarVerticalNextGroupTriggerDirective, typeof SiNavbarVerticalNextHeaderComponent, typeof SiNavbarVerticalNextItemComponent, typeof SiNavbarVerticalNextItemsComponent, typeof SiNavbarVerticalNextSearchComponent], [typeof SiNavbarVerticalNextComponent, typeof SiNavbarVerticalNextDividerComponent, typeof SiNavbarVerticalNextFooterItemsComponent, typeof SiNavbarVerticalNextGroupComponent, typeof SiNavbarVerticalNextGroupTriggerDirective, typeof SiNavbarVerticalNextHeaderComponent, typeof SiNavbarVerticalNextItemComponent, typeof SiNavbarVerticalNextItemsComponent, typeof SiNavbarVerticalNextSearchComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiNavbarVerticalNextModule>;
 }
 
-export { SiNavbarVerticalNextComponent, SiNavbarVerticalNextItemGuardDirective, SiNavbarVerticalNextModule };
-export type { NavbarVerticalNextItem, NavbarVerticalNextItemAction, NavbarVerticalNextItemBase, NavbarVerticalNextItemDivider, NavbarVerticalNextItemGroup, NavbarVerticalNextItemHeader, NavbarVerticalNextItemLink, NavbarVerticalNextItemRouterLink, NavbarVerticalNextSubItem };
+export { SiNavbarVerticalNextComponent, SiNavbarVerticalNextDividerComponent, SiNavbarVerticalNextFooterItemsComponent, SiNavbarVerticalNextGroupComponent, SiNavbarVerticalNextGroupTriggerDirective, SiNavbarVerticalNextHeaderComponent, SiNavbarVerticalNextItemComponent, SiNavbarVerticalNextItemsComponent, SiNavbarVerticalNextModule, SiNavbarVerticalNextSearchComponent };

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

@@ -276,6 +276,8 @@ interface StatusItem extends MenuItem {
     overlayIcon?: string;
 }
 declare class SiSidePanelContentComponent implements OnInit {
+    private static idCounter;
+    protected readonly panelContentId: string;
     /**
      * @deprecated This input is no longer used. The collapsible state is managed by the SiSidePanelService.
      * This input will be removed in a future major version.

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

@@ -1,7 +1,7 @@
 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 { DoCheck, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
+import { OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
 import { Observable } from 'rxjs';
 import * as _siemens_element_ng_common from '@siemens/element-ng/common';
 import { ExtendedStatusType } from '@siemens/element-ng/common';
@@ -48,7 +48,7 @@ interface ExtendedStatusBarItem extends StatusBarItem {
  * The status bar is the main component within an application to inform users at all times
  * about important status information.
  */
-declare class SiStatusBarComponent implements DoCheck, OnDestroy, OnChanges {
+declare class SiStatusBarComponent implements OnDestroy, OnChanges {
     private static readonly itemMinWidth;
     private static readonly itemMaxWidth;
     private static readonly itemSpacing;
@@ -131,6 +131,7 @@ declare class SiStatusBarComponent implements DoCheck, OnDestroy, OnChanges {
     protected readonly icons: Record<"elementDown2" | "elementSoundMute" | "elementSoundOn", string>;
     protected statusId: string;
     private timer;
+    private significanceUpdateTimer;
     private blinkSubs?;
     private readonly element;
     private readonly blinkService;
@@ -139,8 +140,8 @@ declare class SiStatusBarComponent implements DoCheck, OnDestroy, OnChanges {
     private readonly measureService;
     constructor();
     ngOnChanges(changes: SimpleChanges<this>): void;
-    ngDoCheck(): void;
     ngOnDestroy(): void;
+    protected significanceChanged(): void;
     protected onItemClicked(item: StatusBarItem): void;
     protected toggleExpand(): void;
     protected resizeHandler(): void;
@@ -157,7 +158,7 @@ declare class SiStatusBarModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiStatusBarModule>;
 }
 
-declare class SiStatusBarItemComponent {
+declare class SiStatusBarItemComponent implements OnChanges {
     private readonly statusIcons;
     readonly status: _angular_core.InputSignal<ExtendedStatusType | undefined>;
     readonly value: _angular_core.InputSignal<number | TranslatableString>;
@@ -169,13 +170,15 @@ declare class SiStatusBarItemComponent {
     readonly valueOnly: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
     /** @defaultValue false */
     readonly clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly significanceChange: _angular_core.OutputEmitterRef<void>;
     private readonly bg;
     protected readonly contrastFix: _angular_core.Signal<boolean>;
     protected readonly statusIcon: _angular_core.Signal<_siemens_element_ng_common.StatusIcon | undefined>;
     protected readonly background: _angular_core.Signal<string>;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     private calculateContrastFix;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiStatusBarItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiStatusBarItemComponent, "si-status-bar-item", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "blink": { "alias": "blink"; "required": false; "isSignal": true; }; "valueOnly": { "alias": "valueOnly"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiStatusBarItemComponent, "si-status-bar-item", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "blink": { "alias": "blink"; "required": false; "isSignal": true; }; "valueOnly": { "alias": "valueOnly"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "significanceChange": "significanceChange"; }, never, never, true, never>;
 }
 
 export { SiStatusBarComponent, SiStatusBarItemComponent, SiStatusBarModule };

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

@@ -70,6 +70,7 @@ interface SiTranslatableKeys {
     'SI_DATE_RANGE_FILTER.RANGE'?: string;
     'SI_DATE_RANGE_FILTER.REF_POINT'?: string;
     'SI_DATE_RANGE_FILTER.SEARCH'?: string;
+    'SI_DATE_RANGE_FILTER.SELECT_RANGE_END'?: string;
     'SI_DATE_RANGE_FILTER.TO'?: string;
     'SI_DATE_RANGE_FILTER.TODAY'?: string;
     'SI_DATE_RANGE_FILTER.UNIT'?: string;

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

@@ -28,7 +28,23 @@ interface StepItem {
     index: number;
     step: SiWizardStepComponent;
 }
+interface StepMetadata {
+    canActivate: boolean;
+    stateClass: string;
+    ariaDisabled: 'true' | 'false';
+    ariaCurrent: 'step' | 'false';
+    icon: string;
+}
 declare class SiWizardComponent {
+    /** em-based multipliers relative to the step title font-size. */
+    private static readonly minStepWidthEm;
+    private static readonly maxStepWidthEm;
+    private static readonly defaultStepWidthEm;
+    private static readonly fallbackFontSize;
+    /** Fixed horizontal padding of the step title (px-6 = 2 × 16px). */
+    private static readonly stepPadding;
+    private readonly translateService;
+    private readonly textMeasureService;
     protected readonly containerSteps: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
     /**
      * Description of back button.
@@ -172,19 +188,21 @@ declare class SiWizardComponent {
     protected readonly showCompletionPage: _angular_core.WritableSignal<boolean>;
     /** The list of visible steps. */
     protected readonly activeSteps: _angular_core.Signal<StepItem[]>;
+    private readonly headingKeys;
+    private readonly maxStepWidth;
     private readonly _index;
     private readonly _currentStep;
     protected readonly icons: Record<"elementNotChecked" | "elementRadioChecked" | "elementCheckedFilled" | "elementWarningFilled" | "elementCancel" | "elementChecked" | "elementLeft4" | "elementRight4", string>;
-    protected canActivate(stepIndex: number): boolean;
+    protected readonly stepsMetadata: _angular_core.Signal<StepMetadata[]>;
+    constructor();
     protected activateStep(event: Event, stepIndex: number): void;
-    protected getStateClass(stepIndex: number): string;
-    protected getAriaDisabled(stepIndex: number): string;
-    protected getAriaCurrent(stepIndex: number): string;
+    private getStateClass;
     /**
      * Go to the next wizard step.
      * @param delta - optional number of steps to move forward.
      */
     next(delta?: number): void;
+    private getState;
     /**
      * Go to the previous wizard step.
      * @param delta - optional number of steps to move backwards.
@@ -192,8 +210,8 @@ declare class SiWizardComponent {
     back(delta?: number): void;
     /** Triggers the save action to complete the wizard. */
     save(): void;
-    protected getState(step: SiWizardStepComponent, stepIndex: number): string;
     private activate;
+    private measureMaxTextWidth;
     protected updateVisibleSteps(): void;
     private calculateVisibleStepCount;
     private computeVisibleSteps;