@siemens/element-ng 48.9.0 → 49.0.0-rc.1

package/{select/index.d.ts → types/siemens-element-ng-select.d.ts}

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { Signal, OnChanges, AfterContentInit, TemplateRef, SimpleChanges, OnDestroy, InputSignal, OnInit, ElementRef } from '@angular/core';
+import { Signal, TemplateRef, OnDestroy, InputSignal, OnInit, ElementRef } from '@angular/core';
 import { SiFormItemControl } from '@siemens/element-ng/form';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import { ControlValueAccessor } from '@angular/forms';
@@ -64,23 +64,6 @@ declare abstract class SiSelectSelectionStrategy<T, IV = T | T[]> implements Con
  * SPDX-License-Identifier: MIT
  */
 
-/**
- * @deprecated Use {@link SelectOption} instead.
- */
-interface SelectOptionLegacy {
-    /** Defines this to be the deprecated option. */
-    type?: undefined;
-    /** Identifies the option, will be used as `value` for the component */
-    id: string;
-    /** Title to display */
-    title: TranslatableString;
-    /** Optional icon to display */
-    icon?: string;
-    /** Optional color class for the icon */
-    color?: string;
-    /** Is the option disabled? */
-    disabled?: boolean;
-}
 /** A select option group */
 interface SelectGroup<T> {
     /** Defines this to be a group. */
@@ -127,7 +110,7 @@ interface SelectOption<T> {
 /** Alias for {@link SelectOption} or {@link SelectGroup} */
 type SelectItem<T> = SelectGroup<T> | SelectOption<T>;
 
-declare class SiSelectComponent<T> implements OnChanges, AfterContentInit, SiFormItemControl {
+declare class SiSelectComponent<T> implements SiFormItemControl {
     private static idCounter;
     /**
      * Unique identifier.
@@ -175,11 +158,6 @@ declare class SiSelectComponent<T> implements OnChanges, AfterContentInit, SiFor
      * @defaultValue false
      */
     readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Emits on selection dropdown close.
-     * @deprecated Use {@link openChange} instead.
-     */
-    readonly dropdownClose: _angular_core.OutputEmitterRef<void>;
     /** Emits when the dropdown open state changes. */
     readonly openChange: _angular_core.OutputEmitterRef<boolean>;
     protected readonly isOpen: _angular_core.WritableSignal<boolean>;
@@ -208,23 +186,19 @@ declare class SiSelectComponent<T> implements OnChanges, AfterContentInit, SiFor
     protected overlayWidth: number;
     protected readonly selectionStrategy: SiSelectSelectionStrategy<any, any>;
     private backdropClicked;
-    private readonly selectOptions;
     /**
      * Enables the filter input
      * @defaultValue false
      * @defaultref {@link SiSelectComponent#_hasFilter}
      */
     readonly hasFilter: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterContentInit(): void;
     /** Opens the `si-select`. */
     open(): void;
     /** Closes the `si-select`. */
     close(): void;
     protected backdropClick(): void;
-    private verifyValueProvider;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSelectComponent<any>, "si-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "labelledbyInput": { "alias": "labelledby"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "noResultsFoundLabel": { "alias": "noResultsFoundLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "errormessageId": { "alias": "errormessageId"; "required": false; "isSignal": true; }; "hasFilter": { "alias": "hasFilter"; "required": false; "isSignal": true; }; }, { "dropdownClose": "dropdownClose"; "openChange": "openChange"; }, ["optionTemplate", "groupTemplate", "actionsTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSelectComponent<any>, "si-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "labelledbyInput": { "alias": "labelledby"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "noResultsFoundLabel": { "alias": "noResultsFoundLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "errormessageId": { "alias": "errormessageId"; "required": false; "isSignal": true; }; "hasFilter": { "alias": "hasFilter"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, ["optionTemplate", "groupTemplate", "actionsTemplate"], never, true, never>;
 }
 
 /**
@@ -342,6 +316,11 @@ declare class SiSelectLazyOptionsDirective<T> implements SiSelectOptionsStrategy
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiSelectLazyOptionsDirective<any>, "si-select[optionSource]", never, { "optionSource": { "alias": "optionSource"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+
 /**
  * Input options strategy base class, for eagerly fetched options.
  */
@@ -351,18 +330,19 @@ declare abstract class SiSelectOptionsStrategyBase<T> implements SiSelectOptions
      */
     abstract optionsEqual: InputSignal<(a: T, b: T) => boolean>;
     /**
-     * Rows that should be shown.
+     * All group and option items in the dropdown.
      *
      * @defaultValue []
      */
-    readonly rows: _angular_core.WritableSignal<SelectItem<T>[]>;
+    abstract readonly allRows: Signal<(SelectItem<T> | SelectOption<T>)[]>;
+    private readonly value;
+    private readonly filterValue;
     /**
-     * All group and option items in the dropdown.
+     * Rows that should be shown.
      *
      * @defaultValue []
      */
-    abstract readonly allRows: Signal<(SelectItem<T> | SelectOption<T>)[]>;
-    private readonly value;
+    readonly rows: Signal<SelectItem<T>[]>;
     readonly selectedRows: Signal<SelectOption<T>[]>;
     onValueChange(value: T[]): void;
     onFilter(filterValue?: string): void;
@@ -379,9 +359,9 @@ declare abstract class SiSelectOptionsStrategyBase<T> implements SiSelectOptions
  * <si-select [options]="[{ type: 'group', label: 'Group', options [{ type: 'option', value: 1, label: 'One' }, { type: 'option', value: 2, label: 'Two' }] }]"></si-select>
  * ```
  */
-declare class SiSelectSimpleOptionsDirective<T = string> extends SiSelectOptionsStrategyBase<T> implements OnChanges {
+declare class SiSelectSimpleOptionsDirective<T = string> extends SiSelectOptionsStrategyBase<T> {
     /** Options to be shown in select dropdown */
-    readonly options: _angular_core.InputSignal<(SelectOptionLegacy | SelectItem<T>)[] | null | undefined>;
+    readonly options: _angular_core.InputSignal<SelectItem<T>[] | null | undefined>;
     /**
      * By default, values are check on referential equality. Provide a function to customize the behavior.
      *
@@ -392,73 +372,10 @@ declare class SiSelectSimpleOptionsDirective<T = string> extends SiSelectOptions
      */
     readonly optionsEqual: _angular_core.InputSignal<(a: T, b: T) => boolean>;
     readonly allRows: _angular_core.Signal<SelectItem<T>[]>;
-    ngOnChanges(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSelectSimpleOptionsDirective<any>, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiSelectSimpleOptionsDirective<any>, "si-select[options]", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionsEqual": { "alias": "optionEqualCheckFn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-/**
- * The directive allows passing custom options.
- * Otherwise, use the {@link SiSelectSimpleOptionsDirective} directive.
- *
- * @deprecated Use {@link SiSelectSimpleOptionsDirective} instead.
- *
- * @example
- * ```html
- * <si-select [complexOptions]="['v1', 'v2', 'v3']"></si-select>
- * <si-select [complexOptions]="{ g1: ['g1.i1', 'g1.i2'], g2: ['g2.i1']}"></si-select>
- * ```
- */
-declare class SiSelectComplexOptionsDirective<T> extends SiSelectOptionsStrategyBase<T> implements OnChanges {
-    /** Options to be shown in select dropdown. */
-    readonly complexOptions: _angular_core.InputSignal<T[] | Record<string, T[]> | null | undefined>;
-    /**
-     * @deprecated Property has no effect and can be removed.
-     *
-     * @defaultValue
-     * ```
-     * buildTrackByIdentity<T>()
-     * ```
-     */
-    readonly trackBy: _angular_core.InputSignal<_angular_core.TrackByFunction<T>>;
-    /**
-     * By default, values are check on equality by reference. Override to customize the behavior.
-     *
-     * @defaultValue
-     * ```
-     * (a: T, b: T): boolean => a === b
-     * ```
-     */
-    readonly optionsEqual: _angular_core.InputSignal<(a: T, b: T) => boolean>;
-    /**
-     * The valueProvider is used to extract the display text of a value.
-     */
-    readonly valueProvider: _angular_core.InputSignal<((dropdownOption: T) => string | undefined) | undefined>;
-    /**
-     * Provides Value for the display text of the dropdown group
-     *
-     * @defaultValue
-     * ```
-     * () => undefined
-     * ```
-     */
-    readonly groupProvider: _angular_core.InputSignal<(groupKey: string) => string | undefined>;
-    /**
-     * The disabledProvider is used to display menu items as disabled.
-     *
-     * @defaultValue
-     * ```
-     * () => false
-     * ```
-     */
-    readonly disabledProvider: _angular_core.InputSignal<(dropdownOption: T) => boolean>;
-    readonly allRows: _angular_core.Signal<SelectOption<T>[] | SelectGroup<T>[]>;
-    ngOnChanges(): void;
-    private convertOptionsArray;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSelectComplexOptionsDirective<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiSelectComplexOptionsDirective<any>, "si-select[complexOptions]", never, { "complexOptions": { "alias": "complexOptions"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "optionsEqual": { "alias": "optionEqualCheckFn"; "required": false; "isSignal": true; }; "valueProvider": { "alias": "valueProvider"; "required": false; "isSignal": true; }; "groupProvider": { "alias": "groupProvider"; "required": false; "isSignal": true; }; "disabledProvider": { "alias": "disabledProvider"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 /**
  * The directive enables the single-select behavior.
  * Otherwise, use the {@link SiSelectMultiValueDirective} directive.
@@ -511,7 +428,7 @@ declare class SiSelectMultiValueDirective<T> extends SiSelectSelectionStrategy<T
 
 /**
  * The directive allows to template/customize the value option rendering.
- * This requires using the {@link SiSelectComplexOptionsDirective} to specify complex options as input.
+ * This requires using the {@link SiSelectSimpleOptionsDirective} to specify options as input.
  *
  * @example
  * ```html
@@ -531,11 +448,19 @@ declare class SiSelectOptionTemplateDirective {
 
 /**
  * The directive allows to template/customize the group option rendering.
- * This requires using the {@link SiSelectComplexOptionsDirective} to specify complex options as input.
+ * This requires using the {@link SiSelectSimpleOptionsDirective} to specify options as input.
  *
  * @example
  * ```html
- * <si-select [complexOptions]="{ g1: ['g1.i1', 'g1.i2'], g2: ['g2.i1'] }" >
+ * <si-select [options]="[
+ *   { type: 'group', key: 'g1', label: 'Group 1', options: [
+ *     { type: 'option', value: 'g1.i1', label: 'Item 1' },
+ *     { type: 'option', value: 'g1.i2', label: 'Item 2' }
+ *   ]},
+ *   { type: 'group', key: 'g2', label: 'Group 2', options: [
+ *     { type: 'option', value: 'g2.i1', label: 'Item 1' }
+ *   ]}
+ * ]">
  *   <ng-template siSelectGroupTemplate let-group>{{ group.key | uppercase }}</ng-template>
  * </si-select>
  * ```
@@ -572,7 +497,7 @@ declare class SiSelectActionsDirective {
 
 declare class SiSelectModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSelectModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiSelectModule, never, [typeof SiSelectActionDirective, typeof SiSelectActionsDirective, typeof SiSelectComplexOptionsDirective, typeof SiSelectComponent, typeof SiSelectGroupTemplateDirective, typeof SiSelectMultiValueDirective, typeof SiSelectOptionTemplateDirective, typeof SiSelectSimpleOptionsDirective, typeof SiSelectSingleValueDirective], [typeof SiSelectActionDirective, typeof SiSelectActionsDirective, typeof SiSelectComplexOptionsDirective, typeof SiSelectComponent, typeof SiSelectGroupTemplateDirective, typeof SiSelectMultiValueDirective, typeof SiSelectOptionTemplateDirective, typeof SiSelectSimpleOptionsDirective, typeof SiSelectSingleValueDirective]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiSelectModule, never, [typeof SiSelectActionDirective, typeof SiSelectActionsDirective, typeof SiSelectComponent, typeof SiSelectGroupTemplateDirective, typeof SiSelectMultiValueDirective, typeof SiSelectOptionTemplateDirective, typeof SiSelectSimpleOptionsDirective, typeof SiSelectSingleValueDirective], [typeof SiSelectActionDirective, typeof SiSelectActionsDirective, typeof SiSelectComponent, typeof SiSelectGroupTemplateDirective, typeof SiSelectMultiValueDirective, typeof SiSelectOptionTemplateDirective, typeof SiSelectSimpleOptionsDirective, typeof SiSelectSingleValueDirective]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiSelectModule>;
 }
 
@@ -621,5 +546,5 @@ 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, SiSelectComplexOptionsDirective, SiSelectComponent, SiSelectGroupTemplateDirective, SiSelectLazyOptionsDirective, SiSelectListHasFilterComponent, SiSelectModule, SiSelectMultiValueDirective, SiSelectOptionTemplateDirective, SiSelectSimpleOptionsDirective, SiSelectSingleValueDirective };
-export type { SelectGroup, SelectItem, SelectOption, SelectOptionLegacy, SelectOptionSource };
+export { SiSelectActionDirective, SiSelectActionsDirective, SiSelectComponent, SiSelectGroupTemplateDirective, SiSelectLazyOptionsDirective, SiSelectListHasFilterComponent, SiSelectModule, SiSelectMultiValueDirective, SiSelectOptionTemplateDirective, SiSelectSimpleOptionsDirective, SiSelectSingleValueDirective };
+export type { SelectGroup, SelectItem, SelectOption, SelectOptionSource };

package/{side-panel/index.d.ts → types/siemens-element-ng-side-panel.d.ts}

@@ -2,10 +2,10 @@ import * as _angular_core from '@angular/core';
 import { OnInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
 import { Portal } from '@angular/cdk/portal';
 import { Observable } from 'rxjs';
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import { Breakpoints, ElementDimensions } from '@siemens/element-ng/resize-observer';
 import { NavigationExtras, ActivatedRoute } from '@angular/router';
-import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import { MenuItem } from '@siemens/element-ng/common';
 import { ContentActionBarMainItem } from '@siemens/element-ng/content-action-bar';
 import { MenuItem as MenuItem$1 } from '@siemens/element-ng/menu';
@@ -34,6 +34,10 @@ declare class SiSidePanelService {
      * Emits when fullscreen overlay mode is toggled.
      */
     readonly isFullscreen$: Observable<boolean>;
+    private bodyScrollLocks;
+    private originalBodyOverflow?;
+    private readonly document;
+    private readonly isBrowser;
     /** Set or update displayed content. */
     setSidePanelContent(portal: Portal<any> | undefined): void;
     /** Open side panel. */
@@ -58,6 +62,14 @@ declare class SiSidePanelService {
     showTemporaryContent(portal: Portal<any> | undefined): Observable<void>;
     /** Hide side panel temporary content, reverting to state before showing temporary content. */
     hideTemporaryContent(): boolean;
+    /**
+     * Request body scroll lock. Uses reference counting to handle multiple panels.
+     */
+    requestBodyScrollLock(): void;
+    /**
+     * Release body scroll lock. Restores scroll when no more locks exist.
+     */
+    releaseBodyScrollLock(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSidePanelService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<SiSidePanelService>;
 }
@@ -150,7 +162,7 @@ declare class SiSidePanelComponent implements OnInit, OnDestroy, OnChanges {
      * t(() => $localize`:@@SI_SIDE_PANEL.TOGGLE:Toggle`)
      * ```
      */
-    readonly toggleItemLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly toggleItemLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Specifies custom breakpoints to automatically switch mode.
      * The `smMinimum` specifies the breakpoint for the mobile view.
@@ -166,6 +178,13 @@ declare class SiSidePanelComponent implements OnInit, OnDestroy, OnChanges {
      * @defaultValue false
      */
     readonly enableMobile: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to disable backdrop when side panel is open in over mode.
+     * When false (default), the backdrop prevents interaction with background content while preserving visual context.
+     *
+     * @defaultValue false
+     */
+    readonly disableBackdrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Emits when the panel is closed
      */
@@ -175,6 +194,8 @@ declare class SiSidePanelComponent implements OnInit, OnDestroy, OnChanges {
      */
     readonly contentResize: _angular_core.OutputEmitterRef<ElementDimensions>;
     protected readonly isScrollMode: _angular_core.Signal<boolean>;
+    protected readonly isOverMode: _angular_core.Signal<boolean>;
+    protected readonly showBackdrop: _angular_core.Signal<boolean>;
     protected readonly isXs: _angular_core.WritableSignal<boolean>;
     protected readonly isSm: _angular_core.WritableSignal<boolean>;
     protected readonly isMd: _angular_core.WritableSignal<boolean>;
@@ -225,7 +246,7 @@ declare class SiSidePanelComponent implements OnInit, OnDestroy, OnChanges {
     private doOpenClose;
     private moveFocusInside;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSidePanelComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSidePanelComponent, "si-side-panel", never, { "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "toggleItemLabel": { "alias": "toggleItemLabel"; "required": false; "isSignal": true; }; "breakpoints": { "alias": "breakpoints"; "required": false; "isSignal": true; }; "enableMobile": { "alias": "enableMobile"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "closed": "closed"; "contentResize": "contentResize"; }, never, ["si-side-panel-content, element-side-panel-content", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSidePanelComponent, "si-side-panel", never, { "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "toggleItemLabel": { "alias": "toggleItemLabel"; "required": false; "isSignal": true; }; "breakpoints": { "alias": "breakpoints"; "required": false; "isSignal": true; }; "enableMobile": { "alias": "enableMobile"; "required": false; "isSignal": true; }; "disableBackdrop": { "alias": "disableBackdrop"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "closed": "closed"; "contentResize": "contentResize"; }, never, ["si-side-panel-content, element-side-panel-content", "*"], true, never>;
 }
 
 /**

package/{slider/index.d.ts → types/siemens-element-ng-slider.d.ts}

@@ -1,4 +1,4 @@
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import * as _angular_core from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { SiFormItemControl } from '@siemens/element-ng/form';
@@ -60,7 +60,7 @@ declare class SiSliderComponent implements ControlValueAccessor, SiFormItemContr
      * t(() => $localize`:@@SI_SLIDER.INCREMENT:Increment`)
      * ```
      */
-    readonly incrementLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly incrementLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text for aria-label of decrement. Needed for a11y.
      *
@@ -69,7 +69,7 @@ declare class SiSliderComponent implements ControlValueAccessor, SiFormItemContr
      * t(() => $localize`:@@SI_SLIDER.DECREMENT:Decrement`)
      * ```
      */
-    readonly decrementLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly decrementLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text for aria-label of slider. Needed for a11y
      *
@@ -78,7 +78,7 @@ declare class SiSliderComponent implements ControlValueAccessor, SiFormItemContr
      * t(() => $localize`:@@SI_SLIDER.LABEL:Value`)
      * ```
      */
-    readonly sliderLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly sliderLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * @defaultValue
      * ```

package/{status-bar/index.d.ts → types/siemens-element-ng-status-bar.d.ts}

@@ -1,10 +1,10 @@
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+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 { Observable } from 'rxjs';
 import * as _siemens_element_ng_common from '@siemens/element-ng/common';
 import { ExtendedStatusType } from '@siemens/element-ng/common';
-import { TranslatableString } from '@siemens/element-translate-ng/translate';
 
 /**
  * Copyright (c) Siemens 2016 - 2025
@@ -77,7 +77,7 @@ declare class SiStatusBarComponent implements DoCheck, OnDestroy, OnChanges {
      * t(() => $localize`:@@SI_STATUS_BAR.MUTE:Mute/unmute`)
      * ```
      */
-    readonly muteButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly muteButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text/translation key for "All OK" status in mobile
      *
@@ -86,7 +86,7 @@ declare class SiStatusBarComponent implements DoCheck, OnDestroy, OnChanges {
      * t(() => $localize`:@@SI_STATUS_BAR.ALL_OK:All OK`)
      * ```
      */
-    readonly allOkText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly allOkText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * compact mode
      *
@@ -105,7 +105,7 @@ declare class SiStatusBarComponent implements DoCheck, OnDestroy, OnChanges {
      * t(() => $localize`:@@SI_STATUS_BAR.EXPAND:Expand`)
      * ```
      */
-    readonly expandButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly expandButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Text for the navbar collapse button. Required for a11y
      *
@@ -114,7 +114,7 @@ declare class SiStatusBarComponent implements DoCheck, OnDestroy, OnChanges {
      * t(() => $localize`:@@SI_STATUS_BAR.COLLAPSE:Collapse`)
      * ```
      */
-    readonly collapseButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly collapseButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Emitted when the mute toggle button is clicked
      */

package/{tabs-legacy/index.d.ts → types/siemens-element-ng-tabs-legacy.d.ts}

@@ -58,6 +58,11 @@ declare class SiTabLegacyComponent implements OnChanges {
     static ngAcceptInputType_closable: unknown;
 }
 
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+
 interface SiTabDeselectionEvent {
     /**
      * The target tab

package/{threshold/index.d.ts → types/siemens-element-ng-threshold.d.ts}

@@ -1,7 +1,7 @@
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import * as _angular_core from '@angular/core';
 import { OnChanges } from '@angular/core';
-import { SelectOptionLegacy, SelectOption } from '@siemens/element-ng/select';
+import { SelectOption } from '@siemens/element-ng/select';
 
 /**
  * One step in a list of thresholds
@@ -20,7 +20,7 @@ declare class SiThresholdComponent implements OnChanges {
      *
      * @defaultValue []
      */
-    readonly options: _angular_core.InputSignal<SelectOptionLegacy[] | SelectOption<unknown>[]>;
+    readonly options: _angular_core.InputSignal<SelectOption<unknown>[]>;
     /**
      * The thresholds
      *
@@ -101,7 +101,7 @@ declare class SiThresholdComponent implements OnChanges {
      * t(() => $localize`:@@SI_THRESHOLD.DELETE:Delete step`)
      * ```
      */
-    readonly deleteAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly deleteAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * The aria-label for add button
      *
@@ -110,7 +110,7 @@ declare class SiThresholdComponent implements OnChanges {
      * t(() => $localize`:@@SI_THRESHOLD.ADD:Add step`)
      * ```
      */
-    readonly addAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly addAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * The aria-label for input field
      *
@@ -119,7 +119,7 @@ declare class SiThresholdComponent implements OnChanges {
      * t(() => $localize`:@@SI_THRESHOLD.INPUT_LABEL:Threshold value`)
      * ```
      */
-    readonly inputAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly inputAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * The aria-label for status selection
      *
@@ -128,7 +128,7 @@ declare class SiThresholdComponent implements OnChanges {
      * t(() => $localize`:@@SI_THRESHOLD.STATUS:Status`)
      * ```
      */
-    readonly statusAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly statusAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /** Fired when validation status changes */
     readonly validChange: _angular_core.OutputEmitterRef<boolean>;
     protected readonly colors: _angular_core.Signal<string[]>;

package/{tour/index.d.ts → types/siemens-element-ng-tour.d.ts}

@@ -37,10 +37,6 @@ interface TourStep extends TourStepCommonOptions {
     /** The element, the step should be attached to on the page. */
     attachTo?: {
         element: string | HTMLElement | (() => string | HTMLElement);
-        /**
-         * @deprecated this has no effect, position is automatic
-         */
-        on?: ModalPosition;
     };
 }
 /** Options for tour */
@@ -48,11 +44,6 @@ interface TourOptions {
     /** Default options applied to all tour steps. */
     defaultStepOptions?: TourStepCommonOptions;
 }
-/**
- * The position of the modal dialog with respect to the highlighted element.
- * @deprecated this has no effect, position is automatic
- */
-type ModalPosition = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
 
 declare class SiTourService {
     private injector;
@@ -117,4 +108,4 @@ declare class SiTourService {
 }
 
 export { SiTourService };
-export type { ModalPosition, TourOptions, TourStep, TourStepCommonOptions };
+export type { TourOptions, TourStep, TourStepCommonOptions };

package/{tree-view/index.d.ts → types/siemens-element-ng-tree-view.d.ts}

@@ -27,7 +27,6 @@ declare class SiTreeViewItemComponent implements OnInit, OnDestroy, AfterViewIni
     protected readonly contextMenuItems: _angular_core.WritableSignal<(MenuItem | MenuItem$1)[] | null>;
     protected readonly isContextMenuButtonVisible: _angular_core.Signal<boolean>;
     protected readonly stickyEndItems: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    private displayFolderState;
     protected icons: _angular_core.Signal<{
         headerHome: string;
         headerArrow: string;

package/{typeahead/index.d.ts → types/siemens-element-ng-typeahead.d.ts}

@@ -288,7 +288,6 @@ declare class SiTypeaheadDirective implements OnChanges, OnDestroy {
     private overlay;
     private elementRef;
     private injector;
-    private autoComplete;
     private $typeahead;
     private componentRef?;
     private inputTimer;
@@ -312,7 +311,6 @@ declare class SiTypeaheadDirective implements OnChanges, OnDestroy {
     protected onBlur(): void;
     protected onInput(event: Event): void;
     protected onKeydownEscape(): void;
-    protected onKeydownSpace(event: Event): void;
     ngOnDestroy(): void;
     private loadComponent;
     /**

package/{wizard/index.d.ts → types/siemens-element-ng-wizard.d.ts}

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef } from '@angular/core';
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
 
 declare class SiWizardStepComponent {
     /** @defaultValue '' */
@@ -38,7 +38,7 @@ declare class SiWizardComponent {
      * t(() => $localize`:@@SI_WIZARD.BACK:Back`)
      * ```
      */
-    readonly backText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly backText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Description of next button.
      *
@@ -47,7 +47,7 @@ declare class SiWizardComponent {
      * t(() => $localize`:@@SI_WIZARD.NEXT:Next`)
      * ```
      */
-    readonly nextText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly nextText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Hide the navigation buttons previous/next.
      *
@@ -62,7 +62,7 @@ declare class SiWizardComponent {
      * t(() => $localize`:@@SI_WIZARD.SAVE:Save`)
      * ```
      */
-    readonly saveText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly saveText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Hide the save button.
      *
@@ -77,7 +77,7 @@ declare class SiWizardComponent {
      * t(() => $localize`:@@SI_WIZARD.COMPLETED:Wizard completed!`)
      * ```
      */
-    readonly completionText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly completionText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Description of cancel button.
      *
@@ -86,7 +86,7 @@ declare class SiWizardComponent {
      * t(() => $localize`:@@SI_WIZARD.CANCEL:Cancel`)
      * ```
      */
-    readonly cancelText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly cancelText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Show the cancel button
      *

package/wizard/package.json

@@ -1,3 +1,4 @@
 {
-  "module": "../fesm2022/siemens-element-ng-wizard.mjs"
+  "module": "../fesm2022/siemens-element-ng-wizard.mjs",
+  "typings": "../types/siemens-element-ng-wizard.d.ts"
 }