@siemens/element-ng 47.3.0 → 47.4.0

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

@@ -1,6 +1,6 @@
 import { type StatusType } from '@siemens/element-ng/common';
 import * as i0 from "@angular/core";
-export type BadgeType = StatusType | 'default' | 'inverse' | 'caution' | 'info-emphasis' | 'success-emphasis' | 'warning-emphasis' | 'danger-emphasis' | 'caution-emphasis';
+export type BadgeType = StatusType | 'default' | 'inverse' | 'info-emphasis' | 'success-emphasis' | 'warning-emphasis' | 'danger-emphasis' | 'critical-emphasis' | 'caution-emphasis';
 export declare class SiBadgeComponent {
     /**
      * Optional icon

package/breadcrumb/breadcrumb-item.model.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { Link } from '@siemens/element-ng/link';
+/**
+ * Item that should be displayed in a breadcrumb.
+ * As input, we expect an optional title and link,
+ * which can be an URL or array of URL segments.
+ */
+export interface BreadcrumbItem extends Link {
+    title: string;
+}
+/**
+ * Extends {@link EnumeratedBreadcrumbItem} and adds
+ * the level, if it is shortened, a shortened title and
+ * if it is the last item
+ */
+export interface EnumeratedBreadcrumbItem extends BreadcrumbItem {
+    /**
+     * The current level relative to the root, the root is 0
+     */
+    level: number;
+    /**
+     * Whether the title is displayed in full length or it is shortened.
+     */
+    shortened?: boolean;
+    /**
+     * The shortened title, if the title is not shortened, it is the same as the title.
+     */
+    shortenedTitle?: string;
+    /**
+     * Whether it is the last breadcrumb item and should be styled differently.
+     */
+    lastItem?: boolean;
+}

package/breadcrumb/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './breadcrumb-item.model';
+export * from './si-breadcrumb.component';
+export * from './si-breadcrumb.module';

package/breadcrumb/package.json

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

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

@@ -0,0 +1,10 @@
+import { EnumeratedBreadcrumbItem } from './breadcrumb-item.model';
+import * as i0 from "@angular/core";
+export declare class SiBreadcrumbItemTemplateDirective {
+    static ngTemplateContextGuard(directive: SiBreadcrumbItemTemplateDirective, context: unknown): context is {
+        item: EnumeratedBreadcrumbItem;
+        title?: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiBreadcrumbItemTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiBreadcrumbItemTemplateDirective, "[siBreadcrumbItemTemplate]", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,46 @@
+import { OnChanges, OnDestroy } from '@angular/core';
+import { BreadcrumbItem, EnumeratedBreadcrumbItem } from './breadcrumb-item.model';
+import * as i0 from "@angular/core";
+export declare class SiBreadcrumbComponent implements OnChanges, OnDestroy {
+    /** Array of breadcrumb items. */
+    readonly items: import("@angular/core").InputSignal<BreadcrumbItem[]>;
+    /**
+     * Shows the "root" route as the provided title string instead of an icon.
+     *
+     * @defaultValue false
+     */
+    readonly showRootAsText: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Aria label for the main breadcrumb navigation. Needed for a11y.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_BREADCRUMB:Breadcrumbs`
+     * ```
+     */
+    readonly ariaLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    private translationSubscription?;
+    private itemsProcessed;
+    private numberOfItems;
+    protected itemsShown: EnumeratedBreadcrumbItem[];
+    protected itemsHidden: EnumeratedBreadcrumbItem[];
+    protected breadcrumbShortened: boolean;
+    protected ellipsesLevel: number;
+    protected breadcrumbDropdownOpen: number | undefined;
+    protected addExpandDropdown: boolean;
+    protected controlId: string;
+    protected readonly icons: Record<"elementBreadcrumbRoot" | "elementRight2", string>;
+    private readonly breadcrumbElement;
+    private readonly breadcrumbElements;
+    private changeDetector;
+    private translate;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    private processItems;
+    protected toggleBreadcrumbDropdown(itemLevel: number): void;
+    protected documentClick(targetElement: any): void;
+    protected resetBreadcrumb(): void;
+    private calculateBreadcrumb;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiBreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiBreadcrumbComponent, "si-breadcrumb", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "showRootAsText": { "alias": "showRootAsText"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-breadcrumb.component";
+export declare class SiBreadcrumbModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiBreadcrumbModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiBreadcrumbModule, never, [typeof i1.SiBreadcrumbComponent], [typeof i1.SiBreadcrumbComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiBreadcrumbModule>;
+}

package/card/index.d.ts

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

package/card/package.json

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

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

@@ -0,0 +1,79 @@
+import { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';
+import { ContentActionBarMainItem, ViewType } from '@siemens/element-ng/content-action-bar';
+import { MenuItem } from '@siemens/element-ng/menu';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import * as i0 from "@angular/core";
+export declare class SiCardComponent {
+    /**
+     * Card header text.
+     */
+    readonly heading: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    /**
+     * Input list of primary action items. Supports up to **4** actions and omits additional ones.
+     *
+     * @defaultValue []
+     */
+    readonly primaryActions: import("@angular/core").InputSignal<(MenuItemLegacy | ContentActionBarMainItem)[]>;
+    /**
+     * Input list of secondary action items.
+     *
+     * @defaultValue []
+     */
+    readonly secondaryActions: import("@angular/core").InputSignal<(MenuItemLegacy | MenuItem)[]>;
+    /**
+     * A param that will be passed to the `action` in the primary/secondary actions.
+     * This allows to re-use the same primary/secondary action arrays across rows
+     * in a table.
+     */
+    readonly actionParam: import("@angular/core").InputSignal<any>;
+    /**
+     * The view type of the content action bar of the card. Default is `collapsible`
+     * for dashboards. However, in some cases you might need to change to `expanded`
+     * or `mobile`.
+     *
+     * @defaultValue 'collapsible'
+     */
+    readonly actionBarViewType: import("@angular/core").InputSignal<ViewType>;
+    /**
+     * Optional setting of html title attribute for the content action bar.
+     * Helpful for a11y when only one action is configured in expand mode.
+     *
+     * @defaultValue ''
+     */
+    readonly actionBarTitle: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Image source for the card.
+     */
+    readonly imgSrc: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Alt text for a provided image.
+     */
+    readonly imgAlt: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Defines if an image is placed on top or start (left) of the card.
+     *
+     * @defaultValue 'vertical'
+     */
+    readonly imgDir: import("@angular/core").InputSignal<"horizontal" | "vertical" | undefined>;
+    /**
+     * Sets the image [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) CSS property,
+     * Sets the image [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) CSS property.
+     *
+     * @defaultValue 'scale-down'
+     */
+    readonly imgObjectFit: import("@angular/core").InputSignal<"fill" | "contain" | "cover" | "none" | "scale-down" | undefined>;
+    /**
+     * Sets the image [object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) CSS property.
+     */
+    readonly imgObjectPosition: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * In case the card uses an image and horizontal direction is used we set flex row direction.
+     */
+    protected readonly classCardHorizontal: import("@angular/core").Signal<boolean>;
+    /**
+     * Returns `true` when primary or secondary actions are set.
+     */
+    readonly displayContentActionBar: import("@angular/core").Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiCardComponent, "si-card", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "primaryActions": { "alias": "primaryActions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "actionBarViewType": { "alias": "actionBarViewType"; "required": false; "isSignal": true; }; "actionBarTitle": { "alias": "actionBarTitle"; "required": false; "isSignal": true; }; "imgSrc": { "alias": "imgSrc"; "required": false; "isSignal": true; }; "imgAlt": { "alias": "imgAlt"; "required": false; "isSignal": true; }; "imgDir": { "alias": "imgDir"; "required": false; "isSignal": true; }; "imgObjectFit": { "alias": "imgObjectFit"; "required": false; "isSignal": true; }; "imgObjectPosition": { "alias": "imgObjectPosition"; "required": false; "isSignal": true; }; }, {}, never, ["[headerIcon]", "[body]", "[footer]"], true, never>;
+}

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

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-card.component";
+export declare class SiCardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiCardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiCardModule, never, [typeof i1.SiCardComponent], [typeof i1.SiCardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiCardModule>;
+}

package/circle-status/index.d.ts

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

package/circle-status/package.json

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

package/circle-status/si-circle-status.component.d.ts

@@ -0,0 +1,66 @@
+import { OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { EntityStatusType, StatusIcon } from '@siemens/element-ng/common';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class SiCircleStatusComponent implements OnChanges, OnDestroy {
+    private readonly statusIcons;
+    /**
+     * The status (success, info, warning, danger) to be visualized.
+     */
+    readonly status: import("@angular/core").InputSignal<EntityStatusType | undefined>;
+    /**
+     * A custom color (e.g. `#fefefe`) for exceptional cases.
+     * @deprecated use the semantic `status` input instead.
+     */
+    readonly color: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Set a domain type icon (e.g. `element-door`) for which the status shall be shown.
+     * Leave undefined for visualizing the status without an icon.
+     */
+    readonly icon: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Set the size using either regular or small only works when used together with `icon`
+     *
+     * @defaultValue 'regular'
+     */
+    readonly size: import("@angular/core").InputSignal<"regular" | "small">;
+    /**
+     * event direction is out
+     *
+     * @defaultValue false
+     */
+    readonly eventOut: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Custom icon class for event out
+     */
+    readonly eventIcon: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Whether the status should appear with a pulsing circle around the badge.
+     *
+     * @defaultValue false
+     */
+    readonly blink: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Blink pulse generator for synchronized blinking with other components
+     */
+    readonly blinkPulse: import("@angular/core").InputSignal<Observable<boolean> | undefined>;
+    /**
+     * Aria label for icon and status combo. Needed for a11y
+     */
+    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+    protected readonly backgroundClass: import("@angular/core").Signal<string>;
+    protected readonly theAriaLabel: import("@angular/core").Signal<string>;
+    protected readonly autoLabel: import("@angular/core").Signal<string>;
+    protected readonly statusIcon: import("@angular/core").Signal<StatusIcon | undefined>;
+    protected readonly blinkOn: import("@angular/core").WritableSignal<boolean>;
+    protected readonly contrastFix: import("@angular/core").WritableSignal<boolean>;
+    protected readonly icons: Record<"elementRight4", string>;
+    private blinkSubs?;
+    private readonly bg;
+    private blinkService;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private calculateContrastFix;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiCircleStatusComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiCircleStatusComponent, "si-circle-status", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "eventOut": { "alias": "eventOut"; "required": false; "isSignal": true; }; "eventIcon": { "alias": "eventIcon"; "required": false; "isSignal": true; }; "blink": { "alias": "blink"; "required": false; "isSignal": true; }; "blinkPulse": { "alias": "blinkPulse"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/circle-status/si-circle-status.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-circle-status.component";
+export declare class SiCircleStatusModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiCircleStatusModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiCircleStatusModule, never, [typeof i1.SiCircleStatusComponent], [typeof i1.SiCircleStatusComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiCircleStatusModule>;
+}

package/column-selection-dialog/column-selection-editor/si-column-selection-editor.component.d.ts

@@ -0,0 +1,23 @@
+import { CdkOption } from '@angular/cdk/listbox';
+import { Column } from '../si-column-selection-dialog.types';
+import * as i0 from "@angular/core";
+export declare class SiColumnSelectionEditorComponent {
+    readonly column: import("@angular/core").InputSignal<Column>;
+    readonly selected: import("@angular/core").InputSignal<boolean>;
+    readonly renameInputLabel: import("@angular/core").InputSignal<string>;
+    readonly columnVisibilityConfigurable: import("@angular/core").InputSignal<boolean>;
+    readonly titleChange: import("@angular/core").OutputEmitterRef<void>;
+    readonly visibilityChange: import("@angular/core").OutputEmitterRef<void>;
+    protected readonly cdkOption: CdkOption<any>;
+    protected editing: boolean;
+    private readonly title;
+    private readonly elementRef;
+    protected readonly icons: Record<"elementHide" | "elementMenu" | "elementLock" | "elementShow", string>;
+    protected tryEdit(event: KeyboardEvent): void;
+    protected updateTitle(value: string): void;
+    startEdit(): void;
+    stopEdit(): void;
+    toggleVisibility(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiColumnSelectionEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiColumnSelectionEditorComponent, "si-column-selection-editor", never, { "column": { "alias": "column"; "required": true; "isSignal": true; }; "selected": { "alias": "selected"; "required": true; "isSignal": true; }; "renameInputLabel": { "alias": "renameInputLabel"; "required": true; "isSignal": true; }; "columnVisibilityConfigurable": { "alias": "columnVisibilityConfigurable"; "required": true; "isSignal": true; }; }, { "titleChange": "titleChange"; "visibilityChange": "visibilityChange"; }, never, never, true, never>;
+}

package/column-selection-dialog/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-column-selection-dialog.types';
+export * from './si-column-selection-dialog.service';

package/column-selection-dialog/package.json

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

package/column-selection-dialog/si-column-selection-dialog.component.d.ts

@@ -0,0 +1,114 @@
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { OnInit } from '@angular/core';
+import { ModalRef } from '@siemens/element-ng/modal';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { Column, ColumnSelectionDialogResult } from './si-column-selection-dialog.types';
+import * as i0 from "@angular/core";
+export declare class SiColumnSelectionDialogComponent implements OnInit {
+    readonly titleId: import("@angular/core").InputSignal<string | undefined>;
+    readonly heading: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    readonly bodyTitle: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.SUBMIT:Apply`
+     * ```
+     */
+    readonly submitBtnName: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.CANCEL:Cancel`
+     * ```
+     */
+    readonly cancelBtnName: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.RESTORE_TO_DEFAULT:Restore to default`
+     * ```
+     */
+    readonly restoreToDefaultBtnName: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.HIDDEN:Hidden`
+     * ```
+     */
+    readonly hiddenText: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.VISIBLE:Visible`
+     * ```
+     */
+    readonly visibleText: import("@angular/core").InputSignal<TranslatableString>;
+    /** @defaultValue false */
+    readonly restoreEnabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly columns: import("@angular/core").ModelSignal<Column[]>;
+    /**
+     * @defaultValue
+     * ```
+     * {}
+     * ```
+     */
+    readonly translationParams: import("@angular/core").InputSignal<Record<string, unknown>>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@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.`
+     * ```
+     */
+    readonly listAriaLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.RENAME_INPUT_ARIA_LABEL:Rename column`
+     * ```
+     */
+    readonly renameInputAriaLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.ITEM_MOVED:Item is now at position {{targetPosition}}`
+     * ```
+     */
+    readonly a11yItemMovedMessage: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.ITEM_NOT_MOVED:Item was not moved`
+     * ```
+     */
+    readonly a11yItemNotMovedMessage: import("@angular/core").InputSignal<TranslatableString>;
+    /** @defaultValue true */
+    readonly columnVisibilityConfigurable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    private readonly listOptions;
+    private readonly modalBodyElement;
+    private tempHeaderData;
+    protected readonly modalRef: ModalRef<SiColumnSelectionDialogComponent, ColumnSelectionDialogResult>;
+    protected readonly icons: Record<"elementCancel", string>;
+    protected visibleIds: string[];
+    private readonly liveAnnouncer;
+    private readonly translateService;
+    ngOnInit(): void;
+    /** @internal */
+    get backupColumns(): Column[];
+    protected submitColumnSelection(): void;
+    protected cancelColumnSelection(): void;
+    protected drop(event: CdkDragDrop<string[]>): void;
+    protected restoreToDefault(): void;
+    protected moveDown(index: number, event: Event): void;
+    protected moveUp(index: number, event: Event): void;
+    protected emitChange(): void;
+    protected updateVisibility(): void;
+    private setupColumnData;
+    private announceSuccessfulMove;
+    private announceNotSuccessfulMove;
+    private announceMove;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiColumnSelectionDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiColumnSelectionDialogComponent, "si-column-selection-dialog", never, { "titleId": { "alias": "titleId"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "bodyTitle": { "alias": "bodyTitle"; "required": false; "isSignal": true; }; "submitBtnName": { "alias": "submitBtnName"; "required": false; "isSignal": true; }; "cancelBtnName": { "alias": "cancelBtnName"; "required": false; "isSignal": true; }; "restoreToDefaultBtnName": { "alias": "restoreToDefaultBtnName"; "required": false; "isSignal": true; }; "hiddenText": { "alias": "hiddenText"; "required": false; "isSignal": true; }; "visibleText": { "alias": "visibleText"; "required": false; "isSignal": true; }; "restoreEnabled": { "alias": "restoreEnabled"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "translationParams": { "alias": "translationParams"; "required": false; "isSignal": true; }; "listAriaLabel": { "alias": "listAriaLabel"; "required": false; "isSignal": true; }; "renameInputAriaLabel": { "alias": "renameInputAriaLabel"; "required": false; "isSignal": true; }; "a11yItemMovedMessage": { "alias": "a11yItemMovedMessage"; "required": false; "isSignal": true; }; "a11yItemNotMovedMessage": { "alias": "a11yItemNotMovedMessage"; "required": false; "isSignal": true; }; "columnVisibilityConfigurable": { "alias": "columnVisibilityConfigurable"; "required": false; "isSignal": true; }; }, { "columns": "columnsChange"; }, never, never, true, never>;
+}

package/column-selection-dialog/si-column-selection-dialog.service.d.ts

@@ -0,0 +1,20 @@
+import { ModalDependencyInjectionOptions } from '@siemens/element-ng/modal';
+import { Observable } from 'rxjs';
+import { ColumnSelectionDialogResult, SiColumnSelectionDialogConfig } from './si-column-selection-dialog.types';
+import * as i0 from "@angular/core";
+export declare class SiColumnSelectionDialogService {
+    private modalService;
+    /**
+     * Opens a column selection dialog.
+     *
+     * Despite other dialogs,
+     * this dialog informs the consumer not ONLY with clicking `submit` or `cancel`,
+     * but also with changing the place or visibility of a dialog row
+     * thanks to the `instant` type of emitted event.
+     *
+     * {@label WITH_OBJECT}
+     */
+    showColumnSelectionDialog(dialogConfig: SiColumnSelectionDialogConfig, diOptions?: ModalDependencyInjectionOptions): Observable<ColumnSelectionDialogResult>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiColumnSelectionDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SiColumnSelectionDialogService>;
+}

package/column-selection-dialog/si-column-selection-dialog.types.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+export interface Column {
+    /**
+     * Unique id
+     */
+    id: string;
+    /**
+     * Title of the column.
+     */
+    title: string;
+    /**
+     * Decides if the column is visible to the user.
+     */
+    visible: boolean;
+    /**
+     * If true, the order of the column can be changed by dragging it to another position.
+     */
+    draggable: boolean;
+    /**
+     * If true, the column is disabled and cannot be interacted with.
+     * This means, the user cannot change any of the column options
+     * like the visibility etc.
+     */
+    disabled: boolean;
+    /**
+     * If true, the {@link title} can be renamed.
+     */
+    editable?: boolean;
+}
+export interface SiColumnSelectionDialogConfig {
+    heading: TranslatableString;
+    bodyTitle: TranslatableString;
+    submitBtnName?: TranslatableString;
+    cancelBtnName?: TranslatableString;
+    restoreToDefaultBtnName?: TranslatableString;
+    hiddenText?: TranslatableString;
+    visibleText?: TranslatableString;
+    columnVisibilityConfigurable?: boolean;
+    restoreEnabled?: boolean;
+    columns: Column[];
+    translationParams?: {
+        [key: string]: any;
+    };
+    listAriaLabel?: TranslatableString;
+    renameInputAriaLabel?: TranslatableString;
+    a11yItemMovedMessage?: TranslatableString;
+    a11yItemNotMovedMessage?: TranslatableString;
+}
+export interface ColumnSelectionDialogResult {
+    type: ColumnSelectionDialogResultType;
+    columns: Column[];
+    /** when `type === 'restoreDefault'`, this function is set and allows to provide the columns */
+    updateColumns?: (columns: Column[]) => void;
+}
+/**
+ * Emit type of dialog actions.
+ *
+ * `ok` : Emitted when user submits.
+ * `cancel` : Emitted when user clicks cancel.
+ * `instant` : Emitted when visibility or place of a row changes.
+ *
+ * `instant` type is used to reflect the ui changes real time even before closing the dialog.
+ */
+export type ColumnSelectionDialogResultType = 'ok' | 'cancel' | 'instant' | 'restoreDefault';

package/common/models/status-type.model.d.ts

@@ -2,8 +2,8 @@
  * Copyright Siemens 2016 - 2025.
  * SPDX-License-Identifier: MIT
  */
-export type StatusType = 'success' | 'info' | 'warning' | 'danger';
-export type ExtendedStatusType = StatusType | 'caution' | 'critical' | 'unknown';
+export type StatusType = 'success' | 'info' | 'warning' | 'danger' | 'caution' | 'critical';
+export type ExtendedStatusType = StatusType | 'unknown';
 export type EntityStatusType = ExtendedStatusType | 'pending' | 'progress';
 export type AccentLineType = StatusType | 'caution' | 'primary' | 'inactive';
 export interface StatusIcon {

package/date-range-filter/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-date-range-filter.component';
+export * from './si-date-range-filter.module';
+export * from './si-date-range-filter.types';
+export * from './si-date-range-calculation.service';

package/date-range-filter/package.json

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

package/date-range-filter/si-date-range-calculation.service.d.ts

@@ -0,0 +1,33 @@
+import { DateRangeFilter, ResolvedDateRange } from './si-date-range-filter.types';
+import * as i0 from "@angular/core";
+export interface ResolveDateRangeOptions {
+    /**
+     * Resolve time? When set to false, hours/minutes/seconds/ms are set to zero
+     * @defaultValue true
+     **/
+    withTime?: boolean;
+    /**
+     * Skip normalization? When skipped, `point1` will always be `start`, `point2` will be `end`
+     */
+    skipNormalization?: boolean;
+}
+/**
+ * Service to transform and calculate with DateRangeFilter objects.
+ */
+export declare class SiDateRangeCalculationService {
+    /**
+     * Calculates the start and end dates of a DateRangeFilter.
+     * @param filter - The date range filter object to be resolved.
+     * @param options - Options for time handling
+     * @returns The resolved result in form of a ResolvedDateRange object.
+     */
+    resolveDateRangeFilter(filter: DateRangeFilter, options?: ResolveDateRangeOptions): ResolvedDateRange;
+    private datePlusOffset;
+    private normalize;
+    /**
+     * Utility to reset the time attributes to 0 (hours/minutes/seconds/milliseconds).
+     */
+    removeTime(date: Date): Date;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDateRangeCalculationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SiDateRangeCalculationService>;
+}