@siemens/element-ng 49.6.0 → 49.8.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;
-}
-/** @experimental */
-interface NavbarVerticalNextItemHeader {
-    type: 'header';
-    label: TranslatableString;
-}
-/** @experimental */
-interface NavbarVerticalNextItemDivider {
-    type: 'divider';
+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>;
 }
-/**
- * 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,34 +29,24 @@ 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
      */
     readonly visible: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * Text for the navbar expand button. Required for a11y
-     *
-     * @defaultValue
-     * ```
-     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.EXPAND:Expand`)
-     * ```
-     */
-    readonly navbarExpandButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
-    /**
-     * Text for the navbar collapse button. Required for a11y
+     * Text for the navbar toggle button used as `aria-label`.
+     * The expanded state is communicated via `aria-expanded`.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.COLLAPSE:Collapse`)
+     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.TOGGLE:Toggle`)
      * ```
      */
-    readonly navbarCollapseButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
+    readonly toggleButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * An optional stateId to uniquely identify a component instance.
      * Required for persistence of ui state.
@@ -213,25 +70,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 +89,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; }; "toggleButtonText": { "alias": "toggleButtonText"; "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-navbar.d.ts

@@ -129,7 +129,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_LAUNCHPAD.TITLE:Launchpad`)
+     * t(() => $localize`:@@SI_LAUNCHPAD.TITLE:Switch applications`)
      * ```
      */
     readonly appSwitcherTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
@@ -147,7 +147,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_LAUNCHPAD.FAVORITE_APPS:Favorite apps`)
+     * t(() => $localize`:@@SI_LAUNCHPAD.FAVORITE_APPS:Favorites`)
      * ```
      */
     readonly favoriteAppsTitle: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;

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

@@ -1,8 +1,8 @@
 import * as _angular_core from '@angular/core';
 import { OnDestroy, TemplateRef, OnInit, ElementRef, Injector } from '@angular/core';
+import { ScrollStrategy, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
 import { TranslatableString } from '@siemens/element-translate-ng/translate-types';
 import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
-import { ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
 import { OverlayArrowPosition } from '@siemens/element-ng/common';
 
 declare class SiPopoverDirective implements OnDestroy {
@@ -42,6 +42,13 @@ declare class SiPopoverDirective implements OnDestroy {
      * @defaultValue undefined
      */
     readonly context: _angular_core.InputSignal<unknown>;
+    /**
+     * Optional CDK scroll strategy used for the popover overlay.
+     * If not provided, the default reposition strategy is used.
+     *
+     * @defaultValue undefined
+     */
+    readonly scrollStrategy: _angular_core.InputSignal<ScrollStrategy | undefined>;
     /**
      * Emits an event when the popover is shown/hidden
      */
@@ -71,7 +78,7 @@ declare class SiPopoverDirective implements OnDestroy {
     updatePosition(): void;
     protected onClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiPopoverDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiPopoverDirective, "[siPopover]", ["si-popover"], { "siPopover": { "alias": "siPopover"; "required": false; "isSignal": true; }; "placement": { "alias": "siPopoverPlacement"; "required": false; "isSignal": true; }; "title": { "alias": "siPopoverTitle"; "required": false; "isSignal": true; }; "containerClass": { "alias": "siPopoverContainerClass"; "required": false; "isSignal": true; }; "icon": { "alias": "siPopoverIcon"; "required": false; "isSignal": true; }; "context": { "alias": "siPopoverContext"; "required": false; "isSignal": true; }; }, { "visibilityChange": "siPopoverVisibilityChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiPopoverDirective, "[siPopover]", ["si-popover"], { "siPopover": { "alias": "siPopover"; "required": false; "isSignal": true; }; "placement": { "alias": "siPopoverPlacement"; "required": false; "isSignal": true; }; "title": { "alias": "siPopoverTitle"; "required": false; "isSignal": true; }; "containerClass": { "alias": "siPopoverContainerClass"; "required": false; "isSignal": true; }; "icon": { "alias": "siPopoverIcon"; "required": false; "isSignal": true; }; "context": { "alias": "siPopoverContext"; "required": false; "isSignal": true; }; "scrollStrategy": { "alias": "siPopoverScrollStrategy"; "required": false; "isSignal": true; }; }, { "visibilityChange": "siPopoverVisibilityChange"; }, never, never, true, never>;
 }
 
 declare class PopoverComponent implements OnInit, OnDestroy {

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

@@ -50,6 +50,12 @@ declare class SiSearchBarComponent implements OnInit, OnDestroy, ControlValueAcc
     readonly colorVariant: _angular_core.InputSignal<BackgroundColorVariant>;
     /** @defaultValue false */
     readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the maximum length of the search input.
+     *
+     * @defaultValue undefined
+     */
+    readonly maxlength: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
     /**
      * Aria label for the clear button.
      *
@@ -91,7 +97,7 @@ declare class SiSearchBarComponent implements OnInit, OnDestroy, ControlValueAcc
     protected resetForm(): void;
     protected writeSearchValue(value: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSearchBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSearchBarComponent, "si-search-bar", never, { "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "prohibitedCharacters": { "alias": "prohibitedCharacters"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "tabbable": { "alias": "tabbable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "colorVariant": { "alias": "colorVariant"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearButtonAriaLabel": { "alias": "clearButtonAriaLabel"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSearchBarComponent, "si-search-bar", never, { "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "prohibitedCharacters": { "alias": "prohibitedCharacters"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "tabbable": { "alias": "tabbable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "colorVariant": { "alias": "colorVariant"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "clearButtonAriaLabel": { "alias": "clearButtonAriaLabel"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; }, never, never, true, never>;
 }
 
 declare class SiSearchBarModule {

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,13 +48,17 @@ 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 {
-    private static readonly itemMinWidth;
-    private static readonly itemMaxWidth;
+declare class SiStatusBarComponent implements OnDestroy, OnChanges {
+    private static readonly minNumberOfItems;
+    private static readonly itemMinWidthEm;
+    private static readonly itemMaxWidthEm;
     private static readonly itemSpacing;
-    private static readonly itemPaddingX;
-    private static readonly itemPaddingXdeprecated;
-    private static readonly muteButtonWidth;
+    private static readonly itemPadding;
+    private static readonly itemColorBarWidth;
+    private static readonly itemColorBarMargin;
+    private static readonly itemIconWidthEm;
+    private static readonly itemIconMargin;
+    private static readonly mainPadding;
     /**
      * Array of status bar items.
      */
@@ -131,6 +135,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,14 +144,16 @@ 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;
+    private getMuteButtonWidth;
     private setResponsiveMode;
     private calcResponsiveItems;
     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>;
 }
@@ -157,7 +164,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 +176,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-tooltip.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { OnDestroy, TemplateRef, Type, ElementRef, Injector } from '@angular/core';
+import { ScrollStrategy, OverlayRef } from '@angular/cdk/overlay';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
-import { OverlayRef } from '@angular/cdk/overlay';
 import { positions } from '@siemens/element-ng/common';
 
 declare class SiTooltipDirective implements OnDestroy {
@@ -17,13 +17,18 @@ declare class SiTooltipDirective implements OnDestroy {
      *
      * @defaultValue 'auto'
      */
-    readonly placement: i0.InputSignal<"auto" | "top" | "start" | "end" | "bottom">;
+    readonly placement: i0.InputSignal<"auto" | "start" | "end" | "top" | "bottom">;
     /**
      * Allows the tooltip to be disabled
      *
      * @defaultValue false
      */
     readonly isDisabled: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Optional CDK scroll strategy used for the tooltip overlay.
+     * If not provided, the default reposition strategy is used.
+     */
+    readonly tooltipScrollStrategy: i0.InputSignal<ScrollStrategy | undefined>;
     /**
      * The context for the attached template
      */
@@ -41,7 +46,7 @@ declare class SiTooltipDirective implements OnDestroy {
     protected show(): void;
     protected hide(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SiTooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SiTooltipDirective, "[siTooltip]", never, { "siTooltip": { "alias": "siTooltip"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "tooltipContext": { "alias": "tooltipContext"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiTooltipDirective, "[siTooltip]", never, { "siTooltip": { "alias": "siTooltip"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "tooltipScrollStrategy": { "alias": "tooltipScrollStrategy"; "required": false; "isSignal": true; }; "tooltipContext": { "alias": "tooltipContext"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SiTooltipModule {
@@ -94,6 +99,7 @@ declare class SiTooltipService {
         injector?: Injector;
         tooltip: () => SiTooltipContent;
         tooltipContext: () => unknown;
+        scrollStrategy?: ScrollStrategy;
     }): TooltipRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<SiTooltipService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SiTooltipService>;