@siemens/element-ng 47.1.0 → 47.3.0

package/README.md

@@ -1,9 +1,21 @@
-# Siemens Element
-
-Siemens Element is a design system for products and digital experiences,
-grounded in the Siemens brand design language. It includes UI components
-(Angular), design tools and resources, human interface guidelines, and a
-vibrant community of contributors.
+<p align="center">
+  <a href="https://element.siemens.io" target="_blank">
+    <img src="./element-logo.svg" alt="Element Website" height="132" width="132">
+  </a>
+</p>
+
+<h1 align="center">Siemens Element</h1>
+
+<p></p>
+<p align="center">
+  Siemens Element is a design system of the smart infrastructure domain
+  that implements the Siemens Design Language in Angular. It includes UI
+  components, design tools and resources, human interface guidelines, and a
+  vibrant community of contributors.
+</p>
+<p></p>
+
+<hr>
 
 ## Contributing
 

package/accordion/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-collapsible-panel.component';
+export * from './si-accordion.component';
+export * from './si-accordion.service';
+export * from './si-accordion-hcollapse.service';
+export * from './si-accordion.module';

package/accordion/package.json

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

package/accordion/si-accordion-hcollapse.service.d.ts

@@ -0,0 +1,17 @@
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/** @internal */
+export declare class SiAccordionHCollapseService {
+    /**
+     * Emitting the current horizontal collapsed state.
+     *
+     * @defaultValue undefined
+     */
+    readonly hcollapsed: import("@angular/core").WritableSignal<boolean | undefined>;
+    /**
+     * Subject to emit to open the accordion.
+     */
+    readonly open$: Subject<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiAccordionHCollapseService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SiAccordionHCollapseService>;
+}

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

@@ -0,0 +1,37 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { AfterContentInit, OnChanges } from '@angular/core';
+import { BackgroundColorVariant } from '@siemens/element-ng/common';
+import * as i0 from "@angular/core";
+export declare class SiAccordionComponent implements AfterContentInit, OnChanges {
+    /** @defaultValue true */
+    readonly expandFirstPanel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** @defaultValue false */
+    readonly fullHeight: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** @defaultValue false */
+    readonly hcollapsed: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Color to use for component background
+     * @deprecated This has no effect anymore. Will be removed in v48
+     **/
+    readonly colorVariant: import("@angular/core").InputSignal<BackgroundColorVariant | undefined>;
+    /**
+     * Indicate whether the accordion is collapsed.
+     * @internal
+     */
+    readonly collapsed: import("@angular/core").Signal<boolean>;
+    private readonly panels;
+    private responsive;
+    private destroyer;
+    private service;
+    private resizeObserver;
+    private element;
+    private accordionHCollapseService;
+    ngOnChanges(): void;
+    ngAfterContentInit(): void;
+    private calcFullHeight;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiAccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiAccordionComponent, "si-accordion", never, { "expandFirstPanel": { "alias": "expandFirstPanel"; "required": false; "isSignal": true; }; "fullHeight": { "alias": "fullHeight"; "required": false; "isSignal": true; }; "hcollapsed": { "alias": "hcollapsed"; "required": false; "isSignal": true; }; "colorVariant": { "alias": "colorVariant"; "required": false; "isSignal": true; }; }, {}, ["panels"], ["*"], true, never>;
+}

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-accordion.component";
+import * as i2 from "./si-collapsible-panel.component";
+export declare class SiAccordionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiAccordionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiAccordionModule, never, [typeof i1.SiAccordionComponent, typeof i2.SiCollapsiblePanelComponent], [typeof i1.SiAccordionComponent, typeof i2.SiCollapsiblePanelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiAccordionModule>;
+}

package/accordion/si-accordion.service.d.ts

@@ -0,0 +1,17 @@
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/** @internal */
+export declare class SiAccordionService {
+    /**
+     * Emit an item in the accordion which should be toggled.
+     */
+    readonly toggle$: Subject<any>;
+    /**
+     * Subject to emit when the items should be expanded to their full height or restored to normal height.
+     *
+     * @defaultValue null
+     */
+    readonly fullHeight: import("@angular/core").WritableSignal<boolean | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiAccordionService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SiAccordionService>;
+}

