@quadrel-enterprise-ui/framework 20.8.0 → 20.9.1

package/fesm2022/quadrel-enterprise-ui-framework-dialog-confirm.module-BQLiEzSo.mjs

@@ -0,0 +1,42 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Component, NgModule } from '@angular/core';
+import * as i3 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { QdButtonComponent, QdButtonGhostDirective, QdTextSectionComponent, QdTextSectionParagraphComponent, QdDialogActionComponent, QdDialogComponent, QdButtonModule, QdTextSectionModule, QdDialogModule } from './quadrel-enterprise-ui-framework.mjs';
+import { DialogRef, DIALOG_DATA } from '@angular/cdk/dialog';
+
+class QdDialogConfirmComponent {
+    dialogRef = inject(DialogRef);
+    data = inject(DIALOG_DATA);
+    config = this.data;
+    testId = this.data?.testId ?? 'dialog-confirm';
+    close() {
+        this.dialogRef.close(false);
+    }
+    confirm() {
+        this.dialogRef.close(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdDialogConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdDialogConfirmComponent, isStandalone: false, selector: "qd-dialog-confirm", ngImport: i0, template: "<qd-dialog>\n  <qd-text-section>\n    <qd-text-section-paragraph>\n      {{ config.message.i18n | translate }}\n    </qd-text-section-paragraph>\n  </qd-text-section>\n\n  <qd-dialog-action>\n    <button qdButton qdButtonGhost color=\"secondary\" (click)=\"close()\" [data-test-id]=\"testId + '-close'\">\n      {{ config.cancel.i18n | translate }}\n    </button>\n\n    <button qdButton color=\"error\" (click)=\"confirm()\" [data-test-id]=\"testId + '-proceed'\">\n      {{ config.confirm.i18n | translate }}\n    </button>\n  </qd-dialog-action>\n</qd-dialog>\n", dependencies: [{ kind: "component", type: QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "directive", type: QdButtonGhostDirective, selector: "button[qdButtonGhost], a[qdButtonGhost]" }, { kind: "component", type: QdTextSectionComponent, selector: "qd-text-section" }, { kind: "component", type: QdTextSectionParagraphComponent, selector: "qd-text-section-paragraph" }, { kind: "component", type: QdDialogActionComponent, selector: "qd-dialog-action" }, { kind: "component", type: QdDialogComponent, selector: "qd-dialog" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdDialogConfirmComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'qd-dialog-confirm', standalone: false, template: "<qd-dialog>\n  <qd-text-section>\n    <qd-text-section-paragraph>\n      {{ config.message.i18n | translate }}\n    </qd-text-section-paragraph>\n  </qd-text-section>\n\n  <qd-dialog-action>\n    <button qdButton qdButtonGhost color=\"secondary\" (click)=\"close()\" [data-test-id]=\"testId + '-close'\">\n      {{ config.cancel.i18n | translate }}\n    </button>\n\n    <button qdButton color=\"error\" (click)=\"confirm()\" [data-test-id]=\"testId + '-proceed'\">\n      {{ config.confirm.i18n | translate }}\n    </button>\n  </qd-dialog-action>\n</qd-dialog>\n" }]
+        }] });
+
+class QdDialogConfirmModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdDialogConfirmModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: QdDialogConfirmModule, declarations: [QdDialogConfirmComponent], imports: [CommonModule, TranslateModule, QdButtonModule, QdTextSectionModule, QdDialogModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdDialogConfirmModule, imports: [CommonModule, TranslateModule, QdButtonModule, QdTextSectionModule, QdDialogModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdDialogConfirmModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TranslateModule, QdButtonModule, QdTextSectionModule, QdDialogModule],
+                    declarations: [QdDialogConfirmComponent]
+                }]
+        }] });
+
+export { QdDialogConfirmComponent, QdDialogConfirmModule };
+//# sourceMappingURL=quadrel-enterprise-ui-framework-dialog-confirm.module-BQLiEzSo.mjs.map

