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

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

@@ -1,11 +1,11 @@
-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 { TranslatableString as TranslatableString$1 } from '@siemens/element-translate-ng/translate';
 import * as _angular_core from '@angular/core';
 import { ElementRef, TemplateRef, AfterContentInit, OnDestroy, AfterViewInit } from '@angular/core';
 import { MenuItem } from '@siemens/element-ng/menu';
+import { TranslatableString } from '@siemens/element-translate-ng/translate-types';
 import { SiModalService } from '@siemens/element-ng/modal';
 import { FileUploadError, UploadFile } from '@siemens/element-ng/file-uploader';
-import { TranslatableString as TranslatableString$1 } from '@siemens/element-translate-ng/translate';
 import * as i1 from '@siemens/element-ng/resize-observer';
 
 /**
@@ -106,7 +106,7 @@ declare class SiAiMessageComponent {
      * t(() => $localize`:@@SI_AI_MESSAGE.SECONDARY_ACTIONS:More actions`)
      * ```
      */
-    readonly secondaryActionsLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly secondaryActionsLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiAiMessageComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiAiMessageComponent, "si-ai-message", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "contentFormatter": { "alias": "contentFormatter"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "secondaryActionsLabel": { "alias": "secondaryActionsLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -173,7 +173,7 @@ declare class SiAttachmentListComponent {
      * t(() => $localize`:@@SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT:Remove attachment`)
      * ```
      */
-    readonly removeLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly removeLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Emitted when an attachment should be removed
      */
@@ -193,7 +193,7 @@ declare class SiAttachmentListComponent {
  * scrolls to the bottom when new content is added, unless the user has scrolled up to view older messages.
  *
  * Use via content projection:
- * - Default content: Chat messages displayed in the scrollable messages container or something like an empty state.
+ * - Default content: Chat messages displayed in the scrollable messages container or a welcome screen (empty state).
  * - `si-inline-notification` selector: Notification component displayed above the input area
  * - `si-chat-input` or `[siChatContainerInput]` selector: Input controls for composing messages
  *
@@ -210,6 +210,9 @@ declare class SiChatContainerComponent implements AfterContentInit, OnDestroy {
     private readonly platformId;
     private isUserAtBottom;
     private scrollTimeout;
+    private lastScrollTime;
+    private pendingScroll;
+    private scrollDebounceMs;
     private resizeObserver;
     private contentObserver;
     /**
@@ -225,12 +228,21 @@ declare class SiChatContainerComponent implements AfterContentInit, OnDestroy {
     constructor();
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
-    private scrollToBottom;
+    private scrollToBottomDuringStreaming;
     private debouncedScrollToBottom;
     private setupResizeObserver;
     private setupContentObserver;
     private checkIfUserAtBottom;
     protected onScroll(): void;
+    /**
+     * Scrolls to the bottom of the messages container immediately.
+     * This method forces a scroll even if the user has scrolled up.
+     */
+    scrollToBottom(): void;
+    /**
+     * Scrolls to the top of the messages container immediately.
+     */
+    scrollToTop(): void;
     /**
      * Focuses the messages container element.
      */
@@ -662,7 +674,7 @@ declare class SiUserMessageComponent {
      * t(() => $localize`:@@SI_USER_MESSAGE.SECONDARY_ACTIONS:More actions`)
      * ```
      */
-    readonly secondaryActionsLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly secondaryActionsLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     protected readonly hasAttachments: _angular_core.Signal<boolean>;
     protected readonly textContent: _angular_core.WritableSignal<string | undefined>;
     constructor();
@@ -670,5 +682,55 @@ declare class SiUserMessageComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiUserMessageComponent, "si-user-message", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "contentFormatter": { "alias": "contentFormatter"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "attachments": { "alias": "attachments"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "secondaryActionsLabel": { "alias": "secondaryActionsLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { SiAiMessageComponent, SiAttachmentListComponent, SiChatContainerComponent, SiChatContainerInputDirective, SiChatInputComponent, SiChatInputDisclaimerDirective, SiChatMessageActionDirective, SiChatMessageComponent, SiUserMessageComponent };
-export type { Attachment, ChatInputAttachment, MessageAction };
+interface PromptCategory {
+    label: TranslatableString$1;
+}
+interface PromptSuggestion {
+    text: TranslatableString$1;
+}
+/**
+ * AI welcome screen component for displaying initial state in AI chat interfaces.
+ *
+ * The AI welcome screen component provides an engaging initial state for AI chat interfaces,
+ * featuring a welcome message, optional prompt categories for filtering, and suggested prompts
+ * that users can click to start conversations.
+ *
+ * The component includes:
+ * - Welcome header with AI branding and customizable greeting
+ * - Optional category pills for filtering prompt suggestions
+ * - Clickable prompt suggestion cards
+ * - Optional refresh button to regenerate suggestions
+ *
+ * @see {@link SiAiChatContainerComponent} for the AI chat container which uses this component
+ * @see {@link SiChatContainerComponent} for the base chat container
+ *
+ * @experimental
+ */
+declare class SiAiWelcomeScreenComponent {
+    /**
+     * The list of prompt categories
+     * @defaultValue []
+     */
+    readonly categories: _angular_core.InputSignal<PromptCategory[]>;
+    /**
+     * The currently selected category ID
+     * @defaultValue undefined
+     */
+    readonly selectedCategory: _angular_core.ModelSignal<string | undefined>;
+    /**
+     * The list of prompt suggestions as an array, update this when the selected category changes.
+     * @defaultValue []
+     */
+    readonly promptSuggestions: _angular_core.InputSignal<PromptSuggestion[]>;
+    /**
+     * Emitted when a prompt suggestion is clicked
+     */
+    readonly promptSelected: _angular_core.OutputEmitterRef<PromptSuggestion>;
+    protected onCategoryClick(categoryLabel: string): void;
+    protected onPromptClick(suggestion: PromptSuggestion): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiAiWelcomeScreenComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiAiWelcomeScreenComponent, "si-ai-welcome-screen", never, { "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "selectedCategory": { "alias": "selectedCategory"; "required": false; "isSignal": true; }; "promptSuggestions": { "alias": "promptSuggestions"; "required": false; "isSignal": true; }; }, { "selectedCategory": "selectedCategoryChange"; "promptSelected": "promptSelected"; }, never, ["*"], true, never>;
+}
+
+export { SiAiMessageComponent, SiAiWelcomeScreenComponent, SiAttachmentListComponent, SiChatContainerComponent, SiChatContainerInputDirective, SiChatInputComponent, SiChatInputDisclaimerDirective, SiChatMessageActionDirective, SiChatMessageComponent, SiUserMessageComponent };
+export type { Attachment, ChatInputAttachment, MessageAction, PromptCategory, PromptSuggestion };

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

@@ -1,6 +1,6 @@
 import * as rxjs from 'rxjs';
 import * as i0 from '@angular/core';
-import { InjectionToken, Type, Provider, TrackByFunction, ElementRef } from '@angular/core';
+import { InjectionToken, Type, Provider, ElementRef } from '@angular/core';
 import { Link } from '@siemens/element-ng/link';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import { ConnectionPositionPair, Overlay, PositionStrategy, OverlayRef, FlexibleConnectedPositionStrategy, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
@@ -369,34 +369,6 @@ declare const responsivelyCheckDirection: (params: {
 declare const isRTL: (elem?: HTMLElement) => boolean;
 declare const correctKeyRTL: (key: string) => string;
 
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-
-/**
- * Creates a trackByFunction for ngFor, that tracks an Item by its identity.
- * It should be used with a generic parameter, to generate a proper type:
- *
- * @example
- * ```ts
- * @Input() trackByFunction = buildTrackByIdentity<ItemType>()
- * ```
- * @deprecated use the new control-flow syntax
- */
-declare const buildTrackByIdentity: <T>() => TrackByFunction<T>;
-/**
- * Creates a trackByFunction for ngFor, that tracks an Item by its index.
- * It should be used with a generic parameter, to generate a proper type:
- *
- * @example
- * ```
- * @Input() trackByFunction = buildTrackByIdentity<ItemType>()
- * ```
- * @deprecated use the new control-flow syntax
- */
-declare const buildTrackByIndex: <T>() => TrackByFunction<T>;
-
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
@@ -433,5 +405,5 @@ declare function calculateOverlayArrowPosition(change: ConnectedOverlayPositionC
 
 declare function WebComponentContentChildren<T>(host: Type<T>): (...args: any) => void;
 
-export { AXIS_X, AXIS_Y, BOUNDING_RECT_WINDOW, BlinkService, SI_UI_STATE_SERVICE, STATUS_ICON, ScrollbarHelper, SiUIStateService, TextMeasureService, WebComponentContentChildren, areAnimationsDisabled, buildTrackByIdentity, buildTrackByIndex, calculateOverlayArrowPosition, correctKeyRTL, getContentPositionString, getOverlay, getOverlayPositions, getPositionStrategy, hasTrigger, isRTL, listenGlobal, makeOverlay, makePositionStrategy, positionBottomCenter, positionBottomEnd, positionBottomStart, positionTopCenter, positionTopEnd, positionTopStart, positions, provideSiUiState, resolveReference, responsivelyCheckDirection };
+export { AXIS_X, AXIS_Y, BOUNDING_RECT_WINDOW, BlinkService, SI_UI_STATE_SERVICE, STATUS_ICON, ScrollbarHelper, SiUIStateService, TextMeasureService, WebComponentContentChildren, areAnimationsDisabled, calculateOverlayArrowPosition, correctKeyRTL, getContentPositionString, getOverlay, getOverlayPositions, getPositionStrategy, hasTrigger, isRTL, listenGlobal, makeOverlay, makePositionStrategy, positionBottomCenter, positionBottomEnd, positionBottomStart, positionTopCenter, positionTopEnd, positionTopStart, positions, provideSiUiState, resolveReference, responsivelyCheckDirection };
 export type { AccentLineType, Align, BackgroundColorVariant, Direction, EntityStatusType, ExtendedStatusType, FontStyleOverride, MenuItem, NavbarItem, OverlayArrowPosition, Placement, PlacementBasic, PlacementBasicVertical, StatusIcon, StatusType, UIStateStorage };

package/{content-action-bar/index.d.ts → types/siemens-element-ng-content-action-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 { AfterViewInit } from '@angular/core';
 import { MenuItem } from '@siemens/element-ng/common';
@@ -43,7 +43,7 @@ declare class SiContentActionBarComponent implements AfterViewInit {
      * t(() => $localize`:@@SI_CONTENT_ACTION_BAR.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>;
     /**
      * Option to remove all icons from dropdown menus of the content action bar.
      *

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

@@ -2,12 +2,12 @@ import * as _siemens_element_ng_content_action_bar from '@siemens/element-ng/con
 import { ContentActionBarMainItem } from '@siemens/element-ng/content-action-bar';
 import * as _angular_core from '@angular/core';
 import { OnDestroy, ElementRef, OnChanges, AfterViewInit, SimpleChanges, OnInit, ChangeDetectorRef } from '@angular/core';
-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 { SiCardComponent } from '@siemens/element-ng/card';
 import { MenuItem, AccentLineType, EntityStatusType } from '@siemens/element-ng/common';
 import * as rxjs from 'rxjs';
 import { Link } from '@siemens/element-ng/link';
-import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import { MenuItem as MenuItem$1 } from '@siemens/element-ng/menu';
 import { NavigationExtras, ActivatedRoute } from '@angular/router';
 
@@ -20,7 +20,7 @@ declare class SiDashboardCardComponent extends SiCardComponent implements OnDest
      * t(() => $localize`:@@SI_DASHBOARD.RESTORE:Restore`)
      * ```
      */
-    readonly restoreText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly restoreText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Description of expand button & action.
      *
@@ -29,7 +29,7 @@ declare class SiDashboardCardComponent extends SiCardComponent implements OnDest
      * t(() => $localize`:@@SI_DASHBOARD.EXPAND:Expand`)
      * ```
      */
-    readonly expandText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly expandText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Option to enable and show the UI controls for card expand functionality.
      * `Expand` and `restore` action items will be added to the content action bar.
@@ -63,7 +63,7 @@ declare class SiDashboardCardComponent extends SiCardComponent implements OnDest
     element: ElementRef<any>;
     readonly displayContentActionBar: _angular_core.Signal<boolean>;
     protected readonly actionBarViewTypeComputed: _angular_core.Signal<_siemens_element_ng_content_action_bar.ViewType>;
-    protected readonly actionBarTitleComputed: _angular_core.Signal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    protected readonly actionBarTitleComputed: _angular_core.Signal<_siemens_element_translate_ng_translate.TranslatableString>;
     protected readonly primaryActionsComputed: _angular_core.Signal<(MenuItem | ContentActionBarMainItem)[]>;
     private readonly icons;
     private readonly expandRestoreIconTooltip;
@@ -303,7 +303,7 @@ declare class SiListWidgetBodyComponent extends SiWidgetBaseComponent<SiListWidg
      * t(() => $localize`:@@SI_LIST_WIDGET.SEARCH_PLACEHOLDER:Search...`)
      * ```
      */
-    readonly searchPlaceholderLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly searchPlaceholderLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Enable ascending and descending SiListWidgetItem sorting. If enabled,
      * items are initially ascending sorted.

package/{date-range-filter/index.d.ts → types/siemens-element-ng-date-range-filter.d.ts}

@@ -1,8 +1,8 @@
-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 { PipeTransform, OnChanges, SimpleChanges } from '@angular/core';
 import { DatepickerInputConfig, DateRange, DatepickerConfig } from '@siemens/element-ng/datepicker';
-import { TranslatableString } from '@siemens/element-translate-ng/translate';
 
 /**
  * Copyright (c) Siemens 2016 - 2025
@@ -103,7 +103,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.REF_POINT:Reference point`)
      * ```
      */
-    readonly refLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly refLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for the "Reference point" title
      *
@@ -112,7 +112,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.FROM:From`)
      * ```
      */
-    readonly fromLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly fromLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for the "Reference point" title
      *
@@ -121,7 +121,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.TO:To`)
      * ```
      */
-    readonly toLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly toLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for the "Range" title
      *
@@ -130,7 +130,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.RANGE:Range`)
      * ```
      */
-    readonly rangeLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly rangeLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for the "Today" checkbox
      *
@@ -139,7 +139,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.TODAY:Today`)
      * ```
      */
-    readonly todayLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly todayLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for the "Now" checkbox
      *
@@ -148,7 +148,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.NOW:Now`)
      * ```
      */
-    readonly nowLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly nowLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for "Date" field / radio button
      *
@@ -157,7 +157,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.DATE:Date`)
      * ```
      */
-    readonly dateLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly dateLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for the "Preview" title
      *
@@ -166,7 +166,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.PREVIEW:Preview`)
      * ```
      */
-    readonly previewLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly previewLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Placeholder for date fields
      *
@@ -175,7 +175,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.DATE_PLACEHOLDER:Select date`)
      * ```
      */
-    readonly datePlaceholder: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly datePlaceholder: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for the "Before" toggle
      *
@@ -184,7 +184,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.BEFORE:Before`)
      * ```
      */
-    readonly beforeLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly beforeLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for the "After" toggle
      *
@@ -193,7 +193,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.AFTER:After`)
      * ```
      */
-    readonly afterLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly afterLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for the "Within" toggle
      *
@@ -202,7 +202,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.WITHIN:Within`)
      * ```
      */
-    readonly withinLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly withinLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for the "value" number input
      *
@@ -211,7 +211,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.VALUE:Value`)
      * ```
      */
-    readonly valueLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly valueLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for the "Unit" select
      *
@@ -220,7 +220,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.UNIT:Unit`)
      * ```
      */
-    readonly unitLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly unitLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for the "search" input
      *
@@ -229,7 +229,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.SEARCH:Search`)
      * ```
      */
-    readonly searchLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly searchLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for the "search" input
      *
@@ -238,7 +238,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.PRESETS:Presets`)
      * ```
      */
-    readonly presetLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly presetLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for the "advanced" switch
      *
@@ -247,7 +247,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.ADVANCED:Advanced`)
      * ```
      */
-    readonly advancedLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly advancedLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * label for the "apply" switch
      *
@@ -256,20 +256,20 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * t(() => $localize`:@@SI_DATE_RANGE_FILTER.APPLY:Apply`)
      * ```
      */
-    readonly applyLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly applyLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /** Event fired when the apply button has been clicked */
     readonly applyClicked: _angular_core.OutputEmitterRef<void>;
     /** Base configuration on how the dates should be displayed, parts of it may be overwritten internally. */
     readonly datepickerConfig: _angular_core.InputSignal<DatepickerInputConfig | undefined>;
     protected readonly icons: Record<"elementDown2", string>;
-    protected advancedMode: boolean;
+    protected readonly advancedMode: _angular_core.WritableSignal<boolean>;
     protected readonly dateRange: _angular_core.WritableSignal<DateRange>;
-    protected point1Now: boolean;
-    protected point2Mode: 'duration' | 'date';
-    protected point1date: Date;
-    protected point2date: Date;
-    protected point2offset: number;
-    protected point2range: 'before' | 'after' | 'within';
+    protected readonly point1Now: _angular_core.WritableSignal<boolean>;
+    protected readonly point2Mode: _angular_core.WritableSignal<"duration" | "date">;
+    protected readonly point1date: _angular_core.WritableSignal<Date>;
+    protected readonly point2date: _angular_core.WritableSignal<Date>;
+    protected readonly point2offset: _angular_core.WritableSignal<number>;
+    protected readonly point2range: _angular_core.WritableSignal<"before" | "after" | "within">;
     protected readonly calculatedRange: _angular_core.Signal<ResolvedDateRange>;
     protected readonly pipeFormat: _angular_core.Signal<string>;
     protected readonly datepickerConfigInternal: _angular_core.Signal<DatepickerConfig>;
@@ -287,6 +287,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
     protected updateDateRange(range?: DateRangeFilter): void;
     protected updateOnModeChange(): void;
     private updateSimpleMode;
+    private updateRange;
     protected updateFromDateRange(dateRange?: DateRange): void;
     protected point1Changed(): void;
     protected point2Changed(): void;

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

@@ -1,12 +1,12 @@
+import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import * as _angular_forms from '@angular/forms';
 import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors, FormControl, ValidatorFn, NgControl } from '@angular/forms';
 import * as _angular_core from '@angular/core';
-import { OnChanges, SimpleChanges, OnInit, AfterViewInit, OnDestroy, ComponentRef, ElementRef, AfterContentInit, DoCheck } from '@angular/core';
+import { OnChanges, SimpleChanges, OnInit, AfterViewInit, OnDestroy, ComponentRef, ElementRef, AfterContentInit } from '@angular/core';
 import { SiFormItemControl } from '@siemens/element-ng/form';
 import { ConnectionPositionPair } from '@angular/cdk/overlay';
 import { FocusOrigin } from '@angular/cdk/a11y';
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
 
 /**
  * Copyright (c) Siemens 2016 - 2025
@@ -923,6 +923,7 @@ declare class SiTimepickerComponent implements ControlValueAccessor, Validator,
      */
     protected focusNext(event: Event): void;
     protected focusChange(event: FocusOrigin): void;
+    protected formatTime(time: Date): string;
     protected validateMin(control: AbstractControl): ValidationErrors | null;
     protected validateMax(control: AbstractControl): ValidationErrors | null;
     protected validateTime(name: string): ValidatorFn;
@@ -1093,7 +1094,7 @@ declare class SiDateRangeComponent implements ControlValueAccessor, Validator, A
  * </si-calendar-button>
  * ```
  */
-declare class SiCalendarButtonComponent implements OnInit, AfterContentInit, DoCheck {
+declare class SiCalendarButtonComponent implements OnInit, AfterContentInit {
     /**
      * Aria label for the calendar toggle button.
      *
@@ -1102,7 +1103,7 @@ declare class SiCalendarButtonComponent implements OnInit, AfterContentInit, DoC
      * t(() => $localize`:@@SI_DATEPICKER.CALENDAR_TOGGLE_BUTTON:Open calendar`)
      * ```
      */
-    readonly ariaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly ariaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     protected readonly button: _angular_core.Signal<ElementRef<HTMLButtonElement>>;
     /** Datepicker input directive instance used to watch for state changes and required to open the calendar. */
     protected readonly datepicker: _angular_core.Signal<SiDatepickerDirective>;
@@ -1113,9 +1114,7 @@ declare class SiCalendarButtonComponent implements OnInit, AfterContentInit, DoC
     private readonly destroyerRef;
     private readonly focusMonitor;
     private readonly elementRef;
-    protected readonly showValidationMessages: _angular_core.WritableSignal<boolean>;
     ngOnInit(): void;
-    ngDoCheck(): void;
     ngAfterContentInit(): void;
     protected show(): void;
     private updateState;

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

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-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 { MenuItem } from '@siemens/element-ng/common';
 import { MenuItem as MenuItem$1 } from '@siemens/element-ng/menu';
 
@@ -49,7 +49,7 @@ declare class SiElectrontitlebarComponent {
      * t(() => $localize`:@@SI_ELECTRON_TITLEBAR.FORWARD:Forward`)
      * ```
      */
-    readonly ariaLabelForward: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly ariaLabelForward: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Aria Label for Back Button
      *
@@ -58,7 +58,7 @@ declare class SiElectrontitlebarComponent {
      * t(() => $localize`:@@SI_ELECTRON_TITLEBAR.BACK:Back`)
      * ```
      */
-    readonly ariaLabelBack: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly ariaLabelBack: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /**
      * Aria Label for Menu Button
      *
@@ -67,7 +67,7 @@ declare class SiElectrontitlebarComponent {
      * t(() => $localize`:@@SI_ELECTRON_TITLEBAR.MENU:Menu`)
      * ```
      */
-    readonly ariaLabelMenu: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly ariaLabelMenu: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     protected readonly icons: Record<"elementLeft4" | "elementRight4" | "elementOptionsVertical", string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiElectrontitlebarComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiElectrontitlebarComponent, "si-electron-titlebar", never, { "appTitle": { "alias": "appTitle"; "required": true; "isSignal": true; }; "canGoBack": { "alias": "canGoBack"; "required": false; "isSignal": true; }; "canGoForward": { "alias": "canGoForward"; "required": false; "isSignal": true; }; "hasFocus": { "alias": "hasFocus"; "required": false; "isSignal": true; }; "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "ariaLabelForward": { "alias": "ariaLabelForward"; "required": false; "isSignal": true; }; "ariaLabelBack": { "alias": "ariaLabelBack"; "required": false; "isSignal": true; }; "ariaLabelMenu": { "alias": "ariaLabelMenu"; "required": false; "isSignal": true; }; }, { "forward": "forward"; "back": "back"; }, never, never, true, never>;