package/accordion/si-collapsible-panel.component.d.ts

@@ -0,0 +1,89 @@
+import { BackgroundColorVariant } from '@siemens/element-ng/common';
+import * as i0 from "@angular/core";
+export declare class SiCollapsiblePanelComponent {
+    /**
+     * Heading for the collapsible panel.
+     */
+    readonly heading: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Additional CSS classes for the top element.
+     *
+     * @defaultValue ''
+     */
+    readonly headerCssClasses: import("@angular/core").InputSignal<string>;
+    /**
+     * Additional CSS classes for the collapsible content region.
+     *
+     * @defaultValue ''
+     */
+    readonly contentBgClasses: import("@angular/core").InputSignal<string>;
+    /**
+     * Additional CSS classes for the wrapping content element.
+     *
+     * @defaultValue ''
+     */
+    readonly contentCssClasses: import("@angular/core").InputSignal<string>;
+    /**
+     * Expand/collapse the panel.
+     *
+     * @defaultValue false
+     */
+    readonly opened: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * The icon to be displayed besides the heading.
+     */
+    readonly icon: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Whether the si-collapsible-panel is disabled.
+     *
+     * @defaultValue false
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Color to use for component background */
+    readonly colorVariant: import("@angular/core").InputSignal<BackgroundColorVariant | undefined>;
+    /**
+     * Defines the content of the optional badge. Should be a number or something like "100+".
+     * if undefined or empty string, no badge is displayed
+     */
+    readonly badge: import("@angular/core").InputSignal<string | number | undefined>;
+    /**
+     * Defines the background color of the badge. Default is specific to SiMPL flavour.
+     */
+    readonly badgeColor: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * An event emitted when the user triggered expand/collapse and emit with the new open state.
+     * The event is emitted before the animation happens.
+     */
+    readonly panelToggle: import("@angular/core").OutputEmitterRef<boolean>;
+    /**
+     * An event emitted when the user triggered expand/collapse.
+     * The event is emitted before the animation happens.
+     * @deprecated use {@link panelToggle} instead
+     */
+    readonly toggle: import("@angular/core").OutputEmitterRef<boolean>;
+    protected readonly hcollapsed: import("@angular/core").Signal<boolean>;
+    protected readonly fullHeight: import("@angular/core").Signal<boolean>;
+    protected controlId: string;
+    protected headerId: string;
+    protected isHCollapsible: boolean;
+    protected readonly icons: Record<"elementDown2", string>;
+    private readonly destroyRef;
+    private readonly accordionService;
+    private readonly accordionHCollapseService;
+    private enableAnimation;
+    private readonly animationsGloballyDisabled;
+    private lastScrollPos;
+    private readonly contentRef;
+    constructor();
+    protected get showHide(): string;
+    /**
+     * Expand/collapse panel.
+     * @param open - indicate the panel shall open or close
+     * @param enableAnimation - with animation
+     */
+    openClose(open: boolean, enableAnimation?: boolean): void;
+    protected doToggle(event?: Event): void;
+    protected keydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiCollapsiblePanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiCollapsiblePanelComponent, "si-collapsible-panel", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "headerCssClasses": { "alias": "headerCssClasses"; "required": false; "isSignal": true; }; "contentBgClasses": { "alias": "contentBgClasses"; "required": false; "isSignal": true; }; "contentCssClasses": { "alias": "contentCssClasses"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "colorVariant": { "alias": "colorVariant"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeColor": { "alias": "badgeColor"; "required": false; "isSignal": true; }; }, { "opened": "openedChange"; "panelToggle": "panelToggle"; "toggle": "toggle"; }, never, ["[si-panel-heading]", "*"], true, never>;
+}

package/action-modal/index.d.ts

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

package/action-modal/package.json

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

package/action-modal/si-action-dialog.service.d.ts

@@ -0,0 +1,49 @@
+import { ModalDependencyInjectionOptions } from '@siemens/element-ng/modal';
+import { Observable } from 'rxjs';
+import { ActionDialog, ActionDialogReturnType, AlertDialogResult, ConfirmationDialogResult, DeleteConfirmationDialogResult, EditDiscardDialogResult } from './si-action-dialog.types';
+import * as i0 from "@angular/core";
+/**
+ * The service provides convenient methods to show common modal dialogs.
+ * All return an observable, which emit the dialog results. After emitting,
+ * the observables complete. Therefore, clients do not need to unsubscribe.
+ */
+export declare class SiActionDialogService {
+    private modalService;
+    /**
+     * Show an alert dialog.
+     * @deprecated use `showActionDialog({ type: 'alert', ... })` instead
+     */
+    showAlertDialog(message: string, heading?: string, confirmBtnName?: string, translationParams?: {
+        [key: string]: any;
+    }, icon?: string, diOptions?: ModalDependencyInjectionOptions): Observable<AlertDialogResult>;
+    /**
+     * Show a confirmation dialog.
+     * @deprecated use `showActionDialog({ type: 'confirmation', ... })` instead
+     */
+    showConfirmationDialog(message: string, heading?: string, confirmBtnName?: string, declineBtnName?: string, translationParams?: {
+        [key: string]: any;
+    }, icon?: string, diOptions?: ModalDependencyInjectionOptions): Observable<ConfirmationDialogResult>;
+    /**
+     * Show an edit dialog with the option to discard.
+     * @deprecated use `showActionDialog({ type: 'edit-discard', ... })` instead
+     */
+    showEditDiscardDialog(disableSave?: boolean, message?: string, heading?: string, saveBtnName?: string, discardBtnName?: string, cancelBtnName?: string, disableSaveMessage?: string, disableSaveDiscardBtnName?: string, translationParams?: {
+        [key: string]: any;
+    }, icon?: string, diOptions?: ModalDependencyInjectionOptions): Observable<EditDiscardDialogResult>;
+    /**
+     * Show a dialog confirming a deletion.
+     * @deprecated use `showActionDialog({ type: 'delete-confirm', ... })` instead
+     */
+    showDeleteConfirmationDialog(message?: string, heading?: string, deleteBtnName?: string, cancelBtnName?: string, translationParams?: {
+        [key: string]: any;
+    }, icon?: string, diOptions?: ModalDependencyInjectionOptions): Observable<DeleteConfirmationDialogResult>;
+    /**
+     * Shows an action dialog
+     * @param dialog - The dialog configuration
+     * @param diOptions - Optional DI configuration.
+     * @returns Observable for the result of the dialog. Need to `subscribe()` to show the dialog
+     */
+    showActionDialog<T extends ActionDialog>(dialog: T, diOptions?: ModalDependencyInjectionOptions): Observable<ActionDialogReturnType<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiActionDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SiActionDialogService>;
+}

package/action-modal/si-action-dialog.types.d.ts

@@ -0,0 +1,92 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { Observable } from 'rxjs';
+/** @deprecated Will be removed in a future release. Use the string values directly. */
+export declare const AlertDialogResult: {
+    readonly Confirm: "confirm";
+};
+export type AlertDialogResult = (typeof AlertDialogResult)[keyof typeof AlertDialogResult];
+/** @deprecated Will be removed in a future release. Use the string values directly. */
+export declare const EditDiscardDialogResult: {
+    readonly Save: "save";
+    readonly Discard: "discard";
+    readonly Cancel: "cancel";
+};
+export type EditDiscardDialogResult = (typeof EditDiscardDialogResult)[keyof typeof EditDiscardDialogResult];
+/** @deprecated Will be removed in a future release. Use the string values directly. */
+export declare const ConfirmationDialogResult: {
+    readonly Confirm: "confirm";
+    readonly Decline: "decline";
+};
+export type ConfirmationDialogResult = (typeof ConfirmationDialogResult)[keyof typeof ConfirmationDialogResult];
+/** @deprecated Will be removed in a future release. Use the string values directly. */
+export declare const DeleteConfirmationDialogResult: {
+    readonly Delete: "delete";
+    readonly Cancel: "cancel";
+};
+export type DeleteConfirmationDialogResult = (typeof DeleteConfirmationDialogResult)[keyof typeof DeleteConfirmationDialogResult];
+/**
+ * Base type for all action dialogs
+ * @typeParam TResult - Type of the dialog result.
+ */
+interface ActionDialogBase<TResult> {
+    /** The message. */
+    message?: TranslatableString;
+    /** The heading. */
+    heading?: TranslatableString;
+    /** Icon displayed in the heading. */
+    icon?: string;
+    /** Parameters for the translate pipe. */
+    translationParams?: Record<string, any>;
+    /**
+     * Callback for delaying dismiss with a progress indicator until the
+     * returned {@link Observable} emits.
+     */
+    delayDismiss?: (result: TResult) => Observable<TResult>;
+}
+/** An action dialog showing an alert */
+export interface AlertDialog extends ActionDialogBase<AlertDialogResult> {
+    type: 'alert';
+    /** Label of the confirmation button. */
+    confirmBtnName?: TranslatableString;
+}
+/** An action dialog for a confirmation. */
+export interface ConfirmationDialog extends ActionDialogBase<ConfirmationDialogResult> {
+    type: 'confirmation';
+    /** Label of the confirmation button. */
+    confirmBtnName?: TranslatableString;
+    /** Label of the decline button. */
+    declineBtnName?: TranslatableString;
+}
+/** An action dialog for an edit/discard prompt. */
+export interface EditDiscardDialog extends ActionDialogBase<EditDiscardDialogResult> {
+    type: 'edit-discard';
+    /** Whether to disable the save button. */
+    disableSave?: boolean;
+    /** Label of the save button. */
+    saveBtnName?: TranslatableString;
+    /** Label of the discard button. */
+    discardBtnName?: TranslatableString;
+    /** Label of the cancel button. */
+    cancelBtnName?: TranslatableString;
+    /** Message when {@link disableSave} is set. */
+    disableSaveMessage?: TranslatableString;
+    /** Label of the discard button when {@link disableSave} is set. */
+    disableSaveDiscardBtnName?: TranslatableString;
+}
+/** An action dialog for a delete confirmation. */
+export interface DeleteConfirmationDialog extends ActionDialogBase<DeleteConfirmationDialogResult> {
+    type: 'delete-confirm';
+    /** Label of the delete button. */
+    deleteBtnName?: TranslatableString;
+    /** Label of the cancel button. */
+    cancelBtnName?: TranslatableString;
+}
+/** All possible action dialogs. */
+export type ActionDialog = AlertDialog | ConfirmationDialog | EditDiscardDialog | DeleteConfirmationDialog | never;
+/** Returns the return value type for the given action dialog type */
+export type ActionDialogReturnType<T extends ActionDialogBase<any>> = T extends AlertDialog ? AlertDialogResult : T extends ConfirmationDialog ? ConfirmationDialogResult : T extends EditDiscardDialog ? EditDiscardDialogResult : T extends DeleteConfirmationDialog ? DeleteConfirmationDialogResult : never;
+export {};

package/action-modal/si-alert-dialog/si-alert-dialog.component.d.ts

@@ -0,0 +1,32 @@
+import { ModalRef } from '@siemens/element-ng/modal';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import * as i0 from "@angular/core";
+export declare class SiAlertDialogComponent {
+    readonly titleId: import("@angular/core").InputSignal<string | undefined>;
+    /** @defaultValue '' */
+    readonly heading: import("@angular/core").InputSignal<TranslatableString>;
+    /** @defaultValue '' */
+    readonly message: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_ALERT_DIALOG.OK:OK`
+     * ```
+     */
+    readonly confirmBtnName: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * {}
+     * ```
+     */
+    readonly translationParams: import("@angular/core").InputSignal<{
+        [key: string]: any;
+    }>;
+    /** @defaultValue '' */
+    readonly icon: import("@angular/core").InputSignal<string>;
+    protected modalRef: ModalRef<SiAlertDialogComponent, "confirm">;
+    protected loading$: import("rxjs").Observable<"confirm" | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiAlertDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiAlertDialogComponent, "si-alert-dialog", never, { "titleId": { "alias": "titleId"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "confirmBtnName": { "alias": "confirmBtnName"; "required": false; "isSignal": true; }; "translationParams": { "alias": "translationParams"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/action-modal/si-confirmation-dialog/si-confirmation-dialog.component.d.ts

@@ -0,0 +1,40 @@
+import { ModalRef } from '@siemens/element-ng/modal';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { ConfirmationDialogResult } from '../si-action-dialog.types';
+import * as i0 from "@angular/core";
+export declare class SiConfirmationDialogComponent {
+    readonly titleId: import("@angular/core").InputSignal<string | undefined>;
+    /** @defaultValue '' */
+    readonly heading: import("@angular/core").InputSignal<TranslatableString>;
+    /** @defaultValue '' */
+    readonly message: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_CONFIRMATION_DIALOG.YES:Yes`
+     * ```
+     */
+    readonly confirmBtnName: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_CONFIRMATION_DIALOG.NO:No`
+     * ```
+     */
+    readonly declineBtnName: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * {}
+     * ```
+     */
+    readonly translationParams: import("@angular/core").InputSignal<{
+        [key: string]: any;
+    }>;
+    /** @defaultValue '' */
+    readonly icon: import("@angular/core").InputSignal<string>;
+    protected modalRef: ModalRef<SiConfirmationDialogComponent, ConfirmationDialogResult>;
+    protected loading$: import("rxjs").Observable<ConfirmationDialogResult | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiConfirmationDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiConfirmationDialogComponent, "si-confirmation-dialog", never, { "titleId": { "alias": "titleId"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "confirmBtnName": { "alias": "confirmBtnName"; "required": false; "isSignal": true; }; "declineBtnName": { "alias": "declineBtnName"; "required": false; "isSignal": true; }; "translationParams": { "alias": "translationParams"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/action-modal/si-delete-confirmation-dialog/si-delete-confirmation-dialog.component.d.ts

@@ -0,0 +1,45 @@
+import { ModalRef } from '@siemens/element-ng/modal';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { DeleteConfirmationDialogResult } from '../si-action-dialog.types';
+import * as i0 from "@angular/core";
+export declare class SiDeleteConfirmationDialogComponent {
+    readonly titleId: import("@angular/core").InputSignal<string | undefined>;
+    /** @defaultValue '' */
+    readonly heading: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.MESSAGE:Do you really want to delete the selected elements?`
+     * ```
+     */
+    readonly message: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN:Delete`
+     * ```
+     */
+    readonly deleteBtnName: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN:Cancel`
+     * ```
+     */
+    readonly cancelBtnName: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * {}
+     * ```
+     */
+    readonly translationParams: import("@angular/core").InputSignal<{
+        [key: string]: any;
+    }>;
+    /** @defaultValue '' */
+    readonly icon: import("@angular/core").InputSignal<string>;
+    protected modalRef: ModalRef<SiDeleteConfirmationDialogComponent, DeleteConfirmationDialogResult>;
+    protected loading$: import("rxjs").Observable<DeleteConfirmationDialogResult | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDeleteConfirmationDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiDeleteConfirmationDialogComponent, "si-delete-confirmation-dialog", never, { "titleId": { "alias": "titleId"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "deleteBtnName": { "alias": "deleteBtnName"; "required": false; "isSignal": true; }; "cancelBtnName": { "alias": "cancelBtnName"; "required": false; "isSignal": true; }; "translationParams": { "alias": "translationParams"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/action-modal/si-edit-discard-dialog/si-edit-discard-dialog.component.d.ts

@@ -0,0 +1,68 @@
+import { ModalRef } from '@siemens/element-ng/modal';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { EditDiscardDialogResult } from '../si-action-dialog.types';
+import * as i0 from "@angular/core";
+export declare class SiEditDiscardDialogComponent {
+    readonly titleId: import("@angular/core").InputSignal<string | undefined>;
+    /** @defaultValue '' */
+    readonly heading: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Do you want to save changes to the modified element?`
+     * ```
+     */
+    readonly message: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_EDIT_DISCARD_DIALOG.SAVE_BTN:Save`
+     * ```
+     */
+    readonly saveBtnName: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_EDIT_DISCARD_DIALOG.DISCARD_BTN:Don't save`
+     * ```
+     */
+    readonly discardBtnName: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_EDIT_DISCARD_DIALOG.CANCEL_BTN:Cancel`
+     * ```
+     */
+    readonly cancelBtnName: import("@angular/core").InputSignal<TranslatableString>;
+    /** @defaultValue false */
+    readonly disableSave: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Do you want to discard the changes`
+     * ```
+     */
+    readonly disableSaveMessage: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN:Discard`
+     * ```
+     */
+    readonly disableSaveDiscardBtnName: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * {}
+     * ```
+     */
+    readonly translationParams: import("@angular/core").InputSignal<{
+        [key: string]: any;
+    }>;
+    /** @defaultValue '' */
+    readonly icon: import("@angular/core").InputSignal<string>;
+    protected modalRef: ModalRef<SiEditDiscardDialogComponent, EditDiscardDialogResult>;
+    protected loading$: import("rxjs").Observable<EditDiscardDialogResult | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiEditDiscardDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiEditDiscardDialogComponent, "si-edit-discard-dialog", never, { "titleId": { "alias": "titleId"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "saveBtnName": { "alias": "saveBtnName"; "required": false; "isSignal": true; }; "discardBtnName": { "alias": "discardBtnName"; "required": false; "isSignal": true; }; "cancelBtnName": { "alias": "cancelBtnName"; "required": false; "isSignal": true; }; "disableSave": { "alias": "disableSave"; "required": false; "isSignal": true; }; "disableSaveMessage": { "alias": "disableSaveMessage"; "required": false; "isSignal": true; }; "disableSaveDiscardBtnName": { "alias": "disableSaveDiscardBtnName"; "required": false; "isSignal": true; }; "translationParams": { "alias": "translationParams"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/auto-collapsable-list/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-auto-collapsable-list-item.directive';
+export * from './si-auto-collapsable-list.directive';
+export * from './si-auto-collapsable-list-overflow-item.directive';
+export * from './si-auto-collapsable-list-measurable.class';
+export * from './si-auto-collapsable-list-additional-content.directive';
+export * from './si-auto-collapsable-list.module';

package/auto-collapsable-list/package.json

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

package/auto-collapsable-list/si-auto-collapsable-list-additional-content.directive.d.ts

@@ -0,0 +1,6 @@
+import { SiAutoCollapsableListMeasurable } from './si-auto-collapsable-list-measurable.class';
+import * as i0 from "@angular/core";
+export declare class SiAutoCollapsableListAdditionalContentDirective extends SiAutoCollapsableListMeasurable {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiAutoCollapsableListAdditionalContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiAutoCollapsableListAdditionalContentDirective, "[siAutoCollapsableListAdditionalContent]", never, {}, {}, never, never, true, never>;
+}

package/auto-collapsable-list/si-auto-collapsable-list-item.directive.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { AfterViewInit } from '@angular/core';
+import { SiAutoCollapsableListMeasurable } from './si-auto-collapsable-list-measurable.class';
+import * as i0 from "@angular/core";
+export declare class SiAutoCollapsableListItemDirective extends SiAutoCollapsableListMeasurable implements AfterViewInit {
+    /**
+     * Hide this item even if enough space is available.
+     * When calculating the overall available size, this item is still considered when forceHide=true
+     *
+     * @defaultValue false
+     */
+    readonly forceHide: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * True if enough space is available for this item.
+     *
+     * @defaultValue false
+     */
+    readonly canBeVisible: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * True if this item is actually visible to the user
+     */
+    readonly isVisible: import("@angular/core").Signal<boolean>;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiAutoCollapsableListItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiAutoCollapsableListItemDirective, "[siAutoCollapsableListItem]", ["siAutoCollapsableListItem"], { "forceHide": { "alias": "forceHide"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/auto-collapsable-list/si-auto-collapsable-list-measurable.class.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class SiAutoCollapsableListMeasurable implements AfterViewInit {
+    /** Emits on element width changes. */
+    size$: Observable<number>;
+    protected readonly elementRef: ElementRef<any>;
+    private readonly resizeObserverService;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiAutoCollapsableListMeasurable, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiAutoCollapsableListMeasurable, never, never, {}, {}, never, never, true, never>;
+}