@siemens/element-ng 49.16.0 → 51.0.0-rc.10

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, inject, ChangeDetectionStrategy, Component, booleanAttribute, Injectable } from '@angular/core';
+import { input, inject, 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';
@@ -14,17 +14,20 @@ import { t, SiTranslatePipe } from '@siemens/element-translate-ng/translate';
  */
 class SiAlertDialogComponent {
     /** ID of the dialog title element used for accessible naming. */
-    titleId = input(...(ngDevMode ? [undefined, { debugName: "titleId" }] : []));
+    titleId = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "titleId" }] : /* istanbul ignore next */ []));
     /**
      * Heading displayed in the dialog.
      * @defaultValue ''
      */
-    heading = input('', ...(ngDevMode ? [{ debugName: "heading" }] : []));
+    heading = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
     /**
      * Message displayed in the dialog.
      * @defaultValue ''
      */
-    message = input('', ...(ngDevMode ? [{ debugName: "message" }] : []));
+    message = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
     /**
      * Label displayed on the confirmation button.
      * @defaultValue
@@ -32,7 +35,8 @@ class SiAlertDialogComponent {
      * t(() => $localize`:@@SI_ALERT_DIALOG.OK:OK`)
      * ```
      */
-    confirmBtnName = input(t(() => $localize `:@@SI_ALERT_DIALOG.OK:OK`), ...(ngDevMode ? [{ debugName: "confirmBtnName" }] : []));
+    confirmBtnName = input(t(() => $localize `:@@SI_ALERT_DIALOG.OK:OK`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "confirmBtnName" }] : /* istanbul ignore next */ []));
     /**
      * Parameters interpolated into the translated heading and message.
      * @defaultValue
@@ -40,21 +44,23 @@ class SiAlertDialogComponent {
      * {}
      * ```
      */
-    translationParams = input({}, ...(ngDevMode ? [{ debugName: "translationParams" }] : []));
+    translationParams = input({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translationParams" }] : /* istanbul ignore next */ []));
     /**
      * Icon displayed next to the dialog content.
      * @defaultValue ''
      */
-    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     modalRef = inject((ModalRef));
     loading$ = this.modalRef.message.pipe(take(1));
     icons = addIcons({ elementCancel });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAlertDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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 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-tertiary-ghost\"\n    [attr.aria-label]=\"confirmBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\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: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAlertDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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 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-tertiary-ghost\"\n    [attr.aria-label]=\"confirmBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\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: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAlertDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAlertDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-alert-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon 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-tertiary-ghost\"\n    [attr.aria-label]=\"confirmBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\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" }]
+            args: [{ selector: 'si-alert-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon 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-tertiary-ghost\"\n    [attr.aria-label]=\"confirmBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\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" }]
         }], propDecorators: { titleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleId", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], confirmBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmBtnName", required: false }] }], translationParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "translationParams", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
 
 /**
@@ -63,17 +69,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  */
 class SiConfirmationDialogComponent {
     /** ID of the dialog title element used for accessible naming. */
-    titleId = input(...(ngDevMode ? [undefined, { debugName: "titleId" }] : []));
+    titleId = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "titleId" }] : /* istanbul ignore next */ []));
     /**
      * Heading displayed in the dialog.
      * @defaultValue ''
      */
-    heading = input('', ...(ngDevMode ? [{ debugName: "heading" }] : []));
+    heading = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
     /**
      * Message displayed in the dialog.
      * @defaultValue ''
      */
-    message = input('', ...(ngDevMode ? [{ debugName: "message" }] : []));
+    message = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
     /**
      * Label displayed on the confirmation button.
      * @defaultValue
@@ -81,7 +90,8 @@ class SiConfirmationDialogComponent {
      * t(() => $localize`:@@SI_CONFIRMATION_DIALOG.YES:Yes`)
      * ```
      */
-    confirmBtnName = input(t(() => $localize `:@@SI_CONFIRMATION_DIALOG.YES:Yes`), ...(ngDevMode ? [{ debugName: "confirmBtnName" }] : []));
+    confirmBtnName = input(t(() => $localize `:@@SI_CONFIRMATION_DIALOG.YES:Yes`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "confirmBtnName" }] : /* istanbul ignore next */ []));
     /**
      * Label displayed on the decline button.
      * @defaultValue
@@ -89,7 +99,8 @@ class SiConfirmationDialogComponent {
      * t(() => $localize`:@@SI_CONFIRMATION_DIALOG.NO:No`)
      * ```
      */