package/fesm2022/quadrel-enterprise-ui-framework-dialog-confirm.module-BQLiEzSo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"quadrel-enterprise-ui-framework-dialog-confirm.module-BQLiEzSo.mjs","sources":["../../../libs/qd-ui/src/lib/dialog/confirm/dialog-confirm.component.ts","../../../libs/qd-ui/src/lib/dialog/confirm/dialog-confirm.component.html","../../../libs/qd-ui/src/lib/dialog/confirm/dialog-confirm.module.ts"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\n\nimport { QdDialogConfirmConfig } from '../models/dialog-confirm.model';\n\n@Component({\n  selector: 'qd-dialog-confirm',\n  templateUrl: './dialog-confirm.component.html',\n  standalone: false\n})\nexport class QdDialogConfirmComponent {\n  private dialogRef = inject<DialogRef<boolean>>(DialogRef);\n  private data = inject(DIALOG_DATA);\n\n  config: QdDialogConfirmConfig = this.data;\n  testId: string = this.data?.testId ?? 'dialog-confirm';\n\n  close(): void {\n    this.dialogRef.close(false);\n  }\n\n  confirm(): void {\n    this.dialogRef.close(true);\n  }\n}\n","<qd-dialog>\n  <qd-text-section>\n    <qd-text-section-paragraph>\n      {{ config.message.i18n | translate }}\n    </qd-text-section-paragraph>\n  </qd-text-section>\n\n  <qd-dialog-action>\n    <button qdButton qdButtonGhost color=\"secondary\" (click)=\"close()\" [data-test-id]=\"testId + '-close'\">\n      {{ config.cancel.i18n | translate }}\n    </button>\n\n    <button qdButton color=\"error\" (click)=\"confirm()\" [data-test-id]=\"testId + '-proceed'\">\n      {{ config.confirm.i18n | translate }}\n    </button>\n  </qd-dialog-action>\n</qd-dialog>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { QdButtonModule } from '../../button/button.module';\nimport { QdTextSectionModule } from '../../text-section/text-section.module';\nimport { QdDialogModule } from '../dialog.module';\nimport { QdDialogConfirmComponent } from './dialog-confirm.component';\n\nexport { QdDialogConfirmComponent } from './dialog-confirm.component';\n\n@NgModule({\n  imports: [CommonModule, TranslateModule, QdButtonModule, QdTextSectionModule, QdDialogModule],\n  declarations: [QdDialogConfirmComponent]\n})\nexport class QdDialogConfirmModule {}\n"],"names":["i1.QdButtonComponent","i2.QdButtonGhostDirective","i3.QdTextSectionComponent","i4.QdTextSectionParagraphComponent","i5.QdDialogActionComponent","i6.QdDialogComponent","i7"],"mappings":";;;;;;;;MAUa,wBAAwB,CAAA;AAC3B,IAAA,SAAS,GAAG,MAAM,CAAqB,SAAS,CAAC;AACjD,IAAA,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC;AAElC,IAAA,MAAM,GAA0B,IAAI,CAAC,IAAI;IACzC,MAAM,GAAW,IAAI,CAAC,IAAI,EAAE,MAAM,IAAI,gBAAgB;IAEtD,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC;IAC7B;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC;IAC5B;wGAbW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,8ECVrC,sjBAiBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,iBAAA,EAAA,QAAA,EAAA,kDAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,cAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,sBAAA,EAAA,QAAA,EAAA,yCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,+BAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,uBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;4FDPa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,cAEjB,KAAK,EAAA,QAAA,EAAA,sjBAAA,EAAA;;;MEON,qBAAqB,CAAA;wGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAArB,qBAAqB,EAAA,YAAA,EAAA,CAFjB,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAD7B,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,cAAc,CAAA,EAAA,CAAA;yGAGjF,qBAAqB,EAAA,OAAA,EAAA,CAHtB,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,cAAc,CAAA,EAAA,CAAA;;4FAGjF,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,cAAc,CAAC;oBAC7F,YAAY,EAAE,CAAC,wBAAwB;AACxC,iBAAA;;;;;"}

package/fesm2022/quadrel-enterprise-ui-framework.mjs

@@ -1146,18 +1146,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 }]
         }] });
 
