@siemens/element-ng 48.10.0 → 49.0.0-rc.2

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

@@ -1,8 +1,8 @@
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
 import * as _angular_core from '@angular/core';
 import { OnInit, Signal } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { SiFormItemControl } from '@siemens/element-ng/form';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
 
 declare class SiPillsInputComponent implements OnInit, ControlValueAccessor, SiFormItemControl {
     private static idCounter;
@@ -23,7 +23,7 @@ declare class SiPillsInputComponent implements OnInit, ControlValueAccessor, SiF
      * t(() => $localize`:@@SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL:Create item`)
      * ```
      */
-    readonly inputElementAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly inputElementAriaLabel: _angular_core.InputSignal<TranslatableString>;
     /**
      * Whether the pills-input is disabled.
      *
@@ -37,7 +37,7 @@ declare class SiPillsInputComponent implements OnInit, ControlValueAccessor, SiF
      */
     readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** The placeholder to be shown if no value is currently present. */
-    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    readonly placeholder: _angular_core.InputSignal<TranslatableString | undefined>;
     /**
      * @defaultValue
      * ```

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

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { OnDestroy, TemplateRef, OnInit, ElementRef, Injector } from '@angular/core';
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
 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';
 
@@ -83,7 +83,7 @@ declare class PopoverComponent implements OnInit, OnDestroy {
     describedBy: string | undefined;
     protected readonly positionClass: _angular_core.WritableSignal<string>;
     protected readonly arrowPos: _angular_core.WritableSignal<OverlayArrowPosition | undefined>;
-    protected readonly description: _angular_core.Signal<_siemens_element_translate_ng_translate_types.TranslatableString | undefined>;
+    protected readonly description: _angular_core.Signal<_siemens_element_translate_ng_translate.TranslatableString | undefined>;
     protected popoverTemplate: TemplateRef<any> | null;
     protected injector: Injector;
     private elementRef;

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

@@ -95,46 +95,16 @@ declare const BOOTSTRAP_BREAKPOINTS: Breakpoints;
 declare class SiResponsiveContainerDirective implements OnInit, OnDestroy {
     /** @defaultValue false */
     readonly xs: _angular_core.WritableSignal<boolean>;
-    /**
-     * @deprecated Use {@link xs} instead.
-     * @defaultValue false
-     **/
-    isXs: boolean;
     /** @defaultValue false */
     readonly sm: _angular_core.WritableSignal<boolean>;
-    /**
-     * @deprecated Use {@link sm} instead.
-     * @defaultValue false
-     **/
-    isSm: boolean;
     /** @defaultValue false */
     readonly md: _angular_core.WritableSignal<boolean>;
-    /**
-     * @deprecated Use {@link md} instead.
-     * @defaultValue false
-     **/
-    isMd: boolean;
     /** @defaultValue false */
     readonly lg: _angular_core.WritableSignal<boolean>;
-    /**
-     * @deprecated Use {@link lg} instead.
-     * @defaultValue false
-     **/
-    isLg: boolean;
     /** @defaultValue false */
     readonly xl: _angular_core.WritableSignal<boolean>;
-    /**
-     * @deprecated Use {@link xl} instead.
-     * @defaultValue false
-     **/
-    isXl: boolean;
     /** @defaultValue false */
     readonly xxl: _angular_core.WritableSignal<boolean>;
-    /**
-     * @deprecated Use {@link xxl} instead.
-     * @defaultValue false
-     **/
-    isXxl: boolean;
     /** @defaultValue 100 */
     readonly resizeThrottle: _angular_core.InputSignal<number>;
     readonly breakpoints: _angular_core.InputSignal<Breakpoints | undefined>;

package/{search-bar/index.d.ts → types/siemens-element-ng-search-bar.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 { OnInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
@@ -58,7 +58,7 @@ declare class SiSearchBarComponent implements OnInit, OnDestroy, ControlValueAcc
      * t(() => $localize`:@@SI_SEARCH_BAR.CLEAR_BUTTON:clear`)
      * ```
      */
-    readonly clearButtonAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly clearButtonAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Output callback event will provide you with search term if search input changes.
      */

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>;
 }
 
 /**
@@ -387,7 +361,7 @@ declare abstract class SiSelectOptionsStrategyBase<T> implements SiSelectOptions
  */
 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.
      *
@@ -402,67 +376,6 @@ declare class SiSelectSimpleOptionsDirective<T = string> extends SiSelectOptions
     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> {
-    /** 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>[]>;
-    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.
@@ -515,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
@@ -535,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>
  * ```
@@ -576,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>;
 }
 
@@ -625,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>;
 }
 
 /**
@@ -343,7 +364,7 @@ declare class SiSidePanelContentComponent implements OnInit {
     protected readonly collapsible: _angular_core.Signal<boolean>;
     protected readonly mobileSize: _angular_core.WritableSignal<boolean>;
     protected readonly focusable: _angular_core.Signal<boolean>;
-    protected readonly icons: Record<"elementCancel" | "elementDoubleLeft" | "elementDoubleRight", string>;
+    protected readonly icons: Record<"elementCancel" | "elementDoubleLeft" | "elementDoubleRight" | "elementExport" | "elementPinch" | "elementZoom", string>;
     /**
      * The $rpanel-transition-duration in the style is 0.5 seconds.
      * For the animation we need to wait until the resize is done.

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/{split/index.d.ts → types/siemens-element-ng-split.d.ts}

@@ -99,9 +99,7 @@ declare class SiSplitPartComponent implements OnChanges {
      * If enabled, all split parts between this one and the end of the split in the respective direction will be collapsed if this part is collapsed.
      * If disabled, only this split part will be collapsed.
      *
-     * The default value will change to false in v48.
-     *
-     * @defaultValue true
+     * @defaultValue false
      */
     collapseOthers: boolean;
     readonly collapseChanged: EventEmitter<boolean>;

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/{toast-notification/index.d.ts → types/siemens-element-ng-toast-notification.d.ts}

@@ -11,7 +11,7 @@ import { OnDestroy } from '@angular/core';
  */
 
 interface SiToast {
-    state: ToastStateName;
+    state: StatusType;
     title: TranslatableString;
     message: TranslatableString;
     disableManualClose?: boolean;
@@ -25,7 +25,6 @@ interface SiToast {
     hidden?: Subject<void>;
     closeAriaLabel?: TranslatableString;
 }
-type ToastStateName = StatusType | 'connection';
 declare const SI_TOAST_AUTO_HIDE_DELAY = 6000;
 
 declare class SiToastNotificationService implements OnDestroy {
@@ -51,7 +50,7 @@ declare class SiToastNotificationService implements OnDestroy {
      * @param action - Passing a Link object will optionally add a clickable link to the toast which can contain an action.
      * @returns the toast object
      */
-    queueToastNotification(state: ToastStateName, title: string, message: string, disableAutoClose?: boolean, disableManualClose?: boolean, action?: Link): SiToast;
+    queueToastNotification(state: StatusType, title: string, message: string, disableAutoClose?: boolean, disableManualClose?: boolean, action?: Link): SiToast;
     /**
      * Show a toast notification
      * @param toast - The toast object of the toast to be shown, can also be constructed while calling this.
@@ -71,4 +70,4 @@ declare class SiToastNotificationService implements OnDestroy {
 }
 
 export { SI_TOAST_AUTO_HIDE_DELAY, SiToastNotificationService };
-export type { SiToast, ToastStateName };
+export type { SiToast };

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

@@ -18,10 +18,6 @@ declare class SiTooltipDirective implements OnDestroy {
      * @defaultValue 'auto'
      */
     readonly placement: i0.InputSignal<"auto" | "top" | "start" | "end" | "bottom">;
-    /**
-     * The trigger event on which the tooltip shall be displayed
-     */
-    readonly triggers: i0.InputSignal<"" | "focus" | undefined>;
     /**
      * Allows the tooltip to be disabled
      *
@@ -34,16 +30,17 @@ declare class SiTooltipDirective implements OnDestroy {
     readonly tooltipContext: i0.InputSignal<unknown>;
     protected describedBy: string;
     private tooltipRef?;
+    private showTimeout?;
     private tooltipService;
     private elementRef;
     ngOnDestroy(): void;
+    private clearShowTimeout;
     private showTooltip;
     protected focusIn(): void;
     protected show(): void;
     protected hide(): void;
-    protected mouseOut(): 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; }; "triggers": { "alias": "triggers"; "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; }; "tooltipContext": { "alias": "tooltipContext"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SiTooltipModule {