@siemens/element-ng 47.2.0 → 47.4.0

package/tabs/si-tab/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-tab.component';

package/tabs/si-tab/si-tab.component.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { EventEmitter, OnChanges } from '@angular/core';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { SiTabsetComponent } from '../si-tabset/index';
+import * as i0 from "@angular/core";
+export declare class SiTabComponent implements OnChanges {
+    private static idCounter;
+    /** Title of the tab item. */
+    heading?: TranslatableString;
+    /** Icon of the tab item. */
+    icon?: string;
+    /** Alternative name or translation key for icon. Used for A11y. */
+    iconAltText?: TranslatableString;
+    /**
+     * Additional badge content. A value of
+     * - `true` will render a red dot
+     * - any string without a `badgeColor` will render a red dot with text
+     * - any string with a `badgeColor` will render a normal badge
+     */
+    badgeContent?: TranslatableString | boolean;
+    /**
+     * Background color of the badge.
+     * If no color is provided a red dot badge will be rendered.
+     */
+    badgeColor?: string;
+    /**
+     * Disables the tab.
+     *
+     * @defaultValue false
+     */
+    disabled: boolean;
+    /**
+     * Close the current tab.
+     *
+     * @defaultValue false
+     */
+    closable?: boolean | undefined;
+    /** Event emitter to notify when a tab is closed. */
+    readonly closeTriggered: EventEmitter<SiTabComponent>;
+    /** @internal */
+    id: string;
+    /** @internal */
+    tabId: string;
+    protected get isHidden(): boolean | null;
+    private parent?;
+    /** @internal */
+    readonly active: import("@angular/core").WritableSignal<boolean>;
+    /** @internal */
+    registerParent(parent: SiTabsetComponent): void;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiTabComponent, "si-tab", never, { "heading": { "alias": "heading"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconAltText": { "alias": "iconAltText"; "required": false; }; "badgeContent": { "alias": "badgeContent"; "required": false; }; "badgeColor": { "alias": "badgeColor"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "closeTriggered": "closeTriggered"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_closable: unknown;
+}

package/tabs/si-tabs.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-tabset/si-tabset.component";
+import * as i2 from "./si-tab/si-tab.component";
+export declare class SiTabsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTabsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiTabsModule, never, [typeof i1.SiTabsetComponent, typeof i2.SiTabComponent], [typeof i1.SiTabsetComponent, typeof i2.SiTabComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiTabsModule>;
+}

package/tabs/si-tabset/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-tabset.component';

package/tabs/si-tabset/si-tabset.component.d.ts

@@ -0,0 +1,100 @@
+import { AfterViewInit, EventEmitter, OnDestroy, QueryList } from '@angular/core';
+import { SiTabComponent } from '../si-tab/si-tab.component';
+import * as i0 from "@angular/core";
+export interface SiTabDeselectionEvent {
+    /**
+     * The target tab
+     */
+    target: SiTabComponent;
+    /**
+     * The index of target tab
+     */
+    tabIndex: number;
+    /**
+     * To be called to prevent switching the tab
+     */
+    cancel: () => void;
+}
+export declare class SiTabsetComponent implements AfterViewInit, OnDestroy {
+    /**
+     * Contains the current tab components.
+     */
+    protected tabPanels: QueryList<SiTabComponent>;
+    /**
+     * Component variable to indicate if scrolling is necessary or the container is big enough to display all tabs.
+     */
+    protected scrollable: boolean;
+    protected xPos: number;
+    protected endArrowDisabled: boolean;
+    protected focusedTabIndex?: number;
+    protected readonly icons: Record<"elementCancel" | "elementLeft3" | "elementRight3", string>;
+    /**
+     * If selectDefaultTab is passed as 'false', this implies no default tab selection
+     * i.e. on initial load of tabset component no tab gets selected.
+     *
+     * @defaultValue true
+     */
+    selectDefaultTab: boolean;
+    /**
+     * Sets a selected tab index. This will activate the tab of the provided
+     * index, activates the tab and fires a notification about the change.
+     * If index is passed as -1 i.e. `selectedTabIndex = -1`, this implies to clear all tab selection.
+     * @defaultref {@link _selectedTabIndex}
+     */
+    set selectedTabIndex(tabIndex: number);
+    /**
+     * Returns the currently selected tab index.
+     */
+    get selectedTabIndex(): number;
+    /** Define an optional max-width in px for the tab buttons. The minimum value is `100`. */
+    tabButtonMaxWidth?: number;
+    /**
+     * Event emitter to notify about selected tab index changes. You can either
+     * use bi-directional binding with [(selectedTabIndex)] or separate both with
+     * [selectedTabIndex]=... and (selectedTabIndexChange)=...
+     */
+    readonly selectedTabIndexChange: EventEmitter<number>;
+    /**
+     * Event emitter to notify when a tab became inactive.
+     */
+    readonly deselect: EventEmitter<SiTabDeselectionEvent>;
+    private initTabIndex;
+    private initialized;
+    private subscription?;
+    private readonly tabContainer;
+    private readonly innerTabContainer;
+    private readonly tabs;
+    private changeDetectorRef;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** @internal */
+    notifyChildrenChanged(): void;
+    protected isTabFocusable(index: number): boolean;
+    protected focusNext(): void;
+    protected focusPrevious(): void;
+    protected resize(): void;
+    /**
+     * Finds the index of the provided tab and sets the index as new selected tab index
+     *
+     * @param selectedTab - The tab to be selected. This must already be part of the container.
+     */
+    protected selectTab(selectedTab: SiTabComponent): void;
+    /**
+     * Scrolls the tab headers to the end (right in LTR).
+     */
+    protected scrollEnd(): void;
+    /**
+     * Scrolls the tab headers to the start (left in LTR).
+     */
+    protected scrollStart(): void;
+    private scroll;
+    protected mouseScroll(event: WheelEvent): void;
+    /** @internal */
+    focus(index: number): void;
+    /** @internal */
+    blur(): void;
+    protected closeTab(event: MouseEvent, tab: SiTabComponent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTabsetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiTabsetComponent, "si-tabset", never, { "selectDefaultTab": { "alias": "selectDefaultTab"; "required": false; }; "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "tabButtonMaxWidth": { "alias": "tabButtonMaxWidth"; "required": false; }; }, { "selectedTabIndexChange": "selectedTabIndexChange"; "deselect": "deselect"; }, ["tabPanels"], ["*"], true, never>;
+    static ngAcceptInputType_selectDefaultTab: unknown;
+}

package/template-i18n.json

@@ -3,8 +3,58 @@
   "SI_APPLICATION_HEADER.LAUNCHPAD": "Launchpad",
   "SI_APPLICATION_HEADER.TOGGLE_ACTIONS": "Toggle actions",
   "SI_APPLICATION_HEADER.TOGGLE_NAVIGATION": "Toggle navigation",
+  "SI_BREADCRUMB": "Breadcrumbs",
+  "SI_COLUMN_SELECTION_DIALOG.CANCEL": "Cancel",
+  "SI_COLUMN_SELECTION_DIALOG.HIDDEN": "Hidden",
+  "SI_COLUMN_SELECTION_DIALOG.ITEM_MOVED": "Item is now at position {{targetPosition}}",
+  "SI_COLUMN_SELECTION_DIALOG.ITEM_NOT_MOVED": "Item was not moved",
+  "SI_COLUMN_SELECTION_DIALOG.LIST_ARIA_LABEL": "List of possible columns. Items can be moved using Alt+ArrowUp or Alt+ArrowDown. Press Enter to rename supported items.",
+  "SI_COLUMN_SELECTION_DIALOG.RENAME_INPUT_ARIA_LABEL": "Rename column",
+  "SI_COLUMN_SELECTION_DIALOG.RESTORE_TO_DEFAULT": "Restore to default",
+  "SI_COLUMN_SELECTION_DIALOG.SUBMIT": "Apply",
+  "SI_COLUMN_SELECTION_DIALOG.VISIBLE": "Visible",
   "SI_CONFIRMATION_DIALOG.NO": "No",
   "SI_CONFIRMATION_DIALOG.YES": "Yes",
+  "SI_CONTENT_ACTION_BAR.TOGGLE": "Toggle",
+  "SI_DATEPICKER.CALENDAR_TOGGLE_BUTTON": "Open calendar",
+  "SI_DATEPICKER.CALENDAR_WEEK_LABEL": "Calendar week",
+  "SI_DATEPICKER.DISABLED_TIME_TEXT": "Ignore time",
+  "SI_DATEPICKER.ENABLED_TIME_TEXT": "Consider time",
+  "SI_DATEPICKER.END_DATE_PLACEHOLDER": "End date",
+  "SI_DATEPICKER.END_TIME_LABEL": "to",
+  "SI_DATEPICKER.HOURS": "Hours",
+  "SI_DATEPICKER.MILLISECONDS": "Milliseconds",
+  "SI_DATEPICKER.MINUTES": "Minutes",
+  "SI_DATEPICKER.NEXT": "Next",
+  "SI_DATEPICKER.PERIOD": "Period",
+  "SI_DATEPICKER.PREVIOUS": "Previous",
+  "SI_DATEPICKER.SECONDS": "Seconds",
+  "SI_DATEPICKER.START_DATE_PLACEHOLDER": "Start date",
+  "SI_DATEPICKER.START_TIME_LABEL": "from",
+  "SI_DATE_RANGE_FILTER.ADVANCED": "Advanced",
+  "SI_DATE_RANGE_FILTER.AFTER": "After",
+  "SI_DATE_RANGE_FILTER.APPLY": "Apply",
+  "SI_DATE_RANGE_FILTER.BEFORE": "Before",
+  "SI_DATE_RANGE_FILTER.DATE": "Date",
+  "SI_DATE_RANGE_FILTER.DATE_PLACEHOLDER": "Select date",
+  "SI_DATE_RANGE_FILTER.DAYS": "Days",
+  "SI_DATE_RANGE_FILTER.FROM": "From",
+  "SI_DATE_RANGE_FILTER.HOURS": "Hours",
+  "SI_DATE_RANGE_FILTER.MINUTES": "Minutes",
+  "SI_DATE_RANGE_FILTER.MONTHS": "Months",
+  "SI_DATE_RANGE_FILTER.NOW": "Now",
+  "SI_DATE_RANGE_FILTER.PRESETS": "Presets",
+  "SI_DATE_RANGE_FILTER.PREVIEW": "Preview",
+  "SI_DATE_RANGE_FILTER.RANGE": "Range",
+  "SI_DATE_RANGE_FILTER.REF_POINT": "Reference point",
+  "SI_DATE_RANGE_FILTER.SEARCH": "Search",
+  "SI_DATE_RANGE_FILTER.TO": "To",
+  "SI_DATE_RANGE_FILTER.TODAY": "Today",
+  "SI_DATE_RANGE_FILTER.UNIT": "Unit",
+  "SI_DATE_RANGE_FILTER.VALUE": "Value",
+  "SI_DATE_RANGE_FILTER.WEEKS": "Weeks",
+  "SI_DATE_RANGE_FILTER.WITHIN": "Within",
+  "SI_DATE_RANGE_FILTER.YEARS": "Years",
   "SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN": "Cancel",
   "SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN": "Delete",
   "SI_DELETE_CONFIRMATION_DIALOG.MESSAGE": "Do you really want to delete the selected elements?",
@@ -14,6 +64,41 @@
   "SI_EDIT_DISCARD_DIALOG.DISCARD_BTN": "Don't save",
   "SI_EDIT_DISCARD_DIALOG.MESSAGE": "Do you want to save changes to the modified element?",
   "SI_EDIT_DISCARD_DIALOG.SAVE_BTN": "Save",
+  "SI_ELECTRON_TITLEBAR.BACK": "Back",
+  "SI_ELECTRON_TITLEBAR.FORWARD": "Forward",
+  "SI_ELECTRON_TITLEBAR.MENU": "Menu",
+  "SI_FILE_UPLOADER.ACCEPTED_FILE_TYPES": "Accepted file types",
+  "SI_FILE_UPLOADER.CANCEL": "Cancel",
+  "SI_FILE_UPLOADER.CLEAR": "Clear",
+  "SI_FILE_UPLOADER.DROP": "Drop files here or",
+  "SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED": "File exceeds allowed maximum size",
+  "SI_FILE_UPLOADER.ERROR_FILE_TYPE": "Incorrect file type selected",
+  "SI_FILE_UPLOADER.FILE_SELECT": "click to upload",
+  "SI_FILE_UPLOADER.MAX_FILE_REACHED": "Maximum number of files reached",
+  "SI_FILE_UPLOADER.MAX_SIZE": "Maximum upload size",
+  "SI_FILE_UPLOADER.REMOVE": "Remove",
+  "SI_FILE_UPLOADER.UPLOAD": "Upload",
+  "SI_FILE_UPLOADER.UPLOADING": "Uploading",
+  "SI_FILE_UPLOADER.UPLOAD_COMPLETED": "Upload completed",
+  "SI_FILE_UPLOADER.UPLOAD_FAILED": "Upload failed",
+  "SI_FILTER_BAR.COLLAPSED_FILTERS_DESCRIPTION": "+ {{count}} filters",
+  "SI_FILTER_BAR.NO_FILTERS": "No filters applied",
+  "SI_FILTER_BAR.RESET_FILTERS": "Reset filters",
+  "SI_FORM_CONTAINER.ERROR.DATE_FORMAT": "Invalid date format.",
+  "SI_FORM_CONTAINER.ERROR.EMAIL": "The email is not valid.",
+  "SI_FORM_CONTAINER.ERROR.IPV4": "Invalid IPv4 address.",
+  "SI_FORM_CONTAINER.ERROR.IPV6": "Invalid IPv6 address.",
+  "SI_FORM_CONTAINER.ERROR.MAX": "The value is too large.",
+  "SI_FORM_CONTAINER.ERROR.MAX_DATE": "The date is too far in the future.",
+  "SI_FORM_CONTAINER.ERROR.MAX_LENGTH": "A maximum number of characters is exceeded.",
+  "SI_FORM_CONTAINER.ERROR.MIN": "The value is too small",
+  "SI_FORM_CONTAINER.ERROR.MIN_DATE": "The date is too far in the past.",
+  "SI_FORM_CONTAINER.ERROR.MIN_LENGTH": "The minimum number of characters is not met.",
+  "SI_FORM_CONTAINER.ERROR.NUMBER_FORMAT": "The value is not a valid number.",
+  "SI_FORM_CONTAINER.ERROR.PATTERN": "The value does not match the predefined pattern.",
+  "SI_FORM_CONTAINER.ERROR.REQUIRED": "A value is required.",
+  "SI_FORM_CONTAINER.ERROR.REQUIRED_TRUE": "The value should be true.",
+  "SI_LANGUAGE_SWITCHER.LABEL": "Language switcher",
   "SI_LAUNCHPAD.CLOSE": "Close launchpad",
   "SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE": "Apps",
   "SI_LAUNCHPAD.FAVORITE_APPS": "Favorite apps",
@@ -29,5 +114,30 @@
   "SI_PAGINATION.FORWARD": "Forward",
   "SI_PAGINATION.NAV_LABEL": "Pagination",
   "SI_PASSWORD_TOGGLE.HIDE": "hide password",
-  "SI_PASSWORD_TOGGLE.SHOW": "show password"
+  "SI_PASSWORD_TOGGLE.SHOW": "show password",
+  "SI_PHOTO_UPLOAD.APPLY_PHOTO": "Apply",
+  "SI_PHOTO_UPLOAD.CANCEL": "Cancel",
+  "SI_PHOTO_UPLOAD.CHANGE_PHOTO": "Change",
+  "SI_PHOTO_UPLOAD.CROPPER_FRAME_LABEL": "Crop photo",
+  "SI_PHOTO_UPLOAD.ERROR_FILE_SIZE_EXCEEDED": "The actual file size {{mb}} MB exceeds the {{maxSizeMb}} MB limit.",
+  "SI_PHOTO_UPLOAD.ERROR_FILE_TYPE": "The image file is not valid. Please upload a PNG or JP(E)G.",
+  "SI_PHOTO_UPLOAD.MODAL_TITLE": "Avatar photo",
+  "SI_PHOTO_UPLOAD.REMOVE": "Remove",
+  "SI_PHOTO_UPLOAD.UPLOAD_PHOTO": "Upload photo",
+  "SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL": "Create item",
+  "SI_PROGRESSBAR.LABEL": "Progress",
+  "SI_SELECT.NO-RESULTS-FOUND": "No results found",
+  "SI_SELECT.SEARCH-PLACEHOLDER": "Search...",
+  "SI_SKIP_LINKS.JUMP_TO": "Jump to {{link}}",
+  "SI_SLIDER.DECREMENT": "Decrement",
+  "SI_SLIDER.INCREMENT": "Increment",
+  "SI_SLIDER.LABEL": "Value",
+  "SI_SORT_BAR.TITLE": "Sort by",
+  "SI_TOAST.CLOSE": "Close",
+  "SI_TYPEAHEAD.AUTOCOMPLETE_LIST_LABEL": "Suggestions",
+  "SI_WIZARD.BACK": "Back",
+  "SI_WIZARD.CANCEL": "Cancel",
+  "SI_WIZARD.COMPLETED": "Wizard completed!",
+  "SI_WIZARD.NEXT": "Next",
+  "SI_WIZARD.SAVE": "Save"
 }

package/toast-notification/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-toast.model';
+export * from './si-toast-notification.service';

package/toast-notification/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-toast-notification.mjs"
+}

package/toast-notification/si-toast-notification/si-toast-notification.component.d.ts

@@ -0,0 +1,17 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { SiToast } from '../si-toast.model';
+import * as i0 from "@angular/core";
+export declare class SiToastNotificationComponent implements OnChanges {
+    private readonly statusIcons;
+    readonly toast: import("@angular/core").InputSignal<SiToast>;
+    protected closeAriaLabel: import("@siemens/element-translate-ng/translate").TranslatableString;
+    protected readonly icons: Record<"elementCancel", string>;
+    protected readonly status: import("@angular/core").Signal<import("dist/@siemens/element-ng/common").StatusType>;
+    protected readonly statusColor: import("@angular/core").Signal<string>;
+    private readonly autoCloseBar;
+    private animationBuilder;
+    ngOnChanges(changes: SimpleChanges): void;
+    protected close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiToastNotificationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiToastNotificationComponent, "si-toast-notification", never, { "toast": { "alias": "toast"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/toast-notification/si-toast-notification-drawer/si-toast-notification-drawer.component.d.ts

@@ -0,0 +1,9 @@
+import { Observable } from 'rxjs';
+import { SiToast } from '../si-toast.model';
+import * as i0 from "@angular/core";
+export declare class SiToastNotificationDrawerComponent {
+    readonly toasts: import("@angular/core").InputSignal<Observable<SiToast[]> | undefined>;
+    protected animationsDisabled: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiToastNotificationDrawerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiToastNotificationDrawerComponent, "si-toast-notification-drawer", never, { "toasts": { "alias": "toasts"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/toast-notification/si-toast-notification.service.d.ts

@@ -0,0 +1,41 @@
+import { OnDestroy } from '@angular/core';
+import { Link } from '@siemens/element-ng/link';
+import { SiToast, ToastStateName } from './si-toast.model';
+import * as i0 from "@angular/core";
+export declare class SiToastNotificationService implements OnDestroy {
+    /**
+     * List of currently active toasts to see details or close them.
+     *
+     * @defaultValue []
+     */
+    activeToasts: SiToast[];
+    private activeToastsSubject;
+    private queuedToastSubject;
+    private readonly maxToasts;
+    private componentRef?;
+    private overlayRef?;
+    private injector;
+    private overlay;
+    constructor();
+    ngOnDestroy(): void;
+    /**
+     * Queue a new toast to be shown.
+     * @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;
+    /**
+     * Show a toast notification
+     * @param toast - The toast object of the toast to be shown, can also be constructed while calling this.
+     */
+    showToastNotification(toast: SiToast): SiToast;
+    /**
+     * Hide a toast notification
+     * @param toast - The toast object of the toast to be hidden, can be retrieved from {@link activeToasts} and is returned by {@link queueToastNotification}.
+     */
+    hideToastNotification(toast?: SiToast): void;
+    private addToastDrawer;
+    private buildInjector;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiToastNotificationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SiToastNotificationService>;
+}

package/toast-notification/si-toast.model.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { StatusType } from '@siemens/element-ng/common';
+import { Link } from '@siemens/element-ng/link';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { Subject } from 'rxjs';
+export interface SiToast {
+    state: ToastStateName;
+    title: TranslatableString;
+    message: TranslatableString;
+    disableManualClose?: boolean;
+    disableAutoClose?: boolean;
+    timeout?: number;
+    action?: Link;
+    close?: () => void;
+    translationParams?: {
+        [key: string]: any;
+    };
+    hidden?: Subject<void>;
+    closeAriaLabel?: TranslatableString;
+}
+export type ToastStateName = StatusType | 'connection';
+export declare const SI_TOAST_AUTO_HIDE_DELAY = 6000;

package/translate/si-translatable-keys.interface.d.ts

@@ -3,8 +3,58 @@ export interface SiTranslatableKeys {
     'SI_APPLICATION_HEADER.LAUNCHPAD'?: string;
     'SI_APPLICATION_HEADER.TOGGLE_ACTIONS'?: string;
     'SI_APPLICATION_HEADER.TOGGLE_NAVIGATION'?: string;
+    'SI_BREADCRUMB'?: string;
+    'SI_COLUMN_SELECTION_DIALOG.CANCEL'?: string;
+    'SI_COLUMN_SELECTION_DIALOG.HIDDEN'?: string;
+    'SI_COLUMN_SELECTION_DIALOG.ITEM_MOVED'?: string;
+    'SI_COLUMN_SELECTION_DIALOG.ITEM_NOT_MOVED'?: string;
+    'SI_COLUMN_SELECTION_DIALOG.LIST_ARIA_LABEL'?: string;
+    'SI_COLUMN_SELECTION_DIALOG.RENAME_INPUT_ARIA_LABEL'?: string;
+    'SI_COLUMN_SELECTION_DIALOG.RESTORE_TO_DEFAULT'?: string;
+    'SI_COLUMN_SELECTION_DIALOG.SUBMIT'?: string;
+    'SI_COLUMN_SELECTION_DIALOG.VISIBLE'?: string;
     'SI_CONFIRMATION_DIALOG.NO'?: string;
     'SI_CONFIRMATION_DIALOG.YES'?: string;
+    'SI_CONTENT_ACTION_BAR.TOGGLE'?: string;
+    'SI_DATEPICKER.CALENDAR_TOGGLE_BUTTON'?: string;
+    'SI_DATEPICKER.CALENDAR_WEEK_LABEL'?: string;
+    'SI_DATEPICKER.DISABLED_TIME_TEXT'?: string;
+    'SI_DATEPICKER.ENABLED_TIME_TEXT'?: string;
+    'SI_DATEPICKER.END_DATE_PLACEHOLDER'?: string;
+    'SI_DATEPICKER.END_TIME_LABEL'?: string;
+    'SI_DATEPICKER.HOURS'?: string;
+    'SI_DATEPICKER.MILLISECONDS'?: string;
+    'SI_DATEPICKER.MINUTES'?: string;
+    'SI_DATEPICKER.NEXT'?: string;
+    'SI_DATEPICKER.PERIOD'?: string;
+    'SI_DATEPICKER.PREVIOUS'?: string;
+    'SI_DATEPICKER.SECONDS'?: string;
+    'SI_DATEPICKER.START_DATE_PLACEHOLDER'?: string;
+    'SI_DATEPICKER.START_TIME_LABEL'?: string;
+    'SI_DATE_RANGE_FILTER.ADVANCED'?: string;
+    'SI_DATE_RANGE_FILTER.AFTER'?: string;
+    'SI_DATE_RANGE_FILTER.APPLY'?: string;
+    'SI_DATE_RANGE_FILTER.BEFORE'?: string;
+    'SI_DATE_RANGE_FILTER.DATE'?: string;
+    'SI_DATE_RANGE_FILTER.DATE_PLACEHOLDER'?: string;
+    'SI_DATE_RANGE_FILTER.DAYS'?: string;
+    'SI_DATE_RANGE_FILTER.FROM'?: string;
+    'SI_DATE_RANGE_FILTER.HOURS'?: string;
+    'SI_DATE_RANGE_FILTER.MINUTES'?: string;
+    'SI_DATE_RANGE_FILTER.MONTHS'?: string;
+    'SI_DATE_RANGE_FILTER.NOW'?: string;
+    'SI_DATE_RANGE_FILTER.PRESETS'?: string;
+    'SI_DATE_RANGE_FILTER.PREVIEW'?: string;
+    'SI_DATE_RANGE_FILTER.RANGE'?: string;
+    'SI_DATE_RANGE_FILTER.REF_POINT'?: string;
+    'SI_DATE_RANGE_FILTER.SEARCH'?: string;
+    'SI_DATE_RANGE_FILTER.TO'?: string;
+    'SI_DATE_RANGE_FILTER.TODAY'?: string;
+    'SI_DATE_RANGE_FILTER.UNIT'?: string;
+    'SI_DATE_RANGE_FILTER.VALUE'?: string;
+    'SI_DATE_RANGE_FILTER.WEEKS'?: string;
+    'SI_DATE_RANGE_FILTER.WITHIN'?: string;
+    'SI_DATE_RANGE_FILTER.YEARS'?: string;
     'SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN'?: string;
     'SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN'?: string;
     'SI_DELETE_CONFIRMATION_DIALOG.MESSAGE'?: string;
@@ -14,6 +64,41 @@ export interface SiTranslatableKeys {
     'SI_EDIT_DISCARD_DIALOG.DISCARD_BTN'?: string;
     'SI_EDIT_DISCARD_DIALOG.MESSAGE'?: string;
     'SI_EDIT_DISCARD_DIALOG.SAVE_BTN'?: string;
+    'SI_ELECTRON_TITLEBAR.BACK'?: string;
+    'SI_ELECTRON_TITLEBAR.FORWARD'?: string;
+    'SI_ELECTRON_TITLEBAR.MENU'?: string;
+    'SI_FILE_UPLOADER.ACCEPTED_FILE_TYPES'?: string;
+    'SI_FILE_UPLOADER.CANCEL'?: string;
+    'SI_FILE_UPLOADER.CLEAR'?: string;
+    'SI_FILE_UPLOADER.DROP'?: string;
+    'SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED'?: string;
+    'SI_FILE_UPLOADER.ERROR_FILE_TYPE'?: string;
+    'SI_FILE_UPLOADER.FILE_SELECT'?: string;
+    'SI_FILE_UPLOADER.MAX_FILE_REACHED'?: string;
+    'SI_FILE_UPLOADER.MAX_SIZE'?: string;
+    'SI_FILE_UPLOADER.REMOVE'?: string;
+    'SI_FILE_UPLOADER.UPLOAD'?: string;
+    'SI_FILE_UPLOADER.UPLOADING'?: string;
+    'SI_FILE_UPLOADER.UPLOAD_COMPLETED'?: string;
+    'SI_FILE_UPLOADER.UPLOAD_FAILED'?: string;
+    'SI_FILTER_BAR.COLLAPSED_FILTERS_DESCRIPTION'?: string;
+    'SI_FILTER_BAR.NO_FILTERS'?: string;
+    'SI_FILTER_BAR.RESET_FILTERS'?: string;
+    'SI_FORM_CONTAINER.ERROR.DATE_FORMAT'?: string;
+    'SI_FORM_CONTAINER.ERROR.EMAIL'?: string;
+    'SI_FORM_CONTAINER.ERROR.IPV4'?: string;
+    'SI_FORM_CONTAINER.ERROR.IPV6'?: string;
+    'SI_FORM_CONTAINER.ERROR.MAX'?: string;
+    'SI_FORM_CONTAINER.ERROR.MAX_DATE'?: string;
+    'SI_FORM_CONTAINER.ERROR.MAX_LENGTH'?: string;
+    'SI_FORM_CONTAINER.ERROR.MIN'?: string;
+    'SI_FORM_CONTAINER.ERROR.MIN_DATE'?: string;
+    'SI_FORM_CONTAINER.ERROR.MIN_LENGTH'?: string;
+    'SI_FORM_CONTAINER.ERROR.NUMBER_FORMAT'?: string;
+    'SI_FORM_CONTAINER.ERROR.PATTERN'?: string;
+    'SI_FORM_CONTAINER.ERROR.REQUIRED'?: string;
+    'SI_FORM_CONTAINER.ERROR.REQUIRED_TRUE'?: string;
+    'SI_LANGUAGE_SWITCHER.LABEL'?: string;
     'SI_LAUNCHPAD.CLOSE'?: string;
     'SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE'?: string;
     'SI_LAUNCHPAD.FAVORITE_APPS'?: string;
@@ -30,4 +115,29 @@ export interface SiTranslatableKeys {
     'SI_PAGINATION.NAV_LABEL'?: string;
     'SI_PASSWORD_TOGGLE.HIDE'?: string;
     'SI_PASSWORD_TOGGLE.SHOW'?: string;
+    'SI_PHOTO_UPLOAD.APPLY_PHOTO'?: string;
+    'SI_PHOTO_UPLOAD.CANCEL'?: string;
+    'SI_PHOTO_UPLOAD.CHANGE_PHOTO'?: string;
+    'SI_PHOTO_UPLOAD.CROPPER_FRAME_LABEL'?: string;
+    'SI_PHOTO_UPLOAD.ERROR_FILE_SIZE_EXCEEDED'?: string;
+    'SI_PHOTO_UPLOAD.ERROR_FILE_TYPE'?: string;
+    'SI_PHOTO_UPLOAD.MODAL_TITLE'?: string;
+    'SI_PHOTO_UPLOAD.REMOVE'?: string;
+    'SI_PHOTO_UPLOAD.UPLOAD_PHOTO'?: string;
+    'SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL'?: string;
+    'SI_PROGRESSBAR.LABEL'?: string;
+    'SI_SELECT.NO-RESULTS-FOUND'?: string;
+    'SI_SELECT.SEARCH-PLACEHOLDER'?: string;
+    'SI_SKIP_LINKS.JUMP_TO'?: string;
+    'SI_SLIDER.DECREMENT'?: string;
+    'SI_SLIDER.INCREMENT'?: string;
+    'SI_SLIDER.LABEL'?: string;
+    'SI_SORT_BAR.TITLE'?: string;
+    'SI_TOAST.CLOSE'?: string;
+    'SI_TYPEAHEAD.AUTOCOMPLETE_LIST_LABEL'?: string;
+    'SI_WIZARD.BACK'?: string;
+    'SI_WIZARD.CANCEL'?: string;
+    'SI_WIZARD.COMPLETED'?: string;
+    'SI_WIZARD.NEXT'?: string;
+    'SI_WIZARD.SAVE'?: string;
 }

package/typeahead/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-typeahead.directive';
+export * from './si-typeahead.model';
+export * from './si-typeahead.module';
+export * from './si-typeahead-item-template.directive';

package/typeahead/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-typeahead.mjs"
+}

package/typeahead/si-typeahead-item-template.directive.d.ts

@@ -0,0 +1,7 @@
+import { TypeaheadOptionItemContext } from './si-typeahead.model';
+import * as i0 from "@angular/core";
+export declare class SiTypeaheadItemTemplateDirective {
+    static ngTemplateContextGuard(dir: SiTypeaheadItemTemplateDirective, ctx: any): ctx is TypeaheadOptionItemContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTypeaheadItemTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiTypeaheadItemTemplateDirective, "[siTypeaheadItemTemplate]", never, {}, {}, never, never, true, never>;
+}

package/typeahead/si-typeahead.component.d.ts

@@ -0,0 +1,22 @@
+import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { SiAutocompleteDirective } from '@siemens/element-ng/autocomplete';
+import { SiTypeaheadDirective } from './si-typeahead.directive';
+import { TypeaheadMatch } from './si-typeahead.model';
+import * as i0 from "@angular/core";
+export declare class SiTypeaheadComponent implements OnDestroy, OnInit, AfterViewInit {
+    protected parent: SiTypeaheadDirective;
+    protected readonly matches: import("@angular/core").Signal<TypeaheadMatch[]>;
+    protected multiselect: boolean;
+    private renderedMatchesLength;
+    private subscription;
+    private readonly typeaheadElement;
+    protected autocompleteDirective: SiAutocompleteDirective<any>;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected onMouseDown(event: Event): void;
+    protected setHeight(element: ElementRef): void;
+    protected selectMatch(match: TypeaheadMatch): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTypeaheadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiTypeaheadComponent, "si-typeahead", never, {}, {}, never, never, true, never>;
+}