@siemens/element-ng 49.7.0 → 49.9.0

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

@@ -28,6 +28,14 @@ declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
      * @defaultValue false
      */
     readonly textOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When `true`, item-groups always open as a transient flyout panel adjacent to the
+     * trigger, regardless of whether the navbar is collapsed or expanded.
+     * Flyouts open and close on click.
+     *
+     * @defaultValue false
+     */
+    readonly alwaysFlyout: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * List of vertical navigation items
      *
@@ -38,23 +46,15 @@ declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
      */
     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.
@@ -80,6 +80,8 @@ declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
     readonly skipLinkMainContentLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     private uiStateService;
     private breakpointObserver;
+    private injector;
+    protected readonly ready: _angular_core.WritableSignal<boolean>;
     protected readonly smallScreen: _angular_core.WritableSignal<boolean>;
     /**
      * @defaultValue
@@ -103,7 +105,7 @@ declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
     /** @internal */
     itemTriggered(): void;
     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; }; "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>;
+    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; }; "alwaysFlyout": { "alias": "alwaysFlyout"; "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>;
 }
 
 /**
@@ -127,7 +129,7 @@ declare class SiNavbarVerticalNextFooterItemsComponent {
 }
 
 /** @experimental */
-declare class SiNavbarVerticalNextGroupTriggerDirective implements OnInit {
+declare class SiNavbarVerticalNextGroupTriggerDirective {
     private static idCounter;
     /** @internal */
     readonly groupId: string;
@@ -136,27 +138,38 @@ declare class SiNavbarVerticalNextGroupTriggerDirective implements OnInit {
     readonly stateId: _angular_core.InputSignal<string | undefined>;
     /** @defaultValue false */
     readonly expanded: _angular_core.WritableSignal<boolean>;
-    /** @internal */
+    /**
+     * Whether the group is currently rendered as a transient flyout overlay
+     * (true) or inline within the navbar (false). Automatically resets to
+     * `false` whenever the rendering mode changes.
+     * @internal
+     */
     readonly flyout: _angular_core.WritableSignal<boolean>;
-    /** @internal */
+    /**
+     * Whether the open flyout overlay currently contains the active route.
+     * Reset together with `flyout` so it never lingers across mode changes.
+     * @internal
+     */
     readonly active: _angular_core.WritableSignal<boolean>;
     protected readonly navbar: _siemens_element_ng_navbar_vertical_next.SiNavbarVerticalNextComponent;
+    /** @internal */
+    readonly flyoutMode: _angular_core.Signal<boolean>;
     private flyoutOutsideClickSubscription?;
     private readonly viewContainer;
     private readonly overlay;
     private readonly injector;
     private readonly overlayRef;
-    private groupView;
+    private groupView?;
     private flyoutAnchorComponentRef?;
     private readonly templatePortal;
     constructor();
-    ngOnInit(): void;
     /** @internal */
     hideFlyout(): void;
     protected triggered(): void;
     private toggleFlyout;
     private attachInline;
     private attachFlyout;
+    private detachFlyout;
     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>;
 }
@@ -166,7 +179,6 @@ 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;
@@ -183,7 +195,7 @@ declare class SiNavbarVerticalNextHeaderComponent {
 
 /** @experimental */
 declare class SiNavbarVerticalNextItemComponent implements OnInit {
-    protected readonly icons: Record<"elementDown2", string>;
+    protected readonly icons: Record<"elementDown2" | "elementRight2", string>;
     /** Optional icon to render before the label. */
     readonly icon: _angular_core.InputSignal<string | undefined>;
     /** Badge value to display. */
@@ -211,6 +223,7 @@ declare class SiNavbarVerticalNextItemComponent implements OnInit {
      * Formats badge value to limit display to "+99" for numbers greater than 99
      */
     protected readonly formattedBadge: _angular_core.Signal<string>;
+    protected readonly isDropdownItem: _angular_core.Signal<boolean>;
     ngOnInit(): void;
     protected triggered(): void;
     get active(): boolean;

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

@@ -199,12 +199,13 @@ declare class SiNavbarVerticalComponent implements OnChanges, OnInit {
     readonly searchEvent: _angular_core.OutputEmitterRef<string>;
     private readonly searchBar;
     protected readonly activatedRoute: ActivatedRoute | null;
-    protected readonly ready = true;
     private uiStateService;
     private breakpointObserver;
+    private injector;
     private readonly navbarItems;
     private readonly navbarItemsLegacy;
     private readonly itemsToComponents;
+    protected readonly ready: _angular_core.WritableSignal<boolean>;
     protected readonly smallScreen: _angular_core.WritableSignal<boolean>;
     protected readonly uiStateExpandedItems: _angular_core.WritableSignal<Record<string, boolean>>;
     private preferCollapse;

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-select.d.ts

@@ -546,5 +546,244 @@ declare class SiSelectListHasFilterComponent<T> extends SiSelectListBase<T> impl
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSelectListHasFilterComponent<any>, "si-select-list-has-filter", never, { "filterPlaceholder": { "alias": "filterPlaceholder"; "required": true; "isSignal": true; }; "noResultsFoundLabel": { "alias": "noResultsFoundLabel"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { SiSelectActionDirective, SiSelectActionsDirective, SiSelectComponent, SiSelectGroupTemplateDirective, SiSelectLazyOptionsDirective, SiSelectListHasFilterComponent, SiSelectModule, SiSelectMultiValueDirective, SiSelectOptionTemplateDirective, SiSelectSimpleOptionsDirective, SiSelectSingleValueDirective };
-export type { SelectGroup, SelectItem, SelectOption, SelectOptionSource };
+/**
+ * Possible values for the `aria-haspopup` attribute exposed by the
+ * combobox host of a custom select.
+ */
+type SiSelectDropdownContentType = 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
+/**
+ * Structural directive marking the dropdown template for custom selects
+ * built with {@link SiCustomSelectDirective}.
+ *
+ * When placed on an `<ng-template>`, it automatically registers the template
+ * with the parent {@link SiCustomSelectDirective}.
+ *
+ * @example
+ * ```html
+ * <ng-template si-select-dropdown contentType="listbox">
+ *   <!-- custom dropdown content -->
+ * </ng-template>
+ * ```
+ *
+ * @experimental
+ */
+declare class SiSelectDropdownDirective {
+    /**
+     * Describes the kind of content rendered by the dropdown. The value is
+     * forwarded to the `aria-haspopup` attribute of the combobox host of
+     * the parent {@link SiCustomSelectDirective}.
+     */
+    readonly contentType: _angular_core.InputSignal<SiSelectDropdownContentType>;
+    /** @internal */
+    readonly templateRef: TemplateRef<void>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSelectDropdownDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiSelectDropdownDirective, "[si-select-dropdown]", never, { "contentType": { "alias": "contentType"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Host directive for building custom selects.
+ *
+ * Add this as a `hostDirective` on your component and expose the inputs/outputs you need.
+ * The directive handles:
+ * - {@link ControlValueAccessor} integration (`formControl`, `ngModel`, `[(value)]`)
+ * - Disabled / readonly state management
+ * - Overlay lifecycle for the dropdown (open/close)
+ * - Focus management and focus trapping in the dropdown
+ * - Opening the dropdown on click, Enter, Space, ArrowDown, ArrowUp
+ * - {@link SiFormItemControl} integration
+ *
+ * Use {@link SiSelectDropdownDirective} to mark the dropdown template in your component,
+ * and call {@link open}, {@link close}, {@link updateValue} from your component logic.
+ *
+ * @example
+ * ```ts
+ * @Component({
+ *   selector: 'app-my-select',
+ *   hostDirectives: [{
+ *     directive: SiCustomSelectDirective,
+ *     inputs: ['disabled', 'readonly', 'value'],
+ *     outputs: ['valueChange']
+ *   }],
+ *   template: `
+ *     <si-select-combobox>
+ *       {{ select.value() }}
+ *     </si-select-combobox>
+ *     <ng-template si-select-dropdown contentType="listbox">
+ *       <button (click)="select.updateValue('new'); select.close()">Pick</button>
+ *     </ng-template>
+ *   `
+ * })
+ * export class MySelectComponent {
+ *   readonly select = inject(SiCustomSelectDirective);
+ * }
+ * ```
+ *
+ * @experimental
+ */
+declare class SiCustomSelectDirective<T> implements ControlValueAccessor, SiFormItemControl {
+    private static idCounter;
+    /**
+     * Unique identifier.
+     *
+     * @defaultValue
+     * ```
+     * `__si-custom-select-${SiCustomSelectDirective.idCounter++}`
+     * ```
+     */
+    readonly id: _angular_core.InputSignal<string>;
+    /**
+     * Whether the select input is disabled.
+     *
+     * @defaultValue false
+     */
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Readonly state. Similar to disabled but with higher contrast.
+     *
+     * @defaultValue false
+     */
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Emits when the dropdown open state changes. */
+    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * The current value, supports two-way binding via `[(value)]`.
+     *
+     * @defaultValue undefined
+     */
+    readonly value: _angular_core.ModelSignal<T | undefined>;
+    /**
+     * Whether the dropdown is currently open.
+     *
+     * @defaultValue false
+     */
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    /** @internal */
+    readonly labelledby: _angular_core.Signal<string>;
+    /** @internal */
+    readonly comboboxLabelId: _angular_core.Signal<string>;
+    /** @internal */
+    readonly dropdownId: _angular_core.Signal<string>;
+    /**
+     * Value forwarded to the `aria-haspopup` attribute. Reflects the
+     * `contentType` input of the registered {@link SiSelectDropdownDirective},
+     * defaulting to `'listbox'` until a dropdown template is registered.
+     * @internal
+     */
+    readonly haspopup: _angular_core.Signal<_siemens_element_ng_select.SiSelectDropdownContentType>;
+    /**
+     * This ID will be bound to the `aria-describedby` attribute of the select.
+     *
+     * @defaultValue
+     * ```
+     * `${this.id()}-errormessage`
+     * ```
+     */
+    readonly errormessageId: _angular_core.InputSignal<string>;
+    /** Combined disabled state from input and form control. */
+    readonly disabled: _angular_core.Signal<boolean>;
+    private onTouched;
+    private onChange;
+    private readonly disabledByForm;
+    private readonly overlay;
+    private readonly focusTrapFactory;
+    private readonly elementRef;
+    private readonly viewContainerRef;
+    private readonly destroyRef;
+    private readonly isBrowser;
+    private overlayRef?;
+    private focusTrap?;
+    private readonly closeOverlay$;
+    private readonly dropdownDirective;
+    constructor();
+    /**
+     * Registers the dropdown directive. Called by
+     * {@link SiSelectDropdownDirective} when it is initialized.
+     * @internal
+     */
+    registerDropdown(directive: SiSelectDropdownDirective): void;
+    /**
+     * Updates the value programmatically.
+     * Call this from your dropdown template to set the new value.
+     */
+    updateValue(value: T | undefined): void;
+    /** Opens the dropdown overlay. */
+    open(event?: Event): void;
+    /** Closes the dropdown overlay and restores focus. */
+    close(): void;
+    /** @internal */
+    writeValue(obj: T | null): void;
+    /** @internal */
+    registerOnChange(fn: (_: T | undefined) => void): void;
+    /** @internal */
+    registerOnTouched(fn: () => void): void;
+    /** @internal */
+    setDisabledState(isDisabled: boolean): void;
+    private disposeOverlay;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiCustomSelectDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiCustomSelectDirective<any>, "[siCustomSelect]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "errormessageId": { "alias": "errormessageId"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Visual trigger element for custom selects built with {@link SiCustomSelectDirective}.
+ * Renders the projected content and a dropdown caret icon.
+ *
+ * The ARIA role, focus handling, and state attributes live on the host component
+ * via {@link SiCustomSelectDirective} — this component is purely visual.
+ *
+ * @example
+ * ```html
+ * <si-select-combobox>
+ *   {{ select.value() }}
+ * </si-select-combobox>
+ * ```
+ *
+ * @experimental
+ */
+declare class SiSelectComboboxComponent {
+    protected readonly icons: Record<"elementDown2", string>;
+    protected readonly customSelect: SiCustomSelectDirective<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSelectComboboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSelectComboboxComponent, "si-select-combobox", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Represents a single selected value inside an {@link SiSelectComboboxComponent}.
+ *
+ * Project one `<si-select-combobox-value>` per selected entry. Optional
+ * `icon`, `iconColor`, `stackedIcon` and `stackedIconColor` inputs mirror the
+ * icon API of {@link SelectOption} and render an icon (with optional stacked
+ * overlay) before the projected content.
+ *
+ * Add the `comma-separated` CSS class to render a comma between adjacent
+ * values. Omit it when using chips, custom separators, or a single value.
+ *
+ * @example
+ * ```html
+ * <si-select-combobox>
+ *   <si-select-combobox-value
+ *     icon="element-face-happy"
+ *     iconColor="status-success"
+ *   >
+ *     {{ select.value() }}
+ *   </si-select-combobox-value>
+ * </si-select-combobox>
+ * ```
+ *
+ * @experimental
+ */
+declare class SiSelectComboboxValueComponent {
+    /** An optional icon rendered before the projected content. */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Optional CSS color class applied to {@link icon}. */
+    readonly iconColor: _angular_core.InputSignal<string | undefined>;
+    /** Optional secondary icon stacked on top of {@link icon}. */
+    readonly stackedIcon: _angular_core.InputSignal<string | undefined>;
+    /** Optional CSS color class applied to {@link stackedIcon}. */
+    readonly stackedIconColor: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSelectComboboxValueComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSelectComboboxValueComponent, "si-select-combobox-value", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "stackedIcon": { "alias": "stackedIcon"; "required": false; "isSignal": true; }; "stackedIconColor": { "alias": "stackedIconColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { SiCustomSelectDirective, SiSelectActionDirective, SiSelectActionsDirective, SiSelectComboboxComponent, SiSelectComboboxValueComponent, SiSelectComponent, SiSelectDropdownDirective, SiSelectGroupTemplateDirective, SiSelectLazyOptionsDirective, SiSelectListHasFilterComponent, SiSelectModule, SiSelectMultiValueDirective, SiSelectOptionTemplateDirective, SiSelectSimpleOptionsDirective, SiSelectSingleValueDirective };
+export type { SelectGroup, SelectItem, SelectOption, SelectOptionSource, SiSelectDropdownContentType };

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

@@ -49,12 +49,16 @@ interface ExtendedStatusBarItem extends StatusBarItem {
  * about important status information.
  */
 declare class SiStatusBarComponent implements OnDestroy, OnChanges {
-    private static readonly itemMinWidth;
-    private static readonly itemMaxWidth;
+    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.
      */
@@ -145,9 +149,11 @@ declare class SiStatusBarComponent implements OnDestroy, OnChanges {
     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>;
 }

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>;

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

@@ -9,6 +9,7 @@ interface SiTranslatableKeys {
     'SI_APPLICATION_HEADER.TOGGLE_NAVIGATION'?: string;
     'SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT'?: string;
     'SI_BREADCRUMB'?: string;
+    'SI_BREADCRUMB_ROUTER_LABEL'?: string;
     'SI_CHANGE_PASSWORD.BACK'?: string;
     'SI_CHANGE_PASSWORD.CHANGE'?: string;
     'SI_CHANGE_PASSWORD.CHANGE_FACTORY_PASSWORD'?: string;
@@ -180,6 +181,7 @@ interface SiTranslatableKeys {
     'SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER'?: string;
     'SI_NAVBAR_VERTICAL.SKIP_LINK.MAIN_LABEL'?: string;
     'SI_NAVBAR_VERTICAL.SKIP_LINK.NAVIGATION_LABEL'?: string;
+    'SI_NAVBAR_VERTICAL.TOGGLE'?: string;
     'SI_PAGINATION.BACK'?: string;
     'SI_PAGINATION.FORWARD'?: string;
     'SI_PAGINATION.NAV_LABEL'?: string;

package/types/siemens-element-ng-tree-view.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, OnDestroy, AfterViewInit, DoCheck, TemplateRef, OnChanges, AfterViewChecked, Signal, SimpleChanges, ElementRef } from '@angular/core';
+import { OnInit, AfterViewInit, DoCheck, TemplateRef, OnChanges, OnDestroy, AfterViewChecked, Signal, SimpleChanges, ElementRef } from '@angular/core';
 import { MenuItem } from '@siemens/element-ng/common';
 import { MenuItem as MenuItem$1 } from '@siemens/element-ng/menu';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
@@ -9,10 +9,11 @@ import { FocusableOption } from '@angular/cdk/a11y';
 import { CdkMenuTrigger } from '@angular/cdk/menu';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 
-declare class SiTreeViewItemComponent implements OnInit, OnDestroy, AfterViewInit, FocusableOption, DoCheck {
+declare class SiTreeViewItemComponent implements OnInit, AfterViewInit, FocusableOption, DoCheck {
     private element;
     private siTreeViewService;
     private cdRef;
+    private destroyRef;
     protected treeItemContext: {
         record: _angular_core.IterableChangeRecord<TreeItem<any>>;
         parent: _siemens_element_ng_tree_view.SiTreeViewComponent;
@@ -39,7 +40,6 @@ declare class SiTreeViewItemComponent implements OnInit, OnDestroy, AfterViewIni
         itemExpandedLeft: string;
     }>;
     private savedElement;
-    private subscriptions;
     private indentLevel;
     private nextSiblingElement;
     protected readonly menuTrigger: _angular_core.Signal<CdkMenuTrigger | undefined>;
@@ -53,7 +53,6 @@ declare class SiTreeViewItemComponent implements OnInit, OnDestroy, AfterViewIni
     ngOnInit(): void;
     ngDoCheck(): void;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     protected readonly enableSelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
     protected readonly enableContextMenuButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
     protected readonly enableDataField1: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -340,7 +339,6 @@ declare class SiTreeViewComponent implements OnInit, OnChanges, OnDestroy, After
     private manuallySelectedTreeItems;
     private latestFolderChanged?;
     private breadCrumbTreeItems;
-    private subscriptions;
     private multiSelectionStart;
     private _multiSelectionActive;
     private domChangeObserver?;
@@ -353,6 +351,7 @@ declare class SiTreeViewComponent implements OnInit, OnChanges, OnDestroy, After
     private cdRef;
     private resizeObserver;
     private injector;
+    private destroyRef;
     /**
      * Create a virtual root node so there is just a single root node. This makes sure the tree
      * can be fully traversed starting from any node. This is needed e.g. for recursively