@siemens/element-ng 49.8.0 → 49.9.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@siemens/element-ng",
   "description": "Element Angular component library, implementing the Siemens Design Language",
-  "version": "49.8.0",
+  "version": "49.9.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -43,8 +43,8 @@
     "@ngx-formly/bootstrap": "^6.2.2",
     "@ngx-formly/core": "^6.2.2",
     "@siemens/element-icons": "1",
-    "@siemens/element-translate-ng": "49.8.0",
-    "@siemens/element-theme": "49.8.0",
+    "@siemens/element-translate-ng": "49.9.0",
+    "@siemens/element-theme": "49.9.0",
     "@siemens/ngx-datatable": "22 - 26",
     "ag-grid-community": "^34.3.1 || ^35.0.0",
     "flag-icons": "^7.3.2",

package/template-i18n.json

@@ -6,6 +6,7 @@
   "SI_APPLICATION_HEADER.TOGGLE_NAVIGATION": "Toggle navigation",
   "SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT": "Remove attachment",
   "SI_BREADCRUMB": "Breadcrumbs",
+  "SI_BREADCRUMB_ROUTER_LABEL": "breadcrumb",
   "SI_CHANGE_PASSWORD.BACK": "Back",
   "SI_CHANGE_PASSWORD.CHANGE": "Change",
   "SI_CHANGE_PASSWORD.CHANGE_FACTORY_PASSWORD": "Factory set password must be changed",

package/types/siemens-element-ng-breadcrumb-router.d.ts

@@ -3,6 +3,7 @@ import { BreadcrumbItem } from '@siemens/element-ng/breadcrumb';
 import { Observable } from 'rxjs';
 import * as i0 from '@angular/core';
 import { InjectionToken, OnInit, OnDestroy } from '@angular/core';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 
 /**
@@ -78,9 +79,12 @@ declare class SiBreadcrumbRouterComponent implements OnInit, OnDestroy {
     /**
      * Aria label for the main breadcrumb navigation. Needed for a11y.
      *
-     * @defaultValue 'breadcrumb'
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_BREADCRUMB_ROUTER_LABEL:breadcrumb`)
+     * ```
      */
-    readonly ariaLabel: i0.InputSignal<string>;
+    readonly ariaLabel: i0.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     protected readonly items: i0.WritableSignal<BreadcrumbItem[]>;
     private readonly currentCalcUrl;
     private nextRoute;

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

@@ -91,7 +91,7 @@ declare class SiDashboardComponent implements OnChanges, AfterViewInit {
     /**
      * Heading for the dashboard page.
      */
-    readonly heading: _angular_core.InputSignal<string | undefined>;
+    readonly heading: _angular_core.InputSignal<TranslatableString | undefined>;
     /**
      * Opt-in to enable expand interaction for all cards.
      *
@@ -119,6 +119,7 @@ declare class SiDashboardComponent implements OnChanges, AfterViewInit {
     protected readonly hideMenubarComputed: _angular_core.Signal<boolean>;
     private _isExpanded;
     private scrollPosition;
+    private readonly reinitCards$;
     private cards;
     private readonly expandedPortalOutlet;
     private readonly dashboardFrame;

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

@@ -10,7 +10,6 @@ declare class SiDatatableInteractionDirective implements OnDestroy, OnInit {
      * @defaultValue false
      */
     readonly datatableInteractionAutoSelect: i0.InputSignalWithTransform<boolean, unknown>;
-    protected tabIndex: string;
     private element;
     private tableBody?;
     private autoSelectTimeout;

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

@@ -226,7 +226,7 @@ declare class SiFormFieldsetComponent implements DoCheck {
     protected readonly errors: _angular_core.Signal<_siemens_element_ng_form.SiFormError[]>;
     protected readonly touched: _angular_core.WritableSignal<boolean>;
     protected readonly isRequired: _angular_core.Signal<boolean>;
-    protected labelId: string;
+    protected readonly labelId: string;
     ngDoCheck(): void;
     /** @internal */
     registerFormItem(item: SiFormItemComponent): void;

package/types/siemens-element-ng-header-dropdown.d.ts

@@ -74,15 +74,7 @@ declare class SiHeaderDropdownComponent {
     private readonly options;
     constructor();
     /** @internal */
-    protected get show(): boolean;
-    /** @internal */
-    protected get overlay(): boolean;
-    /** @internal */
-    protected get submenu(): boolean;
-    /** @internal */
     protected get trapFocus(): boolean;
-    /** @internal */
-    protected escape(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderDropdownComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiHeaderDropdownComponent, "si-header-dropdown", never, {}, {}, never, ["*"], true, never>;
 }

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
      *
@@ -72,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
@@ -95,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; }; "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>;
+    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>;
 }
 
 /**
@@ -119,7 +129,7 @@ declare class SiNavbarVerticalNextFooterItemsComponent {
 }
 
 /** @experimental */
-declare class SiNavbarVerticalNextGroupTriggerDirective implements OnInit {
+declare class SiNavbarVerticalNextGroupTriggerDirective {
     private static idCounter;
     /** @internal */
     readonly groupId: string;
@@ -128,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>;
 }
@@ -158,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;
@@ -175,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. */
@@ -203,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-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-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;

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