-    declineBtnName = input(t(() => $localize `:@@SI_CONFIRMATION_DIALOG.NO:No`), ...(ngDevMode ? [{ debugName: "declineBtnName" }] : []));
+    declineBtnName = input(t(() => $localize `:@@SI_CONFIRMATION_DIALOG.NO:No`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "declineBtnName" }] : /* istanbul ignore next */ []));
     /**
      * Parameters interpolated into the translated heading and message.
      * @defaultValue
@@ -97,20 +108,22 @@ class SiConfirmationDialogComponent {
      * {}
      * ```
      */
-    translationParams = input({}, ...(ngDevMode ? [{ debugName: "translationParams" }] : []));
+    translationParams = input({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translationParams" }] : /* istanbul ignore next */ []));
     /**
      * Icon displayed next to the dialog content.
      * @defaultValue ''
      */
-    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     modalRef = inject((ModalRef));
     loading$ = this.modalRef.message.pipe(take(1));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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 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-tertiary-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: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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 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-tertiary-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: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiConfirmationDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiConfirmationDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-confirmation-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon 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-tertiary-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" }]
+            args: [{ selector: 'si-confirmation-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon 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-tertiary-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" }]
         }], propDecorators: { titleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleId", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], confirmBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmBtnName", required: false }] }], declineBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "declineBtnName", required: false }] }], translationParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "translationParams", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
 
 /**
@@ -119,12 +132,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  */
 class SiDeleteConfirmationDialogComponent {
     /** ID of the dialog title element used for accessible naming. */
-    titleId = input(...(ngDevMode ? [undefined, { debugName: "titleId" }] : []));
+    titleId = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "titleId" }] : /* istanbul ignore next */ []));
     /**
      * Heading displayed in the dialog.
      * @defaultValue ''
      */
-    heading = input('', ...(ngDevMode ? [{ debugName: "heading" }] : []));
+    heading = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
     /**
      * Message displayed in the dialog.
      * @defaultValue
@@ -132,7 +147,8 @@ class SiDeleteConfirmationDialogComponent {
      * t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.MESSAGE:Do you really want to delete the selected elements?`)
      * ```
      */
-    message = input(t(() => $localize `:@@SI_DELETE_CONFIRMATION_DIALOG.MESSAGE:Do you really want to delete the selected elements?`), ...(ngDevMode ? [{ debugName: "message" }] : []));
+    message = input(t(() => $localize `:@@SI_DELETE_CONFIRMATION_DIALOG.MESSAGE:Do you really want to delete the selected elements?`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
     /**
      * Label displayed on the delete button.
      * @defaultValue
@@ -140,7 +156,8 @@ class SiDeleteConfirmationDialogComponent {
      * t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN:Delete`)
      * ```
      */
-    deleteBtnName = input(t(() => $localize `:@@SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN:Delete`), ...(ngDevMode ? [{ debugName: "deleteBtnName" }] : []));
+    deleteBtnName = input(t(() => $localize `:@@SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN:Delete`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "deleteBtnName" }] : /* istanbul ignore next */ []));
     /**
      * Label displayed on the cancel button.
      * @defaultValue
@@ -148,7 +165,8 @@ class SiDeleteConfirmationDialogComponent {
      * t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN:Cancel`)
      * ```
      */
-    cancelBtnName = input(t(() => $localize `:@@SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN:Cancel`), ...(ngDevMode ? [{ debugName: "cancelBtnName" }] : []));
+    cancelBtnName = input(t(() => $localize `:@@SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN:Cancel`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cancelBtnName" }] : /* istanbul ignore next */ []));
     /**
      * Parameters interpolated into the translated heading and message.
      * @defaultValue
@@ -156,21 +174,23 @@ class SiDeleteConfirmationDialogComponent {
      * {}
      * ```
      */
-    translationParams = input({}, ...(ngDevMode ? [{ debugName: "translationParams" }] : []));
+    translationParams = input({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translationParams" }] : /* istanbul ignore next */ []));
     /**
      * Icon displayed next to the dialog content.
      * @defaultValue ''
      */
-    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     modalRef = inject((ModalRef));
     loading$ = this.modalRef.message.pipe(take(1));
     icons = addIcons({ elementCancel });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiDeleteConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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 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-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\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: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiDeleteConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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 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-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\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: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiDeleteConfirmationDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiDeleteConfirmationDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-delete-confirmation-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon 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-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\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" }]
+            args: [{ selector: 'si-delete-confirmation-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon 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-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\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" }]
         }], propDecorators: { titleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleId", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], deleteBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteBtnName", required: false }] }], cancelBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelBtnName", required: false }] }], translationParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "translationParams", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
 
 /**
@@ -179,20 +199,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  */
 class SiEditDiscardDialogComponent {
     /** ID of the dialog title element used for accessible naming. */
-    titleId = input(...(ngDevMode ? [undefined, { debugName: "titleId" }] : []));
+    titleId = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "titleId" }] : /* istanbul ignore next */ []));
     /**
      * Heading displayed in the dialog.
      * @defaultValue ''
      */
