@siemens/element-ng 47.1.0 → 47.3.0

package/fesm2022/siemens-element-ng-action-modal.mjs

@@ -0,0 +1,363 @@
+import * as i0 from '@angular/core';
+import { input, inject, ChangeDetectionStrategy, Component, booleanAttribute, Injectable } from '@angular/core';
+import { ModalRef, SiModalService, createModalConfig } from '@siemens/element-ng/modal';
+import { take, Observable, switchMap } from 'rxjs';
+import { AsyncPipe } from '@angular/common';
+import { SiIconNextComponent } from '@siemens/element-ng/icon';
+import { SiLoadingButtonComponent } from '@siemens/element-ng/loading-spinner';
+import * as i1 from '@siemens/element-translate-ng/translate';
+import { SiTranslateModule } from '@siemens/element-translate-ng/translate';
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiAlertDialogComponent {
+    titleId = input();
+    /** @defaultValue '' */
+    heading = input('');
+    /** @defaultValue '' */
+    message = input('');
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_ALERT_DIALOG.OK:OK`
+     * ```
+     */
+    confirmBtnName = input($localize `:@@SI_ALERT_DIALOG.OK:OK`);
+    /**
+     * @defaultValue
+     * ```
+     * {}
+     * ```
+     */
+    translationParams = input({});
+    /** @defaultValue '' */
+    icon = input('');
+    modalRef = inject((ModalRef));
+    loading$ = this.modalRef.message.pipe(take(1));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAlertDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiAlertDialogComponent, isStandalone: true, selector: "si-alert-dialog", inputs: { titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, confirmBtnName: { classPropertyName: "confirmBtnName", publicName: "confirmBtnName", isSignal: true, isRequired: false, transformFunction: null }, translationParams: { classPropertyName: "translationParams", publicName: "translationParams", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"confirmBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1.SiTranslatePipe, name: "translate" }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAlertDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-alert-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, SiIconNextComponent, SiTranslateModule, SiLoadingButtonComponent], template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"confirmBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n" }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiConfirmationDialogComponent {
+    titleId = input();
+    /** @defaultValue '' */
+    heading = input('');
+    /** @defaultValue '' */
+    message = input('');
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_CONFIRMATION_DIALOG.YES:Yes`
+     * ```
+     */
+    confirmBtnName = input($localize `:@@SI_CONFIRMATION_DIALOG.YES:Yes`);
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_CONFIRMATION_DIALOG.NO:No`
+     * ```
+     */
+    declineBtnName = input($localize `:@@SI_CONFIRMATION_DIALOG.NO:No`);
+    /**
+     * @defaultValue
+     * ```
+     * {}
+     * ```
+     */
+    translationParams = input({});
+    /** @defaultValue '' */
+    icon = input('');
+    modalRef = inject((ModalRef));
+    loading$ = this.modalRef.message.pipe(take(1));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiConfirmationDialogComponent, isStandalone: true, selector: "si-confirmation-dialog", inputs: { titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, confirmBtnName: { classPropertyName: "confirmBtnName", publicName: "confirmBtnName", isSignal: true, isRequired: false, transformFunction: null }, declineBtnName: { classPropertyName: "declineBtnName", publicName: "declineBtnName", isSignal: true, isRequired: false, transformFunction: null }, translationParams: { classPropertyName: "translationParams", publicName: "translationParams", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"declineBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'decline'\"\n    [loading]=\"loading === 'decline'\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n    {{ declineBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1.SiTranslatePipe, name: "translate" }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiConfirmationDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-confirmation-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, SiIconNextComponent, SiTranslateModule, SiLoadingButtonComponent], template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"declineBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'decline'\"\n    [loading]=\"loading === 'decline'\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n    {{ declineBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n" }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiDeleteConfirmationDialogComponent {
+    titleId = input();
+    /** @defaultValue '' */
+    heading = input('');
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.MESSAGE:Do you really want to delete the selected elements?`
+     * ```
+     */
+    message = input($localize `:@@SI_DELETE_CONFIRMATION_DIALOG.MESSAGE:Do you really want to delete the selected elements?`);
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN:Delete`
+     * ```
+     */
+    deleteBtnName = input($localize `:@@SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN:Delete`);
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN:Cancel`
+     * ```
+     */
+    cancelBtnName = input($localize `:@@SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN:Cancel`);
+    /**
+     * @defaultValue
+     * ```
+     * {}
+     * ```
+     */
+    translationParams = input({});
+    /** @defaultValue '' */
+    icon = input('');
+    modalRef = inject((ModalRef));
+    loading$ = this.modalRef.message.pipe(take(1));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiDeleteConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiDeleteConfirmationDialogComponent, isStandalone: true, selector: "si-delete-confirmation-dialog", inputs: { titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, deleteBtnName: { classPropertyName: "deleteBtnName", publicName: "deleteBtnName", isSignal: true, isRequired: false, transformFunction: null }, cancelBtnName: { classPropertyName: "cancelBtnName", publicName: "cancelBtnName", isSignal: true, isRequired: false, transformFunction: null }, translationParams: { classPropertyName: "translationParams", publicName: "translationParams", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'delete'\"\n    [loading]=\"loading === 'delete'\"\n    (click)=\"modalRef.messageOrHide('delete')\"\n  >\n    {{ deleteBtnName() | translate }}\n  </si-loading-button>\n</div>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1.SiTranslatePipe, name: "translate" }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiDeleteConfirmationDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-delete-confirmation-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, SiIconNextComponent, SiTranslateModule, SiLoadingButtonComponent], template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'delete'\"\n    [loading]=\"loading === 'delete'\"\n    (click)=\"modalRef.messageOrHide('delete')\"\n  >\n    {{ deleteBtnName() | translate }}\n  </si-loading-button>\n</div>\n" }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiEditDiscardDialogComponent {
+    titleId = input();
+    /** @defaultValue '' */
+    heading = input('');
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Do you want to save changes to the modified element?`
+     * ```
+     */
+    message = input($localize `:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Do you want to save changes to the modified element?`);
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_EDIT_DISCARD_DIALOG.SAVE_BTN:Save`
+     * ```
+     */
+    saveBtnName = input($localize `:@@SI_EDIT_DISCARD_DIALOG.SAVE_BTN:Save`);
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_EDIT_DISCARD_DIALOG.DISCARD_BTN:Don't save`
+     * ```
+     */
+    discardBtnName = input($localize `:@@SI_EDIT_DISCARD_DIALOG.DISCARD_BTN:Don't save`);
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_EDIT_DISCARD_DIALOG.CANCEL_BTN:Cancel`
+     * ```
+     */
+    cancelBtnName = input($localize `:@@SI_EDIT_DISCARD_DIALOG.CANCEL_BTN:Cancel`);
+    /** @defaultValue false */
+    disableSave = input(false, { transform: booleanAttribute });
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Do you want to discard the changes`
+     * ```
+     */
+    disableSaveMessage = input($localize `:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Do you want to discard the changes`);
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN:Discard`
+     * ```
+     */
+    disableSaveDiscardBtnName = input($localize `:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN:Discard`);
+    /**
+     * @defaultValue
+     * ```
+     * {}
+     * ```
+     */
+    translationParams = input({});
+    /** @defaultValue '' */
+    icon = input('');
+    modalRef = inject((ModalRef));
+    loading$ = this.modalRef.message.pipe(take(1));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiEditDiscardDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiEditDiscardDialogComponent, isStandalone: true, selector: "si-edit-discard-dialog", inputs: { titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, saveBtnName: { classPropertyName: "saveBtnName", publicName: "saveBtnName", isSignal: true, isRequired: false, transformFunction: null }, discardBtnName: { classPropertyName: "discardBtnName", publicName: "discardBtnName", isSignal: true, isRequired: false, transformFunction: null }, cancelBtnName: { classPropertyName: "cancelBtnName", publicName: "cancelBtnName", isSignal: true, isRequired: false, transformFunction: null }, disableSave: { classPropertyName: "disableSave", publicName: "disableSave", isSignal: true, isRequired: false, transformFunction: null }, disableSaveMessage: { classPropertyName: "disableSaveMessage", publicName: "disableSaveMessage", isSignal: true, isRequired: false, transformFunction: null }, disableSaveDiscardBtnName: { classPropertyName: "disableSaveDiscardBtnName", publicName: "disableSaveDiscardBtnName", isSignal: true, isRequired: false, transformFunction: null }, translationParams: { classPropertyName: "translationParams", publicName: "translationParams", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  (!disableSave() ? message() : disableSaveMessage()) | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'discard'\"\n    [loading]=\"loading === 'discard'\"\n    (click)=\"modalRef.messageOrHide('discard')\"\n  >\n    {{ (!disableSave() ? discardBtnName() : disableSaveDiscardBtnName()) | translate }}\n  </si-loading-button>\n  @if (!disableSave()) {\n    <si-loading-button\n      buttonClass=\"btn btn-primary\"\n      [disabled]=\"!!loading && loading !== 'save'\"\n      [loading]=\"loading === 'save'\"\n      (click)=\"modalRef.messageOrHide('save')\"\n    >\n      {{ saveBtnName() | translate }}\n    </si-loading-button>\n  }\n</div>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1.SiTranslatePipe, name: "translate" }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiEditDiscardDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-edit-discard-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, SiIconNextComponent, SiTranslateModule, SiLoadingButtonComponent], template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  (!disableSave() ? message() : disableSaveMessage()) | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'discard'\"\n    [loading]=\"loading === 'discard'\"\n    (click)=\"modalRef.messageOrHide('discard')\"\n  >\n    {{ (!disableSave() ? discardBtnName() : disableSaveDiscardBtnName()) | translate }}\n  </si-loading-button>\n  @if (!disableSave()) {\n    <si-loading-button\n      buttonClass=\"btn btn-primary\"\n      [disabled]=\"!!loading && loading !== 'save'\"\n      [loading]=\"loading === 'save'\"\n      (click)=\"modalRef.messageOrHide('save')\"\n    >\n      {{ saveBtnName() | translate }}\n    </si-loading-button>\n  }\n</div>\n" }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+const ACTION_DIALOG_COMPONENT = {
+    'alert': SiAlertDialogComponent,
+    'confirmation': SiConfirmationDialogComponent,
+    'delete-confirm': SiDeleteConfirmationDialogComponent,
+    'edit-discard': SiEditDiscardDialogComponent
+};
+const ACTION_DIALOG_DEFAULT_CLOSE_VALUE = {
+    'alert': 'confirm',
+    'confirmation': 'decline',
+    'delete-confirm': 'cancel',
+    'edit-discard': 'cancel'
+};
+/**
+ * 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.
+ */
+class SiActionDialogService {
+    modalService = inject(SiModalService);
+    /**
+     * Show an alert dialog.
+     * @deprecated use `showActionDialog({ type: 'alert', ... })` instead
+     */
+    showAlertDialog(message, heading, confirmBtnName, translationParams, icon, diOptions) {
+        return this.showActionDialog({
+            type: 'alert',
+            icon,
+            message,
+            heading,
+            confirmBtnName,
+            translationParams
+        }, diOptions);
+    }
+    /**
+     * Show a confirmation dialog.
+     * @deprecated use `showActionDialog({ type: 'confirmation', ... })` instead
+     */
+    showConfirmationDialog(message, heading, confirmBtnName, declineBtnName, translationParams, icon, diOptions) {
+        return this.showActionDialog({
+            type: 'confirmation',
+            icon,
+            message,
+            heading,
+            confirmBtnName,
+            declineBtnName,
+            translationParams
+        }, diOptions);
+    }
+    /**
+     * Show an edit dialog with the option to discard.
+     * @deprecated use `showActionDialog({ type: 'edit-discard', ... })` instead
+     */
+    showEditDiscardDialog(disableSave, message, heading, saveBtnName, discardBtnName, cancelBtnName, disableSaveMessage, disableSaveDiscardBtnName, translationParams, icon, diOptions) {
+        return this.showActionDialog({
+            type: 'edit-discard',
+            message,
+            heading,
+            icon,
+            disableSave,
+            saveBtnName,
+            cancelBtnName,
+            discardBtnName,
+            disableSaveMessage,
+            disableSaveDiscardBtnName,
+            translationParams
+        }, diOptions);
+    }
+    /**
+     * Show a dialog confirming a deletion.
+     * @deprecated use `showActionDialog({ type: 'delete-confirm', ... })` instead
+     */
+    showDeleteConfirmationDialog(message, heading, deleteBtnName, cancelBtnName, translationParams, icon, diOptions) {
+        return this.showActionDialog({
+            type: 'delete-confirm',
+            icon,
+            message,
+            heading,
+            deleteBtnName,
+            cancelBtnName,
+            translationParams
+        }, diOptions);
+    }
+    /**
+     * 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(dialog, diOptions) {
+        return new Observable(subscriber => {
+            const { type, delayDismiss, ...inputs } = dialog;
+            const config = createModalConfig(inputs);
+            config.keyboard = true;
+            config.messageInsteadOfAutoHide = !!delayDismiss;
+            Object.assign(config, diOptions);
+            const modalRef = this.modalService.show(ACTION_DIALOG_COMPONENT[type], config, ACTION_DIALOG_DEFAULT_CLOSE_VALUE[type]);
+            let subscription;
+            if (delayDismiss) {
+                // `any`because TS cannot infer types correctly
+                subscription = modalRef.message
+                    .pipe(take(1), switchMap(delayDismiss))
+                    .subscribe(modalRef.hide);
+            }
+            // ModalRef always allows emitting undefined. But we know that we don't emit undefined here, so do typecast.
+            modalRef.hidden.subscribe(subscriber);
+            return () => {
+                subscription?.unsubscribe();
+                modalRef.detach();
+            };
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiActionDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiActionDialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiActionDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/** @deprecated Will be removed in a future release. Use the string values directly. */
+const AlertDialogResult = {
+    Confirm: 'confirm'
+};
+/** @deprecated Will be removed in a future release. Use the string values directly. */
+const EditDiscardDialogResult = {
+    Save: 'save',
+    Discard: 'discard',
+    Cancel: 'cancel'
+};
+/** @deprecated Will be removed in a future release. Use the string values directly. */
+const ConfirmationDialogResult = {
+    Confirm: 'confirm',
+    Decline: 'decline'
+};
+/** @deprecated Will be removed in a future release. Use the string values directly. */
+const DeleteConfirmationDialogResult = {
+    Delete: 'delete',
+    Cancel: 'cancel'
+};
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AlertDialogResult, ConfirmationDialogResult, DeleteConfirmationDialogResult, EditDiscardDialogResult, SiActionDialogService };
+//# sourceMappingURL=siemens-element-ng-action-modal.mjs.map

package/fesm2022/siemens-element-ng-action-modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-action-modal.mjs","sources":["../../../../projects/element-ng/action-modal/si-alert-dialog/si-alert-dialog.component.ts","../../../../projects/element-ng/action-modal/si-alert-dialog/si-alert-dialog.component.html","../../../../projects/element-ng/action-modal/si-confirmation-dialog/si-confirmation-dialog.component.ts","../../../../projects/element-ng/action-modal/si-confirmation-dialog/si-confirmation-dialog.component.html","../../../../projects/element-ng/action-modal/si-delete-confirmation-dialog/si-delete-confirmation-dialog.component.ts","../../../../projects/element-ng/action-modal/si-delete-confirmation-dialog/si-delete-confirmation-dialog.component.html","../../../../projects/element-ng/action-modal/si-edit-discard-dialog/si-edit-discard-dialog.component.ts","../../../../projects/element-ng/action-modal/si-edit-discard-dialog/si-edit-discard-dialog.component.html","../../../../projects/element-ng/action-modal/si-action-dialog.service.ts","../../../../projects/element-ng/action-modal/si-action-dialog.types.ts","../../../../projects/element-ng/action-modal/index.ts","../../../../projects/element-ng/action-modal/siemens-element-ng-action-modal.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';\nimport { SiIconNextComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingButtonComponent } from '@siemens/element-ng/loading-spinner';\nimport { ModalRef } from '@siemens/element-ng/modal';\nimport { SiTranslateModule, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { take } from 'rxjs';\n\nimport { AlertDialogResult } from '../si-action-dialog.types';\n\n@Component({\n  selector: 'si-alert-dialog',\n  templateUrl: './si-alert-dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AsyncPipe, SiIconNextComponent, SiTranslateModule, SiLoadingButtonComponent]\n})\nexport class SiAlertDialogComponent {\n  readonly titleId = input<string>();\n  /** @defaultValue '' */\n  readonly heading = input<TranslatableString>('');\n  /** @defaultValue '' */\n  readonly message = input<TranslatableString>('');\n  /**\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_ALERT_DIALOG.OK:OK`\n   * ```\n   */\n  readonly confirmBtnName = input($localize`:@@SI_ALERT_DIALOG.OK:OK`);\n  /**\n   * @defaultValue\n   * ```\n   * {}\n   * ```\n   */\n  readonly translationParams = input<{ [key: string]: any }>({});\n  /** @defaultValue '' */\n  readonly icon = input('');\n\n  protected modalRef = inject(ModalRef<SiAlertDialogComponent, AlertDialogResult>);\n  protected loading$ = this.modalRef.message.pipe(take(1));\n}\n","@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"confirmBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';\nimport { SiIconNextComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingButtonComponent } from '@siemens/element-ng/loading-spinner';\nimport { ModalRef } from '@siemens/element-ng/modal';\nimport { SiTranslateModule, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { take } from 'rxjs';\n\nimport { ConfirmationDialogResult } from '../si-action-dialog.types';\n\n@Component({\n  selector: 'si-confirmation-dialog',\n  templateUrl: './si-confirmation-dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AsyncPipe, SiIconNextComponent, SiTranslateModule, SiLoadingButtonComponent]\n})\nexport class SiConfirmationDialogComponent {\n  readonly titleId = input<string>();\n  /** @defaultValue '' */\n  readonly heading = input<TranslatableString>('');\n  /** @defaultValue '' */\n  readonly message = input<TranslatableString>('');\n  /**\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_CONFIRMATION_DIALOG.YES:Yes`\n   * ```\n   */\n  readonly confirmBtnName = input($localize`:@@SI_CONFIRMATION_DIALOG.YES:Yes`);\n  /**\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_CONFIRMATION_DIALOG.NO:No`\n   * ```\n   */\n  readonly declineBtnName = input($localize`:@@SI_CONFIRMATION_DIALOG.NO:No`);\n  /**\n   * @defaultValue\n   * ```\n   * {}\n   * ```\n   */\n  readonly translationParams = input<{ [key: string]: any }>({});\n  /** @defaultValue '' */\n  readonly icon = input('');\n\n  protected modalRef = inject(ModalRef<SiConfirmationDialogComponent, ConfirmationDialogResult>);\n  protected loading$ = this.modalRef.message.pipe(take(1));\n}\n","@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"declineBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'decline'\"\n    [loading]=\"loading === 'decline'\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n    {{ declineBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';\nimport { SiIconNextComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingButtonComponent } from '@siemens/element-ng/loading-spinner';\nimport { ModalRef } from '@siemens/element-ng/modal';\nimport { SiTranslateModule, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { take } from 'rxjs';\n\nimport { DeleteConfirmationDialogResult } from '../si-action-dialog.types';\n\n@Component({\n  selector: 'si-delete-confirmation-dialog',\n  templateUrl: './si-delete-confirmation-dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AsyncPipe, SiIconNextComponent, SiTranslateModule, SiLoadingButtonComponent]\n})\nexport class SiDeleteConfirmationDialogComponent {\n  readonly titleId = input<string>();\n  /** @defaultValue '' */\n  readonly heading = input<TranslatableString>('');\n  /**\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.MESSAGE:Do you really want to delete the selected elements?`\n   * ```\n   */\n  readonly message = input(\n    $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.MESSAGE:Do you really want to delete the selected elements?`\n  );\n  /**\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN:Delete`\n   * ```\n   */\n  readonly deleteBtnName = input($localize`:@@SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN:Delete`);\n  /**\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN:Cancel`\n   * ```\n   */\n  readonly cancelBtnName = input($localize`:@@SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN:Cancel`);\n  /**\n   * @defaultValue\n   * ```\n   * {}\n   * ```\n   */\n  readonly translationParams = input<{ [key: string]: any }>({});\n  /** @defaultValue '' */\n  readonly icon = input('');\n\n  protected modalRef = inject(\n    ModalRef<SiDeleteConfirmationDialogComponent, DeleteConfirmationDialogResult>\n  );\n  protected loading$ = this.modalRef.message.pipe(take(1));\n}\n","@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'delete'\"\n    [loading]=\"loading === 'delete'\"\n    (click)=\"modalRef.messageOrHide('delete')\"\n  >\n    {{ deleteBtnName() | translate }}\n  </si-loading-button>\n</div>\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { AsyncPipe } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, inject, input } from '@angular/core';\nimport { SiIconNextComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingButtonComponent } from '@siemens/element-ng/loading-spinner';\nimport { ModalRef } from '@siemens/element-ng/modal';\nimport { SiTranslateModule, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { take } from 'rxjs';\n\nimport { EditDiscardDialogResult } from '../si-action-dialog.types';\n\n@Component({\n  selector: 'si-edit-discard-dialog',\n  templateUrl: './si-edit-discard-dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AsyncPipe, SiIconNextComponent, SiTranslateModule, SiLoadingButtonComponent]\n})\nexport class SiEditDiscardDialogComponent {\n  readonly titleId = input<string>();\n  /** @defaultValue '' */\n  readonly heading = input<TranslatableString>('');\n  /**\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Do you want to save changes to the modified element?`\n   * ```\n   */\n  readonly message = input(\n    $localize`:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Do you want to save changes to the modified element?`\n  );\n  /**\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_EDIT_DISCARD_DIALOG.SAVE_BTN:Save`\n   * ```\n   */\n  readonly saveBtnName = input($localize`:@@SI_EDIT_DISCARD_DIALOG.SAVE_BTN:Save`);\n  /**\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_EDIT_DISCARD_DIALOG.DISCARD_BTN:Don't save`\n   * ```\n   */\n  readonly discardBtnName = input($localize`:@@SI_EDIT_DISCARD_DIALOG.DISCARD_BTN:Don't save`);\n  /**\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_EDIT_DISCARD_DIALOG.CANCEL_BTN:Cancel`\n   * ```\n   */\n  readonly cancelBtnName = input($localize`:@@SI_EDIT_DISCARD_DIALOG.CANCEL_BTN:Cancel`);\n  /** @defaultValue false */\n  readonly disableSave = input(false, { transform: booleanAttribute });\n  /**\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Do you want to discard the changes`\n   * ```\n   */\n  readonly disableSaveMessage = input<TranslatableString>(\n    $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Do you want to discard the changes`\n  );\n  /**\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN:Discard`\n   * ```\n   */\n  readonly disableSaveDiscardBtnName = input<TranslatableString>(\n    $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN:Discard`\n  );\n  /**\n   * @defaultValue\n   * ```\n   * {}\n   * ```\n   */\n  readonly translationParams = input<{ [key: string]: any }>({});\n  /** @defaultValue '' */\n  readonly icon = input('');\n\n  protected modalRef = inject(ModalRef<SiEditDiscardDialogComponent, EditDiscardDialogResult>);\n  protected loading$ = this.modalRef.message.pipe(take(1));\n}\n","@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  (!disableSave() ? message() : disableSaveMessage()) | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'discard'\"\n    [loading]=\"loading === 'discard'\"\n    (click)=\"modalRef.messageOrHide('discard')\"\n  >\n    {{ (!disableSave() ? discardBtnName() : disableSaveDiscardBtnName()) | translate }}\n  </si-loading-button>\n  @if (!disableSave()) {\n    <si-loading-button\n      buttonClass=\"btn btn-primary\"\n      [disabled]=\"!!loading && loading !== 'save'\"\n      [loading]=\"loading === 'save'\"\n      (click)=\"modalRef.messageOrHide('save')\"\n    >\n      {{ saveBtnName() | translate }}\n    </si-loading-button>\n  }\n</div>\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { inject, Injectable } from '@angular/core';\nimport {\n  createModalConfig,\n  ModalDependencyInjectionOptions,\n  SiModalService\n} from '@siemens/element-ng/modal';\nimport { Observable, Subscriber, Subscription, switchMap, take } from 'rxjs';\n\nimport {\n  ActionDialog,\n  ActionDialogReturnType,\n  AlertDialogResult,\n  ConfirmationDialogResult,\n  DeleteConfirmationDialogResult,\n  EditDiscardDialogResult\n} from './si-action-dialog.types';\nimport { SiAlertDialogComponent } from './si-alert-dialog/si-alert-dialog.component';\nimport { SiConfirmationDialogComponent } from './si-confirmation-dialog/si-confirmation-dialog.component';\nimport { SiDeleteConfirmationDialogComponent } from './si-delete-confirmation-dialog/si-delete-confirmation-dialog.component';\nimport { SiEditDiscardDialogComponent } from './si-edit-discard-dialog/si-edit-discard-dialog.component';\n\nconst ACTION_DIALOG_COMPONENT: Record<ActionDialog['type'], new (...args: any[]) => any> = {\n  'alert': SiAlertDialogComponent,\n  'confirmation': SiConfirmationDialogComponent,\n  'delete-confirm': SiDeleteConfirmationDialogComponent,\n  'edit-discard': SiEditDiscardDialogComponent\n};\n\nconst ACTION_DIALOG_DEFAULT_CLOSE_VALUE: Record<ActionDialog['type'], string> = {\n  'alert': 'confirm',\n  'confirmation': 'decline',\n  'delete-confirm': 'cancel',\n  'edit-discard': 'cancel'\n};\n\n/**\n * The service provides convenient methods to show common modal dialogs.\n * All return an observable, which emit the dialog results. After emitting,\n * the observables complete. Therefore, clients do not need to unsubscribe.\n */\n@Injectable({ providedIn: 'root' })\nexport class SiActionDialogService {\n  private modalService = inject(SiModalService);\n\n  /**\n   * Show an alert dialog.\n   * @deprecated use `showActionDialog({ type: 'alert', ... })` instead\n   */\n  showAlertDialog(\n    message: string,\n    heading?: string,\n    confirmBtnName?: string,\n    translationParams?: { [key: string]: any },\n    icon?: string,\n    diOptions?: ModalDependencyInjectionOptions\n  ): Observable<AlertDialogResult> {\n    return this.showActionDialog(\n      {\n        type: 'alert',\n        icon,\n        message,\n        heading,\n        confirmBtnName,\n        translationParams\n      },\n      diOptions\n    );\n  }\n\n  /**\n   * Show a confirmation dialog.\n   * @deprecated use `showActionDialog({ type: 'confirmation', ... })` instead\n   */\n  showConfirmationDialog(\n    message: string,\n    heading?: string,\n    confirmBtnName?: string,\n    declineBtnName?: string,\n    translationParams?: { [key: string]: any },\n    icon?: string,\n    diOptions?: ModalDependencyInjectionOptions\n  ): Observable<ConfirmationDialogResult> {\n    return this.showActionDialog(\n      {\n        type: 'confirmation',\n        icon,\n        message,\n        heading,\n        confirmBtnName,\n        declineBtnName,\n        translationParams\n      },\n      diOptions\n    );\n  }\n\n  /**\n   * Show an edit dialog with the option to discard.\n   * @deprecated use `showActionDialog({ type: 'edit-discard', ... })` instead\n   */\n  showEditDiscardDialog(\n    disableSave?: boolean,\n    message?: string,\n    heading?: string,\n    saveBtnName?: string,\n    discardBtnName?: string,\n    cancelBtnName?: string,\n    disableSaveMessage?: string,\n    disableSaveDiscardBtnName?: string,\n    translationParams?: { [key: string]: any },\n    icon?: string,\n    diOptions?: ModalDependencyInjectionOptions\n  ): Observable<EditDiscardDialogResult> {\n    return this.showActionDialog(\n      {\n        type: 'edit-discard',\n        message,\n        heading,\n        icon,\n        disableSave,\n        saveBtnName,\n        cancelBtnName,\n        discardBtnName,\n        disableSaveMessage,\n        disableSaveDiscardBtnName,\n        translationParams\n      },\n      diOptions\n    );\n  }\n\n  /**\n   * Show a dialog confirming a deletion.\n   * @deprecated use `showActionDialog({ type: 'delete-confirm', ... })` instead\n   */\n  showDeleteConfirmationDialog(\n    message?: string,\n    heading?: string,\n    deleteBtnName?: string,\n    cancelBtnName?: string,\n    translationParams?: { [key: string]: any },\n    icon?: string,\n    diOptions?: ModalDependencyInjectionOptions\n  ): Observable<DeleteConfirmationDialogResult> {\n    return this.showActionDialog(\n      {\n        type: 'delete-confirm',\n        icon,\n        message,\n        heading,\n        deleteBtnName,\n        cancelBtnName,\n        translationParams\n      },\n      diOptions\n    );\n  }\n\n  /**\n   * Shows an action dialog\n   * @param dialog - The dialog configuration\n   * @param diOptions - Optional DI configuration.\n   * @returns Observable for the result of the dialog. Need to `subscribe()` to show the dialog\n   */\n  showActionDialog<T extends ActionDialog>(\n    dialog: T,\n    diOptions?: ModalDependencyInjectionOptions\n  ): Observable<ActionDialogReturnType<T>> {\n    return new Observable<ActionDialogReturnType<T>>(subscriber => {\n      const { type, delayDismiss, ...inputs } = dialog;\n      const config = createModalConfig(inputs);\n\n      config.keyboard = true;\n      config.messageInsteadOfAutoHide = !!delayDismiss;\n      Object.assign(config, diOptions);\n\n      const modalRef = this.modalService.show(\n        ACTION_DIALOG_COMPONENT[type],\n        config,\n        ACTION_DIALOG_DEFAULT_CLOSE_VALUE[type] as ActionDialogReturnType<T>\n      );\n\n      let subscription: Subscription | undefined;\n      if (delayDismiss) {\n        // `any`because TS cannot infer types correctly\n        subscription = modalRef.message\n          .pipe(take(1), switchMap(delayDismiss as any))\n          .subscribe(modalRef.hide);\n      }\n      // ModalRef always allows emitting undefined. But we know that we don't emit undefined here, so do typecast.\n      modalRef.hidden.subscribe(subscriber as Subscriber<ActionDialogReturnType<T> | undefined>);\n\n      return () => {\n        subscription?.unsubscribe();\n        modalRef.detach();\n      };\n    });\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\n/* eslint-disable @typescript-eslint/naming-convention */\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { Observable } from 'rxjs';\n\n/** @deprecated Will be removed in a future release. Use the string values directly. */\n\nexport const AlertDialogResult = {\n  Confirm: 'confirm'\n} as const;\n\nexport type AlertDialogResult = (typeof AlertDialogResult)[keyof typeof AlertDialogResult];\n\n/** @deprecated Will be removed in a future release. Use the string values directly. */\nexport const EditDiscardDialogResult = {\n  Save: 'save',\n  Discard: 'discard',\n  Cancel: 'cancel'\n} as const;\n\nexport type EditDiscardDialogResult =\n  (typeof EditDiscardDialogResult)[keyof typeof EditDiscardDialogResult];\n\n/** @deprecated Will be removed in a future release. Use the string values directly. */\nexport const ConfirmationDialogResult = {\n  Confirm: 'confirm',\n  Decline: 'decline'\n} as const;\n\nexport type ConfirmationDialogResult =\n  (typeof ConfirmationDialogResult)[keyof typeof ConfirmationDialogResult];\n\n/** @deprecated Will be removed in a future release. Use the string values directly. */\nexport const DeleteConfirmationDialogResult = {\n  Delete: 'delete',\n  Cancel: 'cancel'\n} as const;\n\nexport type DeleteConfirmationDialogResult =\n  (typeof DeleteConfirmationDialogResult)[keyof typeof DeleteConfirmationDialogResult];\n\n/**\n * Base type for all action dialogs\n * @typeParam TResult - Type of the dialog result.\n */\ninterface ActionDialogBase<TResult> {\n  /** The message. */\n  message?: TranslatableString;\n  /** The heading. */\n  heading?: TranslatableString;\n  /** Icon displayed in the heading. */\n  icon?: string;\n  /** Parameters for the translate pipe. */\n  translationParams?: Record<string, any>;\n  /**\n   * Callback for delaying dismiss with a progress indicator until the\n   * returned {@link Observable} emits.\n   */\n  delayDismiss?: (result: TResult) => Observable<TResult>;\n}\n\n/** An action dialog showing an alert */\nexport interface AlertDialog extends ActionDialogBase<AlertDialogResult> {\n  type: 'alert';\n  /** Label of the confirmation button. */\n  confirmBtnName?: TranslatableString;\n}\n\n/** An action dialog for a confirmation. */\nexport interface ConfirmationDialog extends ActionDialogBase<ConfirmationDialogResult> {\n  type: 'confirmation';\n  /** Label of the confirmation button. */\n  confirmBtnName?: TranslatableString;\n  /** Label of the decline button. */\n  declineBtnName?: TranslatableString;\n}\n\n/** An action dialog for an edit/discard prompt. */\nexport interface EditDiscardDialog extends ActionDialogBase<EditDiscardDialogResult> {\n  type: 'edit-discard';\n  /** Whether to disable the save button. */\n  disableSave?: boolean;\n  /** Label of the save button. */\n  saveBtnName?: TranslatableString;\n  /** Label of the discard button. */\n  discardBtnName?: TranslatableString;\n  /** Label of the cancel button. */\n  cancelBtnName?: TranslatableString;\n  /** Message when {@link disableSave} is set. */\n  disableSaveMessage?: TranslatableString;\n  /** Label of the discard button when {@link disableSave} is set. */\n  disableSaveDiscardBtnName?: TranslatableString;\n}\n\n/** An action dialog for a delete confirmation. */\nexport interface DeleteConfirmationDialog extends ActionDialogBase<DeleteConfirmationDialogResult> {\n  type: 'delete-confirm';\n  /** Label of the delete button. */\n  deleteBtnName?: TranslatableString;\n  /** Label of the cancel button. */\n  cancelBtnName?: TranslatableString;\n}\n\n/** All possible action dialogs. */\nexport type ActionDialog =\n  | AlertDialog\n  | ConfirmationDialog\n  | EditDiscardDialog\n  | DeleteConfirmationDialog\n  | never;\n\n/** Returns the return value type for the given action dialog type */\nexport type ActionDialogReturnType<T extends ActionDialogBase<any>> = T extends AlertDialog\n  ? AlertDialogResult\n  : T extends ConfirmationDialog\n    ? ConfirmationDialogResult\n    : T extends EditDiscardDialog\n      ? EditDiscardDialogResult\n      : T extends DeleteConfirmationDialog\n        ? DeleteConfirmationDialogResult\n        : never;\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-action-dialog.service';\nexport * from './si-action-dialog.types';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/siemens-element-ng-application-header.mjs

@@ -612,7 +612,7 @@ class SiLaunchpadAppComponent {
         this.header.closeLaunchpad();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiLaunchpadAppComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiLaunchpadAppComponent, isStandalone: true, selector: "a[si-launchpad-app]", inputs: { external: { classPropertyName: "external", publicName: "external", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, enableFavoriteToggle: { classPropertyName: "enableFavoriteToggle", publicName: "enableFavoriteToggle", isSignal: true, isRequired: false, transformFunction: null }, favorite: { classPropertyName: "favorite", publicName: "favorite", isSignal: true, isRequired: false, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { favorite: "favoriteChange" }, host: { listeners: { "keydown.space": "favoriteClicked($event)", "click": "click()" }, properties: { "class.active": "active()", "class.action": "action()" }, classAttribute: "focus-inside" }, ngImport: i0, template: "@if (iconUrl()) {\n  <img alt=\"\" width=\"64\" height=\"64\" class=\"app-icon\" [src]=\"iconUrl()\" />\n} @else if (iconClass()) {\n  <si-icon-next class=\"app-icon\" [icon]=\"iconClass()!\" />\n}\n<div class=\"si-title-2 text-truncate mw-100\">\n  <ng-content select=\"[app-name]\" />\n  @if (external()) {\n    <si-icon-next class=\"icon mt-n2\" [icon]=\"icons.elementExport\" />\n  }\n</div>\n<div class=\"si-body-2 text-truncate mw-100\">\n  <ng-content select=\"[app-systemName]\" />\n</div>\n@if (enableFavoriteToggle()) {\n  <si-icon-next\n    class=\"favorite-icon\"\n    [class.is-favorite]=\"favorite()\"\n    [icon]=\"favorite() ? icons.elementFavoritesFilled : icons.elementFavorites\"\n    (click)=\"favoriteClicked($event)\"\n  />\n}\n", styles: [":host{display:flex;align-items:center;flex-flow:column nowrap;position:relative;padding-block:20px;inline-size:152px;max-inline-size:152px;padding-inline:4px;color:var(--element-text-primary);border-radius:var(--element-radius-2)}:host.active{border:1px solid var(--element-ui-0);background-color:var(--element-base-1-hover)}:host.action{color:var(--element-action-primary)}:host:hover{color:var(--element-text-primary);text-decoration:none;background-color:var(--element-base-1-hover)}.app-icon{display:flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;margin-block-end:8px;border-radius:var(--element-radius-2)}.favorite-icon{font-size:20px;position:absolute;inset-inline-end:22px;inset-block-start:10px;padding:2px;color:var(--element-text-primary)}.is-favorite{color:var(--element-status-caution)}\n"], dependencies: [{ kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiLaunchpadAppComponent, isStandalone: true, selector: "a[si-launchpad-app]", inputs: { external: { classPropertyName: "external", publicName: "external", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, enableFavoriteToggle: { classPropertyName: "enableFavoriteToggle", publicName: "enableFavoriteToggle", isSignal: true, isRequired: false, transformFunction: null }, favorite: { classPropertyName: "favorite", publicName: "favorite", isSignal: true, isRequired: false, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { favorite: "favoriteChange" }, host: { listeners: { "keydown.space": "favoriteClicked($event)", "click": "click()" }, properties: { "class.active": "active()", "class.action": "action()" }, classAttribute: "focus-inside" }, ngImport: i0, template: "@if (iconUrl()) {\n  <img alt=\"\" width=\"64\" height=\"64\" class=\"app-icon\" [src]=\"iconUrl()\" />\n} @else if (iconClass()) {\n  <si-icon-next class=\"app-icon\" [icon]=\"iconClass()!\" />\n}\n<div class=\"si-title-2 text-truncate mw-100\">\n  <ng-content select=\"[app-name]\" />\n  @if (external()) {\n    <si-icon-next class=\"icon mt-n2\" [icon]=\"icons.elementExport\" />\n  }\n</div>\n<div class=\"si-body-2 text-truncate mw-100\">\n  <ng-content select=\"[app-systemName]\" />\n</div>\n@if (enableFavoriteToggle()) {\n  <si-icon-next\n    class=\"favorite-icon\"\n    [class.is-favorite]=\"favorite()\"\n    [icon]=\"favorite() ? icons.elementFavoritesFilled : icons.elementFavorites\"\n    (click)=\"favoriteClicked($event)\"\n  />\n}\n", styles: [":host{display:flex;align-items:center;flex-flow:column nowrap;position:relative;padding-block:20px;inline-size:152px;max-inline-size:152px;padding-inline:4px;color:var(--element-text-primary);border-radius:var(--element-radius-2)}:host.active{border:1px solid var(--element-ui-0);background-color:var(--element-base-1-hover)}:host.action{color:var(--element-action-primary)}:host:hover{color:var(--element-text-primary);text-decoration:none;background-color:var(--element-base-1-hover)}.app-icon{display:flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;margin-block-end:8px;border-radius:var(--element-radius-2)}.app-icon:is(si-icon-next){background:var(--element-launchpad-app-background);font-size:40px;padding:4px;color:var(--element-launchpad-app-color)}.favorite-icon{font-size:20px;position:absolute;inset-inline-end:22px;inset-block-start:10px;padding:2px;color:var(--element-text-primary)}.is-favorite{color:var(--element-status-caution)}\n"], dependencies: [{ kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiLaunchpadAppComponent, decorators: [{
             type: Component,
@@ -620,7 +620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
                         class: 'focus-inside',
                         '[class.active]': 'active()',
                         '[class.action]': 'action()'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (iconUrl()) {\n  <img alt=\"\" width=\"64\" height=\"64\" class=\"app-icon\" [src]=\"iconUrl()\" />\n} @else if (iconClass()) {\n  <si-icon-next class=\"app-icon\" [icon]=\"iconClass()!\" />\n}\n<div class=\"si-title-2 text-truncate mw-100\">\n  <ng-content select=\"[app-name]\" />\n  @if (external()) {\n    <si-icon-next class=\"icon mt-n2\" [icon]=\"icons.elementExport\" />\n  }\n</div>\n<div class=\"si-body-2 text-truncate mw-100\">\n  <ng-content select=\"[app-systemName]\" />\n</div>\n@if (enableFavoriteToggle()) {\n  <si-icon-next\n    class=\"favorite-icon\"\n    [class.is-favorite]=\"favorite()\"\n    [icon]=\"favorite() ? icons.elementFavoritesFilled : icons.elementFavorites\"\n    (click)=\"favoriteClicked($event)\"\n  />\n}\n", styles: [":host{display:flex;align-items:center;flex-flow:column nowrap;position:relative;padding-block:20px;inline-size:152px;max-inline-size:152px;padding-inline:4px;color:var(--element-text-primary);border-radius:var(--element-radius-2)}:host.active{border:1px solid var(--element-ui-0);background-color:var(--element-base-1-hover)}:host.action{color:var(--element-action-primary)}:host:hover{color:var(--element-text-primary);text-decoration:none;background-color:var(--element-base-1-hover)}.app-icon{display:flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;margin-block-end:8px;border-radius:var(--element-radius-2)}.favorite-icon{font-size:20px;position:absolute;inset-inline-end:22px;inset-block-start:10px;padding:2px;color:var(--element-text-primary)}.is-favorite{color:var(--element-status-caution)}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (iconUrl()) {\n  <img alt=\"\" width=\"64\" height=\"64\" class=\"app-icon\" [src]=\"iconUrl()\" />\n} @else if (iconClass()) {\n  <si-icon-next class=\"app-icon\" [icon]=\"iconClass()!\" />\n}\n<div class=\"si-title-2 text-truncate mw-100\">\n  <ng-content select=\"[app-name]\" />\n  @if (external()) {\n    <si-icon-next class=\"icon mt-n2\" [icon]=\"icons.elementExport\" />\n  }\n</div>\n<div class=\"si-body-2 text-truncate mw-100\">\n  <ng-content select=\"[app-systemName]\" />\n</div>\n@if (enableFavoriteToggle()) {\n  <si-icon-next\n    class=\"favorite-icon\"\n    [class.is-favorite]=\"favorite()\"\n    [icon]=\"favorite() ? icons.elementFavoritesFilled : icons.elementFavorites\"\n    (click)=\"favoriteClicked($event)\"\n  />\n}\n", styles: [":host{display:flex;align-items:center;flex-flow:column nowrap;position:relative;padding-block:20px;inline-size:152px;max-inline-size:152px;padding-inline:4px;color:var(--element-text-primary);border-radius:var(--element-radius-2)}:host.active{border:1px solid var(--element-ui-0);background-color:var(--element-base-1-hover)}:host.action{color:var(--element-action-primary)}:host:hover{color:var(--element-text-primary);text-decoration:none;background-color:var(--element-base-1-hover)}.app-icon{display:flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;margin-block-end:8px;border-radius:var(--element-radius-2)}.app-icon:is(si-icon-next){background:var(--element-launchpad-app-background);font-size:40px;padding:4px;color:var(--element-launchpad-app-color)}.favorite-icon{font-size:20px;position:absolute;inset-inline-end:22px;inset-block-start:10px;padding:2px;color:var(--element-text-primary)}.is-favorite{color:var(--element-status-caution)}\n"] }]
         }], propDecorators: { favoriteClicked: [{
                 type: HostListener,
                 args: ['keydown.space', ['$event']]