+const GENERIC_DEFAULTS = {
+    title: { i18n: 'i18n.qd.dialog.confirm.title' },
+    confirm: { i18n: 'i18n.qd.dialog.confirm.proceed' },
+    cancel: { i18n: 'i18n.qd.dialog.action.cancel' }
+};
+const CANCEL_DEFAULTS = {
+    title: { i18n: 'i18n.qd.page.cancel.confirmation.dialog.title' },
+    message: { i18n: 'i18n.qd.page.cancel.confirmation.dialog.message' },
+    confirm: { i18n: 'i18n.qd.page.cancel.confirmation.dialog.proceed' },
+    cancel: { i18n: 'i18n.qd.page.cancel.confirmation.dialog.close' }
+};
 class QdConfirmationDialogOpenerService {
     dialog = inject(Dialog);
-    showCancelConfirmation(config) {
-        return from(Promise.resolve().then(function () { return cancelDialog_component; }).then(m => m.QdCancelDialogComponent)).pipe(switchMap(component => {
+    showConfirmDialog(config, testId = 'dialog-confirm') {
+        const resolved = {
+            title: config.title ?? GENERIC_DEFAULTS.title,
+            message: config.message,
+            confirm: config.confirm ?? GENERIC_DEFAULTS.confirm,
+            cancel: config.cancel ?? GENERIC_DEFAULTS.cancel
+        };
+        return from(import('./quadrel-enterprise-ui-framework-dialog-confirm.module-BQLiEzSo.mjs').then(m => m.QdDialogConfirmComponent)).pipe(switchMap(component => {
             const dialogRef = this.open(component, {
-                title: { i18n: 'i18n.qd.page.cancel.confirmation.dialog.title' },
+                title: resolved.title,
                 dialogSize: QdDialogSize.Small,
-                data: config
+                data: { ...resolved, testId }
             });
             return dialogRef.closed.pipe(map$1(result => !!result));
         }));
     }
+    showDiscardConfirmDialog(message, testId = 'cancel-confirmation') {
+        return this.showConfirmDialog({
+            title: CANCEL_DEFAULTS.title,
+            message: message ?? CANCEL_DEFAULTS.message,
+            confirm: CANCEL_DEFAULTS.confirm,
+            cancel: CANCEL_DEFAULTS.cancel
+        }, testId);
+    }
     open(component, config) {
         config.panelClass = 'qd-custom-panel';
         config.width = config.dialogSize || QdDialogSize.Default;
@@ -1470,7 +1495,7 @@ class QdDialogComponent {
     }
     confirmAndClose() {
         this.dialog
-            .showCancelConfirmation(this.config)
+            .showDiscardConfirmDialog(this.config.cancel?.confirmationMessage, 'dialog-cancel-confirmation')
             .pipe(take(1))
             .subscribe(confirmed => {
             if (!confirmed)
@@ -18161,37 +18186,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
-class QdCancelDialogComponent {
-    dialogRef = inject(DialogRef);
-    i18n;
-    handler;
-    ngOnInit() {
-        this.i18n =
-            this.dialogRef.config.data?.cancel?.confirmationMessage?.i18n ??
-                'i18n.qd.page.cancel.confirmation.dialog.message';
-        this.handler = this.dialogRef.config.data?.cancel?.handler;
-    }
-    close() {
-        this.dialogRef.close(false);
-    }
-    confirm() {
-        if (this.handler)
-            this.handler();
-        this.dialogRef.close(true);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdCancelDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdCancelDialogComponent, isStandalone: false, selector: "qd-cancel-dialog", ngImport: i0, template: "<qd-dialog>\n  <qd-text-section>\n    <qd-text-section-paragraph>\n      {{ i18n | translate }}\n    </qd-text-section-paragraph>\n  </qd-text-section>\n\n  <qd-dialog-action>\n    <button\n      qdButton\n      qdButtonGhost\n      color=\"secondary\"\n      (click)=\"close()\"\n      data-test-id=\"dialog-cancel-confirmation-dialog-close\"\n    >\n      {{ \"i18n.qd.page.cancel.confirmation.dialog.close\" | translate }}\n    </button>\n\n    <button qdButton color=\"error\" (click)=\"confirm()\" data-test-id=\"dialog-cancel-confirmation-dialog-proceed\">\n      {{ \"i18n.qd.page.cancel.confirmation.dialog.proceed\" | translate }}\n    </button>\n  </qd-dialog-action>\n</qd-dialog>\n", dependencies: [{ kind: "component", type: QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "directive", type: QdButtonGhostDirective, selector: "button[qdButtonGhost], a[qdButtonGhost]" }, { kind: "component", type: QdTextSectionComponent, selector: "qd-text-section" }, { kind: "component", type: QdTextSectionParagraphComponent, selector: "qd-text-section-paragraph" }, { kind: "component", type: QdDialogActionComponent, selector: "qd-dialog-action" }, { kind: "component", type: QdDialogComponent, selector: "qd-dialog" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdCancelDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'qd-cancel-dialog', standalone: false, template: "<qd-dialog>\n  <qd-text-section>\n    <qd-text-section-paragraph>\n      {{ i18n | translate }}\n    </qd-text-section-paragraph>\n  </qd-text-section>\n\n  <qd-dialog-action>\n    <button\n      qdButton\n      qdButtonGhost\n      color=\"secondary\"\n      (click)=\"close()\"\n      data-test-id=\"dialog-cancel-confirmation-dialog-close\"\n    >\n      {{ \"i18n.qd.page.cancel.confirmation.dialog.close\" | translate }}\n    </button>\n\n    <button qdButton color=\"error\" (click)=\"confirm()\" data-test-id=\"dialog-cancel-confirmation-dialog-proceed\">\n      {{ \"i18n.qd.page.cancel.confirmation.dialog.proceed\" | translate }}\n    </button>\n  </qd-dialog-action>\n</qd-dialog>\n" }]
-        }] });
-
-var cancelDialog_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    QdCancelDialogComponent: QdCancelDialogComponent
-});
-
 class QdDialogModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: QdDialogModule, declarations: [QdDialogActionComponent,
@@ -18203,8 +18197,7 @@ class QdDialogModule {
             QdDialogConfirmationSuccessDirective,
             QdDialogRecordStepperComponent,
             QdPageDialogWithBreadcrumbsComponent,
-            QdPendingChangesGuardDirective,
-            QdCancelDialogComponent], imports: [CommonModule,
+            QdPendingChangesGuardDirective], imports: [CommonModule,
             TranslateModule,
             RouterModule,
             DialogModule,
@@ -18268,8 +18261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                         QdDialogConfirmationSuccessDirective,
                         QdDialogRecordStepperComponent,
                         QdPageDialogWithBreadcrumbsComponent,
-                        QdPendingChangesGuardDirective,
-                        QdCancelDialogComponent
+                        QdPendingChangesGuardDirective
                     ],
                     exports: [
                         QdDialogActionComponent,
@@ -24270,6 +24262,7 @@ class QdTableComponent {
     fillingWidthService = inject(QdTableFillingWidthService);
     breakpointService = inject(QdBreakpointService);
     resolverService = inject(QdTableResolverService);
+    confirmationDialogService = inject(QdConfirmationDialogOpenerService);
     /**
      * Configuration of the table. The generic type specifies the column definition. <br />
      *
@@ -24472,6 +24465,17 @@ class QdTableComponent {
             if (action.highlightOnRevisit) {
                 this.tableStoreService.setLastVisitedRow(resolveRowIdentifier(recentAction.rowData, recentAction.index, this.config.trackRowBy));
             }
+            if (action.confirmationMessage) {
+                this.confirmationDialogService
+                    .showConfirmDialog({ message: action.confirmationMessage }, this.testId + '-confirmation')
+                    .pipe(filter(confirmed => confirmed))
+                    .subscribe(() => {
+                    const result = action.handler(recentAction);
+                    if (action.refresh?.isEnabled)
+                        this.processSecondaryActionRefresh(result, action.refresh);
+                });
+                return;
+            }
             const result = action.handler(recentAction);
             if (action.refresh?.isEnabled)
                 this.processSecondaryActionRefresh(result, action.refresh);
@@ -26465,30 +26469,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 }]
         }] });
 
-class QdPageCancelConfirmationDialogComponent {
-    dialogRef = inject(DialogRef);
-    i18n;
-    handler;
-    ngOnInit() {
-        this.i18n =
-            this.dialogRef.config.data.cancel.confirmationMessage?.i18n ?? 'i18n.qd.page.cancel.confirmation.dialog.message';
-        this.handler = this.dialogRef.config.data.cancel.handler;
-    }
-    close() {
-        this.dialogRef.close(false);
-    }
-    confirm() {
-        this.dialogRef.close(true);
-        this.handler();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdPageCancelConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdPageCancelConfirmationDialogComponent, isStandalone: false, selector: "qd-page-cancel-confirmation-dialog", ngImport: i0, template: "<qd-dialog>\n  <qd-text-section>\n    <qd-text-section-paragraph>\n      {{ i18n | translate }}\n    </qd-text-section-paragraph>\n  </qd-text-section>\n\n  <qd-dialog-action>\n    <button\n      qdButton\n      qdButtonGhost\n      color=\"secondary\"\n      (click)=\"close()\"\n      data-test-id=\"page-cancel-confirmation-dialog-close\"\n    >\n      {{ \"i18n.qd.page.cancel.confirmation.dialog.close\" | translate }}\n    </button>\n\n    <button qdButton color=\"error\" (click)=\"confirm()\" data-test-id=\"page-cancel-confirmation-dialog-proceed\">\n      {{ \"i18n.qd.page.cancel.confirmation.dialog.proceed\" | translate }}\n    </button>\n  </qd-dialog-action>\n</qd-dialog>\n", styles: [""], dependencies: [{ kind: "component", type: QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "directive", type: QdButtonGhostDirective, selector: "button[qdButtonGhost], a[qdButtonGhost]" }, { kind: "component", type: QdDialogActionComponent, selector: "qd-dialog-action" }, { kind: "component", type: QdDialogComponent, selector: "qd-dialog" }, { kind: "component", type: QdTextSectionComponent, selector: "qd-text-section" }, { kind: "component", type: QdTextSectionParagraphComponent, selector: "qd-text-section-paragraph" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdPageCancelConfirmationDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'qd-page-cancel-confirmation-dialog', standalone: false, template: "<qd-dialog>\n  <qd-text-section>\n    <qd-text-section-paragraph>\n      {{ i18n | translate }}\n    </qd-text-section-paragraph>\n  </qd-text-section>\n\n  <qd-dialog-action>\n    <button\n      qdButton\n      qdButtonGhost\n      color=\"secondary\"\n      (click)=\"close()\"\n      data-test-id=\"page-cancel-confirmation-dialog-close\"\n    >\n      {{ \"i18n.qd.page.cancel.confirmation.dialog.close\" | translate }}\n    </button>\n\n    <button qdButton color=\"error\" (click)=\"confirm()\" data-test-id=\"page-cancel-confirmation-dialog-proceed\">\n      {{ \"i18n.qd.page.cancel.confirmation.dialog.proceed\" | translate }}\n    </button>\n  </qd-dialog-action>\n</qd-dialog>\n" }]
-        }] });
-
 /**
  * The **QdPageControlPanel** is used to display information and functions relevant to a specific business case, which is related to a specific Object Model.
  *
@@ -27360,6 +27340,7 @@ class QdPageObjectHeaderComponent {
     formGroupManagerService = inject(QdFormGroupManagerService, { optional: true });
     dialogComponent = inject(QdDialogComponent, { optional: true });
     dialog = inject(QdDialogService);
+    confirmationDialogService = inject(QdConfirmationDialogOpenerService);
     contextService = inject(QdContextService);
     resolverTriggerService = inject(QdResolverTriggerService);
     pageStoreService = inject(QdPageStoreService);
@@ -27608,15 +27589,13 @@ class QdPageObjectHeaderComponent {
         return { actions };
     }
     openCancelDialog() {
-        this.dialog
-            .open(QdPageCancelConfirmationDialogComponent, {
-            title: { i18n: 'i18n.qd.page.cancel.confirmation.dialog.title' },
-            dialogSize: QdDialogSize.Small,
-            data: this.config.pageTypeConfig
-        })
-            .closed.pipe(takeUntil(this._destroyed$))
-            .subscribe(confirm => {
-            if (confirm) {
+        const cancelConfig = this.config.pageTypeConfig?.cancel;
+        this.confirmationDialogService
+            .showDiscardConfirmDialog(cancelConfig?.confirmationMessage, this.testId + '-cancel-confirmation')
+            .pipe(takeUntil(this._destroyed$))
+            .subscribe(confirmed => {
+            if (confirmed) {
+                cancelConfig?.handler?.();
                 this.formGroupManagerService.restoreFormGroupsFromSnapshot();
                 this.pageStoreService.toggleViewonly(true);
             }
@@ -28687,7 +28666,7 @@ class QdPageNavigationInterceptorService {
         this._bypassInterception = true;
         void this.router.navigateByUrl(this.router.url, { skipLocationChange: true });
         return this.confirmationDialog
-            .showCancelConfirmation({ cancel: { confirmationMessage: this._confirmationMessage } })
+            .showDiscardConfirmDialog(this._confirmationMessage, 'page-navigation-confirmation')
             .pipe(map$1(confirmed => ({ confirmed, targetUrl: event.url })), finalize(() => (this._bypassInterception = false)));
     }
     navigateToConfirmedTarget(targetUrl) {
@@ -29164,6 +29143,7 @@ class QdPageComponent {
     bottomOffset$ = inject(QD_SAFE_BOTTOM_OFFSET, { optional: true });
     dialogRef = inject(DialogRef, { optional: true });
     navigationInterceptor = inject(QdPageNavigationInterceptorService);
+    confirmationDialogService = inject(QdConfirmationDialogOpenerService);
     /**
      * This property defines the configuration for the QdPage component, including the page type,
      * title, and specific configurations for each type of page.
@@ -29339,14 +29319,14 @@ class QdPageComponent {
         };
     }
     setupCancelConfirmation() {
-        this.dialog
-            .open(QdPageCancelConfirmationDialogComponent, {
-            title: { i18n: 'i18n.qd.page.cancel.confirmation.dialog.title' },
-            dialogSize: QdDialogSize.Small,
-            data: this.config.pageTypeConfig
-        })
-            .closed.pipe(filter$1(result => !!result), takeUntil(this._destroyed$))
-            .subscribe(() => this.navigationInterceptor.allowNextNavigation());
+        const cancelConfig = this.config.pageTypeConfig?.cancel;
+        this.confirmationDialogService
+            .showDiscardConfirmDialog(cancelConfig?.confirmationMessage, this.testId + '-cancel-confirmation')
+            .pipe(filter$1(result => result), takeUntil(this._destroyed$))
+            .subscribe(() => {
+            cancelConfig?.handler?.();
+            this.navigationInterceptor.allowNextNavigation();
+        });
     }
     initSubmitValidation() {
         this._cancelSubmitValidation$.next();
@@ -29545,7 +29525,6 @@ class QdPageModule {
             QdConnectFormStateToPageDirective,
             QdPageFooterCustomContentDirective,
             QdContextSelectDialogComponent,
-            QdPageCancelConfirmationDialogComponent,
             QdPageInfoBannerComponent], imports: [CommonModule,
             TranslateModule,
             QdButtonModule,
@@ -29630,7 +29609,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                         QdConnectFormStateToPageDirective,
                         QdPageFooterCustomContentDirective,
                         QdContextSelectDialogComponent,
-                        QdPageCancelConfirmationDialogComponent,
                         QdPageInfoBannerComponent
                     ],
                     exports: [
@@ -32486,6 +32464,7 @@ class QdQuickEditComponent {
     eventBrokerService = inject(QdEventBrokerService, { optional: true });
     changeDetectorRef = inject(ChangeDetectorRef);
     controlContainer = inject(ControlContainer, { optional: true, self: true });
+    confirmationDialogService = inject(QdConfirmationDialogOpenerService);
     /**
      * Configuration of the QuickEdit. The generic type specifies the column definition. <br />
      *
@@ -32634,6 +32613,16 @@ class QdQuickEditComponent {
         window.setTimeout(() => this.focusFirstControl());
     }
     removeRow(index) {
+        if (this.config.removeConfirmationMessage) {
+            this.confirmationDialogService
+                .showConfirmDialog({ message: this.config.removeConfirmationMessage }, (this.testId ?? 'quick-edit') + '-remove-confirmation')
+                .pipe(filter$1(confirmed => confirmed))
+                .subscribe(() => this.executeRemoveRow(index));
+            return;
+        }
+        this.executeRemoveRow(index);
+    }
+    executeRemoveRow(index) {
         this.redrawOnNextChange();
         if (this.controlContainer) {
             this.controlContainer.control.removeAt(index);