-    heading = input('', ...(ngDevMode ? [{ debugName: "heading" }] : []));
+    heading = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
     /**
      * Message displayed in the dialog.
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Do you want to save changes to the modified element?`)
+     * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Save changes?`)
      * ```
      */
-    message = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Do you want to save changes to the modified element?`), ...(ngDevMode ? [{ debugName: "message" }] : []));
+    message = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Save changes?`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
     /**
      * Label displayed on the save button.
      * @defaultValue
@@ -200,7 +223,8 @@ class SiEditDiscardDialogComponent {
      * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.SAVE_BTN:Save`)
      * ```
      */
-    saveBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.SAVE_BTN:Save`), ...(ngDevMode ? [{ debugName: "saveBtnName" }] : []));
+    saveBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.SAVE_BTN:Save`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "saveBtnName" }] : /* istanbul ignore next */ []));
     /**
      * Label displayed on the discard button.
      * @defaultValue
@@ -208,7 +232,8 @@ class SiEditDiscardDialogComponent {
      * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISCARD_BTN:Discard`)
      * ```
      */
-    discardBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.DISCARD_BTN:Discard`), ...(ngDevMode ? [{ debugName: "discardBtnName" }] : []));
+    discardBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.DISCARD_BTN:Discard`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "discardBtnName" }] : /* istanbul ignore next */ []));
     /**
      * Label displayed on the cancel button.
      * @defaultValue
@@ -216,20 +241,22 @@ class SiEditDiscardDialogComponent {
      * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.CANCEL_BTN:Cancel`)
      * ```
      */
-    cancelBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.CANCEL_BTN:Cancel`), ...(ngDevMode ? [{ debugName: "cancelBtnName" }] : []));
+    cancelBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.CANCEL_BTN:Cancel`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cancelBtnName" }] : /* istanbul ignore next */ []));
     /**
      * Whether the save button is disabled.
      * @defaultValue false
      */
-    disableSave = input(false, { ...(ngDevMode ? { debugName: "disableSave" } : {}), transform: booleanAttribute });
+    disableSave = input(false, { ...(ngDevMode ? { debugName: "disableSave" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Message displayed when saving is disabled.
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Do you want to discard the changes`)
+     * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Discard changes?`)
      * ```
      */
-    disableSaveMessage = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Do you want to discard the changes`), ...(ngDevMode ? [{ debugName: "disableSaveMessage" }] : []));
+    disableSaveMessage = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Discard changes?`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disableSaveMessage" }] : /* istanbul ignore next */ []));
     /**
      * Label displayed on the discard button when saving is disabled.
      * @defaultValue
@@ -237,7 +264,8 @@ class SiEditDiscardDialogComponent {
      * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN:Discard`)
      * ```
      */
-    disableSaveDiscardBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN:Discard`), ...(ngDevMode ? [{ debugName: "disableSaveDiscardBtnName" }] : []));
+    disableSaveDiscardBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN:Discard`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disableSaveDiscardBtnName" }] : /* istanbul ignore next */ []));
     /**
      * Parameters interpolated into the translated heading and message.
      * @defaultValue
@@ -245,21 +273,23 @@ class SiEditDiscardDialogComponent {
      * {}
      * ```
      */
-    translationParams = input({}, ...(ngDevMode ? [{ debugName: "translationParams" }] : []));
+    translationParams = input({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translationParams" }] : /* istanbul ignore next */ []));
     /**
      * Icon displayed next to the dialog content.
      * @defaultValue ''
      */
-    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     modalRef = inject((ModalRef));
     loading$ = this.modalRef.message.pipe(take(1));
     icons = addIcons({ elementCancel });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiEditDiscardDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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 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-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\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: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiEditDiscardDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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 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-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\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: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiEditDiscardDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiEditDiscardDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-edit-discard-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon 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-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\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" }]
+            args: [{ selector: 'si-edit-discard-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon 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-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\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" }]
         }], propDecorators: { titleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleId", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], saveBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveBtnName", required: false }] }], discardBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "discardBtnName", required: false }] }], cancelBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelBtnName", required: false }] }], disableSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableSave", required: false }] }], disableSaveMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableSaveMessage", required: false }] }], disableSaveDiscardBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableSaveDiscardBtnName", required: false }] }], translationParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "translationParams", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
 
 /**
@@ -314,10 +344,10 @@ class SiActionDialogService {
             };
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiActionDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiActionDialogService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiActionDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiActionDialogService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiActionDialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiActionDialogService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });