@siemens/element-ng 47.3.0 → 47.5.0

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/tabs-next/index.d.ts

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

package/tabs-next/package.json

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

package/tabs-next/si-tab-next-base.directive.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { FocusableOption, FocusOrigin } from '@angular/cdk/a11y';
+import { ElementRef, OnDestroy, TemplateRef, WritableSignal } from '@angular/core';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import * as i0 from "@angular/core";
+export declare abstract class SiTabNextBaseDirective implements OnDestroy, FocusableOption {
+    abstract readonly active: WritableSignal<boolean>;
+    /** Title of the tab item. */
+    readonly heading: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Icon of the tab item.
+     * If provided, heading text will be ignored and only icon will be displayed.
+     */
+    readonly icon: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * 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
+     */
+    readonly badgeContent: import("@angular/core").InputSignal<boolean | TranslatableString | undefined>;
+    /**
+     * Background color of the badge.
+     * If no color is provided a red dot badge will be rendered.
+     */
+    readonly badgeColor: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Disables the tab.
+     *
+     * @defaultValue false
+     */
+    readonly disabledTab: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Close the current tab.
+     *
+     * @defaultValue false
+     */
+    readonly closable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Event emitter to notify when a tab is closed. */
+    readonly closeTriggered: import("@angular/core").OutputEmitterRef<void>;
+    /** @internal */
+    readonly badgeIsNumber: import("@angular/core").Signal<boolean>;
+    readonly tabButton: ElementRef<HTMLElement>;
+    readonly tabContent: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    private static tabCounter;
+    private retainFocus;
+    private indexBeforeClose;
+    /** @internal */
+    tabId: string;
+    protected readonly icons: Record<"elementCancel", string>;
+    protected tabset: import("@siemens/element-ng/tabs-next").SiTabsetNextComponent;
+    /** @internal */
+    readonly index: import("@angular/core").Signal<number>;
+    /** @internal */
+    isTabButtonFullyVisible(): boolean;
+    ngOnDestroy(): void;
+    protected closeTab(event: Event, retainFocus?: boolean): void;
+    focus(origin?: FocusOrigin): void;
+    get disabled(): boolean;
+    abstract selectTab(retainFocus?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTabNextBaseDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiTabNextBaseDirective, "[siTabNextBase]", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badgeContent": { "alias": "badgeContent"; "required": false; "isSignal": true; }; "badgeColor": { "alias": "badgeColor"; "required": false; "isSignal": true; }; "disabledTab": { "alias": "disabled"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "closeTriggered": "closeTriggered"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,18 @@
+import { RouterLink } from '@angular/router';
+import { SiTabNextBaseDirective } from './si-tab-next-base.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+/** @experimental */
+export declare class SiTabNextLinkComponent extends SiTabNextBaseDirective {
+    private router;
+    /** @defaultValue false */
+    readonly active: import("@angular/core").WritableSignal<boolean>;
+    /** @internal */
+    routerLink: RouterLink | null;
+    private routerLinkActive;
+    constructor();
+    /** @internal */
+    selectTab(retainFocus?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTabNextLinkComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiTabNextLinkComponent, "a[si-tab-next][routerLink]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.RouterLinkActive; inputs: {}; outputs: {}; }]>;
+}

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

@@ -0,0 +1,16 @@
+import { OnDestroy } from '@angular/core';
+import { SiTabNextBaseDirective } from './si-tab-next-base.directive';
+import * as i0 from "@angular/core";
+/** @experimental */
+export declare class SiTabNextComponent extends SiTabNextBaseDirective implements OnDestroy {
+    /**
+     * Whether the tab is active or not.
+     * If set to `true`, the tab will be selected and its content will be displayed.
+     * @defaultValue false
+     * */
+    readonly active: import("@angular/core").ModelSignal<boolean>;
+    /** @internal */
+    selectTab(retainFocus?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTabNextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiTabNextComponent, "si-tab-next", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, never, ["*"], true, never>;
+}

package/tabs-next/si-tabs-tokens.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { InjectionToken } from '@angular/core';
+import { SiTabsetNextComponent } from './si-tabset-next.component';
+export declare const SI_TABSET_NEXT: InjectionToken<SiTabsetNextComponent>;

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

@@ -0,0 +1,72 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { FocusKeyManager } from '@angular/cdk/a11y';
+import { CdkMenu } from '@angular/cdk/menu';
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { ElementDimensions } from '@siemens/element-ng/resize-observer';
+import { SiTabNextLinkComponent } from './si-tab-next-link.component';
+import { SiTabNextComponent } from './si-tab-next.component';
+import * as i0 from "@angular/core";
+/** @experimental */
+export interface SiTabNextDeselectionEvent {
+    /**
+     * The target tab
+     */
+    target: SiTabNextComponent | SiTabNextLinkComponent;
+    /**
+     * The index of target tab
+     */
+    tabIndex: number;
+    /**
+     * To be called to prevent switching the tab
+     */
+    cancel: () => void;
+}
+/** @experimental */
+export declare class SiTabsetNextComponent implements AfterViewInit {
+    /**
+     * Event emitter to notify when a tab became inactive.
+     */
+    readonly deselect: import("@angular/core").OutputEmitterRef<SiTabNextDeselectionEvent>;
+    /** @internal */
+    readonly visibleTabIndexes: import("@angular/core").WritableSignal<number[]>;
+    /** @internal */
+    readonly activeTab: import("@angular/core").Signal<SiTabNextLinkComponent | SiTabNextComponent | undefined>;
+    /** @internal */
+    readonly activeTabIndex: import("@angular/core").Signal<number>;
+    /** @internal */
+    focusKeyManager?: FocusKeyManager<SiTabNextComponent | SiTabNextLinkComponent>;
+    private readonly tabPanelsLinks;
+    private readonly tabPanelsComponents;
+    /** @internal */
+    readonly tabPanels: import("@angular/core").Signal<(SiTabNextLinkComponent | SiTabNextComponent)[]>;
+    /** @internal */
+    private readonly tabContainer;
+    readonly tabScrollContainer: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
+    protected readonly maxWrapperWidth: import("@angular/core").Signal<number | undefined>;
+    protected readonly menu: import("@angular/core").Signal<CdkMenu | undefined>;
+    private readonly tabButtons;
+    private readonly menuButton;
+    private previousWidth;
+    private injector;
+    ngAfterViewInit(): void;
+    protected resize(e: ElementDimensions): void;
+    protected menuOpened(): void;
+    protected tabIsLink(tab: unknown): tab is SiTabNextLinkComponent;
+    /** @internal */
+    focusPrevious(e: Event): void;
+    /** @internal */
+    focusNext(e: Event): void;
+    /** @internal */
+    updateVisibleTabIndexes(startIndex: number, type: 'next' | 'previous', forceUpdate?: boolean): void;
+    /** @internal */
+    getNextIndexToFocus(currentIndex: number): number;
+    private getPrimaryRange;
+    private getSecondaryRange;
+    private traverseRange;
+    private scrollFirstVisibleTabIntoView;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTabsetNextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiTabsetNextComponent, "si-tabset-next", never, {}, { "deselect": "deselect"; }, ["tabPanelsLinks", "tabPanelsComponents"], ["*", "router-outlet"], true, never>;
+}

package/template-i18n.json

@@ -3,9 +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?",
@@ -15,6 +64,32 @@
   "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_FILTERED_SEARCH.CLEAR": "Clear",
+  "SI_FILTERED_SEARCH.ITEMS": "items",
+  "SI_FILTERED_SEARCH.NO_MATCHING_CRITERIA": "No matching criteria",
+  "SI_FILTERED_SEARCH.SEARCH": "Search",
+  "SI_FILTERED_SEARCH.SUBMIT": "Apply search criteria",
+  "SI_FILTERED_SEARCH.SUBMIT_BUTTON": "Submit search",
+  "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.",
@@ -29,6 +104,15 @@
   "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_ICON_STATUS.CAUTION": "Caution",
+  "SI_ICON_STATUS.CRITICAL": "Critical",
+  "SI_ICON_STATUS.DANGER": "Danger",
+  "SI_ICON_STATUS.INFO": "Info",
+  "SI_ICON_STATUS.PENDING": "Pending",
+  "SI_ICON_STATUS.PROGRESS": "Progress",
+  "SI_ICON_STATUS.SUCCESS": "Success",
+  "SI_ICON_STATUS.UNKNOWN": "Unknown",
+  "SI_ICON_STATUS.WARNING": "Warning",
   "SI_LANGUAGE_SWITCHER.LABEL": "Language switcher",
   "SI_LAUNCHPAD.CLOSE": "Close launchpad",
   "SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE": "Apps",
@@ -38,6 +122,7 @@
   "SI_LAUNCHPAD.SUBTITLE": "Access all your apps",
   "SI_LAUNCHPAD.SUB_TITLE": "Access all your apps",
   "SI_LAUNCHPAD.TITLE": "Launchpad",
+  "SI_LIST_DETAILS.BACK": "Back",
   "SI_LOADING_SPINNER.LABEL": "Loading",
   "SI_NAVBAR.OPEN_LAUNCHPAD": "Open launchpad",
   "SI_NAVBAR.TOGGLE_NAVIGATION": "Toggle navigation",
@@ -46,12 +131,38 @@
   "SI_PAGINATION.NAV_LABEL": "Pagination",
   "SI_PASSWORD_TOGGLE.HIDE": "hide password",
   "SI_PASSWORD_TOGGLE.SHOW": "show password",
+  "SI_PHONE_NUMBER_INPUT.PHONE_NUMBER_INPUT_LABEL": "Enter phone number",
+  "SI_PHONE_NUMBER_INPUT.SEARCH_NO-RESULTS_FOUND": "No results found",
+  "SI_PHONE_NUMBER_INPUT.SEARCH_PLACEHOLDER": "Search",
+  "SI_PHONE_NUMBER_INPUT.SELECT_COUNTRY": "Select country",
+  "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_SIDE_PANEL.CLOSE": "Close",
+  "SI_SIDE_PANEL.SEARCH_PLACEHOLDER": "Search...",
+  "SI_SIDE_PANEL.TOGGLE": "Toggle",
   "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_STATUS_BAR.ALL_OK": "All OK",
+  "SI_STATUS_BAR.COLLAPSE": "Collapse",
+  "SI_STATUS_BAR.EXPAND": "Expand",
+  "SI_STATUS_BAR.MUTE": "Mute/unmute",
   "SI_TOAST.CLOSE": "Close",
+  "SI_TREE_VIEW.COLLAPSE_ALL": "Collapse all",
+  "SI_TREE_VIEW.EXPAND_ALL": "Expand all",
   "SI_TYPEAHEAD.AUTOCOMPLETE_LIST_LABEL": "Suggestions",
   "SI_WIZARD.BACK": "Back",
   "SI_WIZARD.CANCEL": "Cancel",

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

@@ -3,9 +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;
@@ -15,6 +64,32 @@ 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_FILTERED_SEARCH.CLEAR'?: string;
+    'SI_FILTERED_SEARCH.ITEMS'?: string;
+    'SI_FILTERED_SEARCH.NO_MATCHING_CRITERIA'?: string;
+    'SI_FILTERED_SEARCH.SEARCH'?: string;
+    'SI_FILTERED_SEARCH.SUBMIT'?: string;
+    'SI_FILTERED_SEARCH.SUBMIT_BUTTON'?: 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;
@@ -29,6 +104,15 @@ export interface SiTranslatableKeys {
     'SI_FORM_CONTAINER.ERROR.PATTERN'?: string;
     'SI_FORM_CONTAINER.ERROR.REQUIRED'?: string;
     'SI_FORM_CONTAINER.ERROR.REQUIRED_TRUE'?: string;
+    'SI_ICON_STATUS.CAUTION'?: string;
+    'SI_ICON_STATUS.CRITICAL'?: string;
+    'SI_ICON_STATUS.DANGER'?: string;
+    'SI_ICON_STATUS.INFO'?: string;
+    'SI_ICON_STATUS.PENDING'?: string;
+    'SI_ICON_STATUS.PROGRESS'?: string;
+    'SI_ICON_STATUS.SUCCESS'?: string;
+    'SI_ICON_STATUS.UNKNOWN'?: string;
+    'SI_ICON_STATUS.WARNING'?: string;
     'SI_LANGUAGE_SWITCHER.LABEL'?: string;
     'SI_LAUNCHPAD.CLOSE'?: string;
     'SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE'?: string;
@@ -38,6 +122,7 @@ export interface SiTranslatableKeys {
     'SI_LAUNCHPAD.SUBTITLE'?: string;
     'SI_LAUNCHPAD.SUB_TITLE'?: string;
     'SI_LAUNCHPAD.TITLE'?: string;
+    'SI_LIST_DETAILS.BACK'?: string;
     'SI_LOADING_SPINNER.LABEL'?: string;
     'SI_NAVBAR.OPEN_LAUNCHPAD'?: string;
     'SI_NAVBAR.TOGGLE_NAVIGATION'?: string;
@@ -46,12 +131,38 @@ export interface SiTranslatableKeys {
     'SI_PAGINATION.NAV_LABEL'?: string;
     'SI_PASSWORD_TOGGLE.HIDE'?: string;
     'SI_PASSWORD_TOGGLE.SHOW'?: string;
+    'SI_PHONE_NUMBER_INPUT.PHONE_NUMBER_INPUT_LABEL'?: string;
+    'SI_PHONE_NUMBER_INPUT.SEARCH_NO-RESULTS_FOUND'?: string;
+    'SI_PHONE_NUMBER_INPUT.SEARCH_PLACEHOLDER'?: string;
+    'SI_PHONE_NUMBER_INPUT.SELECT_COUNTRY'?: 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_SIDE_PANEL.CLOSE'?: string;
+    'SI_SIDE_PANEL.SEARCH_PLACEHOLDER'?: string;
+    'SI_SIDE_PANEL.TOGGLE'?: 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_STATUS_BAR.ALL_OK'?: string;
+    'SI_STATUS_BAR.COLLAPSE'?: string;
+    'SI_STATUS_BAR.EXPAND'?: string;
+    'SI_STATUS_BAR.MUTE'?: string;
     'SI_TOAST.CLOSE'?: string;
+    'SI_TREE_VIEW.COLLAPSE_ALL'?: string;
+    'SI_TREE_VIEW.EXPAND_ALL'?: string;
     'SI_TYPEAHEAD.AUTOCOMPLETE_LIST_LABEL'?: string;
     'SI_WIZARD.BACK'?: string;
     'SI_WIZARD.CANCEL'?: string;

package/tree-view/drag-drop.util.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import type { CdkDragDrop } from '@angular/cdk/drag-drop';
+import type { TreeItem } from './si-tree-view.model';
+/**
+ *
+ * @param treeItems - TreeItem array which is used with the si-tree-view.
+ * @param event - event object which is emitted by cdkDropListDropped.
+ * @returns reordered TreeItems list.
+ */
+export declare const reorderTreeItem: (treeItems: TreeItem[], event: CdkDragDrop<any>) => TreeItem[];
+/**
+ *
+ * @param sourceTreeItems - TreeItem array of the source tree from where item is being dragged.
+ * @param targetTreeItems - TreeItem array of the target tree where item is being dropped.
+ * @param event - event object which is emitted by cdkDropListDropped.
+ * @param removeFromSource - whether to remove item from its source tree after moving to target.
+ * @returns modified TreeItems list of source and target trees.
+ */
+export declare const transferTreeItem: (sourceTreeItems: TreeItem[], targetTreeItems: TreeItem[], event: CdkDragDrop<TreeItem[]>, removeFromSource?: boolean) => {
+    sourceTree: TreeItem[];
+    targetTree: TreeItem[];
+};
+/**
+ *
+ * @param sourceTree - TreeItems array from where item needs to be removed.
+ * @param itemToRemove - TreeItem which needs to be removed.
+ * @returns Updated TreeItems array.
+ */
+export declare const removeItemFromTree: (sourceTree: TreeItem[], itemToRemove: TreeItem) => TreeItem[];