ecabs-components 1.1.25 → 1.1.27

package/README.md

@@ -82,4 +82,6 @@ v1.1.22 — Added statuses for mat-chips.
   - Added badges for menu items.
 v1.1.23 — Update styling for map markers.
 v1.1.24 — Fixed date range picker when reset value.
-v1.1.25 — Fixed date range picker when choose one date only.
+v1.1.25 — Fixed date range picker when choose one date only.
+v1.1.26 — Implement dynamic titles for `EcabsDialogComponent`.
+v1.1.27 — Added results for the dialog message.

package/esm2022/lib/ecabs-dialog-confirm/ecabs-dialog-confirm.component.mjs

@@ -53,25 +53,28 @@ export class EcabsDialogConfirmComponent {
                 ?.pipe(takeUntil(this.unsubscribeService.subscription()))
                 .subscribe((loading) => {
                 if (!loading) {
-                    this.dialogRef.close(true);
+                    this.dialogRef.close(this.data.confirmResult ?? true);
                 }
             });
         }
         else {
-            this.dialogRef.close(true);
+            this.dialogRef.close(this.data.confirmResult ?? true);
         }
     }
     closeFalsey() {
-        this.dialogRef.close(false);
+        this.dialogRef.close(this.data.cancelResult ?? false);
+    }
+    closeOnPopover() {
+        this.dialogRef.close(this.data.popoverResult ?? false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsDialogConfirmComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i2.UnsubscribeService }, { token: i3.EcabsComponentsService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsDialogConfirmComponent, selector: "ecabs-dialog-confirm", providers: [UnsubscribeService], ngImport: i0, template: "<div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\r\n  <div *ngIf=\"!!data?.isPopover\" class=\"w-full flex justify-end\">\r\n    <mat-icon (click)=\"closeFalsey()\"\r\n              (keydown.enter)=\"closeFalsey()\"\r\n              class=\"mat-icon material-icons-outlined float-right icon--close mb-2\">\r\n      close\r\n    </mat-icon>\r\n  </div>\r\n\r\n  <div class=\"font-semibold heading--xs modal-title {{ data.titleColor }}\" *ngIf=\"data.title\">\r\n    {{ data.title }}\r\n  </div>\r\n</div>\r\n\r\n<div mat-dialog-content>\r\n  <div *ngIf=\"data?.content\">{{ data?.content }}</div>\r\n  <ng-container *ngTemplateOutlet=\"data?.message\"></ng-container>\r\n</div>\r\n\r\n<div *ngIf=\"(!!data?.cancelLabel || !!data?.confirmLabel) && !data?.hideCtaButtons\">\r\n  <div mat-dialog-actions\r\n       [ngClass]=\"{'gap-y-4': data?.useFullButtonSize}\"\r\n       class=\"btn__group flex justify-end w-full\">\r\n    <ecabs-buttons *ngIf=\"!!data?.cancelLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   (click)=\"closeFalsey()\"\r\n                   (keydown.enter)=\"closeFalsey()\"\r\n                   [style]=\"data?.cancelStyle || 'stroked'\">\r\n      {{ data?.cancelLabel }}\r\n    </ecabs-buttons>\r\n\r\n    <ecabs-buttons *ngIf=\"!!data?.confirmLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   [color]=\"data?.color || color\"\r\n                   [style]=\"data?.confirmStyle || 'flat'\"\r\n                   [loading]=\"data?.loading$ | async\"\r\n                   (click)=\"closeDialog()\"\r\n                   [disabled]=\"data?.disableConfirm$ | async\"\r\n                   (keydown.enter)=\"closeDialog()\">\r\n      {{ data?.confirmLabel }}\r\n    </ecabs-buttons>\r\n  </div>\r\n</div>\r\n", styles: [":host .mat-icon.icon--close,:host ::ng-deep .mat-icon.icon--close{cursor:pointer;color:var(--color-gray-500)}.modal-title.warn{color:var(--color-error)!important}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i5.ButtonsComponent, selector: "ecabs-buttons", inputs: ["disabled", "loading", "size", "type", "style", "full", "color"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsDialogConfirmComponent, selector: "ecabs-dialog-confirm", providers: [UnsubscribeService], ngImport: i0, template: "<div matDialogTitle *ngIf=\"data?.titleTemplate; else title\">\r\n  <div class=\"flex items-center justify-between modal-title\">\r\n    <ng-container *ngTemplateOutlet=\"data?.titleTemplate\"></ng-container>\r\n\r\n    <mat-icon *ngIf=\"!!data?.isPopover\" (click)=\"closeOnPopover()\"\r\n              (keydown.enter)=\"closeOnPopover()\"\r\n              class=\"mat-icon material-icons-outlined justify-end icon--close\">\r\n      close\r\n    </mat-icon>\r\n  </div>\r\n</div>\r\n\r\n\r\n<ng-template #title>\r\n  <div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\r\n    <div *ngIf=\"!!data?.isPopover\" class=\"w-full flex justify-end\">\r\n      <mat-icon (click)=\"closeFalsey()\"\r\n                (keydown.enter)=\"closeFalsey()\"\r\n                class=\"mat-icon material-icons-outlined float-right icon--close mb-2\">\r\n        close\r\n      </mat-icon>\r\n    </div>\r\n\r\n    <div class=\"font-semibold heading--xs modal-title {{ data.titleColor }}\" *ngIf=\"data.title\">\r\n      {{ data.title }}\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<div mat-dialog-content>\r\n  <div *ngIf=\"data?.content\">{{ data?.content }}</div>\r\n  <ng-container *ngTemplateOutlet=\"data?.message\"></ng-container>\r\n</div>\r\n\r\n<div *ngIf=\"(!!data?.cancelLabel || !!data?.confirmLabel) && !data?.hideCtaButtons\">\r\n  <div mat-dialog-actions\r\n       [ngClass]=\"{'gap-y-4': data?.useFullButtonSize}\"\r\n       class=\"btn__group flex justify-end w-full\">\r\n    <ecabs-buttons *ngIf=\"!!data?.cancelLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   (click)=\"closeFalsey()\"\r\n                   (keydown.enter)=\"closeFalsey()\"\r\n                   [style]=\"data?.cancelStyle || 'stroked'\">\r\n      {{ data?.cancelLabel }}\r\n    </ecabs-buttons>\r\n\r\n    <ecabs-buttons *ngIf=\"!!data?.confirmLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   [color]=\"data?.color || color\"\r\n                   [style]=\"data?.confirmStyle || 'flat'\"\r\n                   [loading]=\"data?.loading$ | async\"\r\n                   (click)=\"closeDialog()\"\r\n                   [disabled]=\"data?.disableConfirm$ | async\"\r\n                   (keydown.enter)=\"closeDialog()\">\r\n      {{ data?.confirmLabel }}\r\n    </ecabs-buttons>\r\n  </div>\r\n</div>\r\n", styles: [":host .mat-icon.icon--close,:host ::ng-deep .mat-icon.icon--close{cursor:pointer;color:var(--color-gray-500)}.modal-title.warn{color:var(--color-error)!important}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i5.ButtonsComponent, selector: "ecabs-buttons", inputs: ["disabled", "loading", "size", "type", "style", "full", "color"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsDialogConfirmComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecabs-dialog-confirm', providers: [UnsubscribeService], template: "<div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\r\n  <div *ngIf=\"!!data?.isPopover\" class=\"w-full flex justify-end\">\r\n    <mat-icon (click)=\"closeFalsey()\"\r\n              (keydown.enter)=\"closeFalsey()\"\r\n              class=\"mat-icon material-icons-outlined float-right icon--close mb-2\">\r\n      close\r\n    </mat-icon>\r\n  </div>\r\n\r\n  <div class=\"font-semibold heading--xs modal-title {{ data.titleColor }}\" *ngIf=\"data.title\">\r\n    {{ data.title }}\r\n  </div>\r\n</div>\r\n\r\n<div mat-dialog-content>\r\n  <div *ngIf=\"data?.content\">{{ data?.content }}</div>\r\n  <ng-container *ngTemplateOutlet=\"data?.message\"></ng-container>\r\n</div>\r\n\r\n<div *ngIf=\"(!!data?.cancelLabel || !!data?.confirmLabel) && !data?.hideCtaButtons\">\r\n  <div mat-dialog-actions\r\n       [ngClass]=\"{'gap-y-4': data?.useFullButtonSize}\"\r\n       class=\"btn__group flex justify-end w-full\">\r\n    <ecabs-buttons *ngIf=\"!!data?.cancelLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   (click)=\"closeFalsey()\"\r\n                   (keydown.enter)=\"closeFalsey()\"\r\n                   [style]=\"data?.cancelStyle || 'stroked'\">\r\n      {{ data?.cancelLabel }}\r\n    </ecabs-buttons>\r\n\r\n    <ecabs-buttons *ngIf=\"!!data?.confirmLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   [color]=\"data?.color || color\"\r\n                   [style]=\"data?.confirmStyle || 'flat'\"\r\n                   [loading]=\"data?.loading$ | async\"\r\n                   (click)=\"closeDialog()\"\r\n                   [disabled]=\"data?.disableConfirm$ | async\"\r\n                   (keydown.enter)=\"closeDialog()\">\r\n      {{ data?.confirmLabel }}\r\n    </ecabs-buttons>\r\n  </div>\r\n</div>\r\n", styles: [":host .mat-icon.icon--close,:host ::ng-deep .mat-icon.icon--close{cursor:pointer;color:var(--color-gray-500)}.modal-title.warn{color:var(--color-error)!important}\n"] }]
+            args: [{ selector: 'ecabs-dialog-confirm', providers: [UnsubscribeService], template: "<div matDialogTitle *ngIf=\"data?.titleTemplate; else title\">\r\n  <div class=\"flex items-center justify-between modal-title\">\r\n    <ng-container *ngTemplateOutlet=\"data?.titleTemplate\"></ng-container>\r\n\r\n    <mat-icon *ngIf=\"!!data?.isPopover\" (click)=\"closeOnPopover()\"\r\n              (keydown.enter)=\"closeOnPopover()\"\r\n              class=\"mat-icon material-icons-outlined justify-end icon--close\">\r\n      close\r\n    </mat-icon>\r\n  </div>\r\n</div>\r\n\r\n\r\n<ng-template #title>\r\n  <div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\r\n    <div *ngIf=\"!!data?.isPopover\" class=\"w-full flex justify-end\">\r\n      <mat-icon (click)=\"closeFalsey()\"\r\n                (keydown.enter)=\"closeFalsey()\"\r\n                class=\"mat-icon material-icons-outlined float-right icon--close mb-2\">\r\n        close\r\n      </mat-icon>\r\n    </div>\r\n\r\n    <div class=\"font-semibold heading--xs modal-title {{ data.titleColor }}\" *ngIf=\"data.title\">\r\n      {{ data.title }}\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<div mat-dialog-content>\r\n  <div *ngIf=\"data?.content\">{{ data?.content }}</div>\r\n  <ng-container *ngTemplateOutlet=\"data?.message\"></ng-container>\r\n</div>\r\n\r\n<div *ngIf=\"(!!data?.cancelLabel || !!data?.confirmLabel) && !data?.hideCtaButtons\">\r\n  <div mat-dialog-actions\r\n       [ngClass]=\"{'gap-y-4': data?.useFullButtonSize}\"\r\n       class=\"btn__group flex justify-end w-full\">\r\n    <ecabs-buttons *ngIf=\"!!data?.cancelLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   (click)=\"closeFalsey()\"\r\n                   (keydown.enter)=\"closeFalsey()\"\r\n                   [style]=\"data?.cancelStyle || 'stroked'\">\r\n      {{ data?.cancelLabel }}\r\n    </ecabs-buttons>\r\n\r\n    <ecabs-buttons *ngIf=\"!!data?.confirmLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   [color]=\"data?.color || color\"\r\n                   [style]=\"data?.confirmStyle || 'flat'\"\r\n                   [loading]=\"data?.loading$ | async\"\r\n                   (click)=\"closeDialog()\"\r\n                   [disabled]=\"data?.disableConfirm$ | async\"\r\n                   (keydown.enter)=\"closeDialog()\">\r\n      {{ data?.confirmLabel }}\r\n    </ecabs-buttons>\r\n  </div>\r\n</div>\r\n", styles: [":host .mat-icon.icon--close,:host ::ng-deep .mat-icon.icon--close{cursor:pointer;color:var(--color-gray-500)}.modal-title.warn{color:var(--color-error)!important}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }, { type: i1.MatDialogRef }, { type: i2.UnsubscribeService }, { type: i3.EcabsComponentsService }, { type: i0.DestroyRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNhYnMtZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWNhYnMtY29tcG9uZW50cy9zcmMvbGliL2VjYWJzLWRpYWxvZy1jb25maXJtL2VjYWJzLWRpYWxvZy1jb25maXJtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VjYWJzLWNvbXBvbmVudHMvc3JjL2xpYi9lY2Ficy1kaWFsb2ctY29uZmlybS9lY2Ficy1kaWFsb2ctY29uZmlybS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULE1BQU0sR0FJUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFnQixNQUFNLDBCQUEwQixDQUFDO0FBRXpFLE9BQU8sRUFBYyxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDN0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFNMUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7O0FBUWhFLE1BQU0sT0FBTywyQkFBMkI7SUFLSjtJQUN6QjtJQUNVO0lBQ0E7SUFDQTtJQVJuQixPQUFPLENBQVM7SUFDaEIsS0FBSyxHQUFpQixTQUFTLENBQUM7SUFFaEMsWUFDa0MsSUFBdUMsRUFDaEUsU0FBMEQsRUFDaEQsa0JBQXNDLEVBQ3RDLGlCQUF5QyxFQUN6QyxVQUFzQjtRQUpQLFNBQUksR0FBSixJQUFJLENBQW1DO1FBQ2hFLGNBQVMsR0FBVCxTQUFTLENBQWlEO1FBQ2hELHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUF3QjtRQUN6QyxlQUFVLEdBQVYsVUFBVSxDQUFZO0lBQ3RDLENBQUM7SUFFSixZQUFZLENBQVk7SUFFeEIsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLE9BQU8sQ0FBQyxDQUFDO1FBRXRELElBQUksQ0FBQyxpQkFBaUI7YUFDbkIsU0FBUyxFQUFFO2FBQ1gsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQzthQUN6QyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNwQixNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsTUFBTSxJQUFJLEVBQUUsQ0FBQztZQUM5QixNQUFNLEVBQ0osWUFBWSxFQUNaLFdBQVcsRUFDWCxpQkFBaUIsRUFDakIsZ0JBQWdCLEdBQ2pCLEdBQUcsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUM7WUFFcEIsSUFBSSxJQUFJLEVBQUU7Z0JBQ1IsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxpQkFBaUI7b0JBQ3pDLENBQUMsQ0FBQyxZQUFZLElBQUksSUFBSSxFQUFFLFlBQVk7b0JBQ3BDLENBQUMsQ0FBQyxTQUFTLENBQUM7Z0JBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxnQkFBZ0I7b0JBQ3ZDLENBQUMsQ0FBQyxXQUFXLElBQUksSUFBSSxFQUFFLFdBQVc7b0JBQ2xDLENBQUMsQ0FBQyxTQUFTLENBQUM7YUFDZjtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUTtnQkFDaEIsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO2lCQUN4RCxTQUFTLENBQUMsQ0FBQyxPQUFPLEVBQUUsRUFBRTtnQkFDckIsSUFBSSxDQUFDLE9BQU8sRUFBRTtvQkFDWixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztpQkFDNUI7WUFDSCxDQUFDLENBQUMsQ0FBQztTQUNOO2FBQU07WUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUM1QjtJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQzt3R0E1RFUsMkJBQTJCLGtCQUs1QixlQUFlOzRGQUxkLDJCQUEyQiwrQ0FGM0IsQ0FBQyxrQkFBa0IsQ0FBQywwQkN2QmpDLG16REEyQ0E7OzRGRGxCYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0Usc0JBQXNCLGFBR3JCLENBQUMsa0JBQWtCLENBQUM7OzBCQU81QixNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBEZXN0cm95UmVmLFxyXG4gIEluamVjdCxcclxuICBPbkRlc3Ryb3ksXHJcbiAgT25Jbml0LFxyXG4gIFRlbXBsYXRlUmVmLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNQVRfRElBTE9HX0RBVEEsIE1hdERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xyXG5pbXBvcnQgeyBPYnNlcnZhYmxlLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgVW5zdWJzY3JpYmVTZXJ2aWNlIH0gZnJvbSAnLi4vYmFzZS9zZXJ2aWNlcy91bnN1YnNjcmliZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgQnV0dG9uU3R5bGUgfSBmcm9tICcuLi9iYXNlL2NvbnN0cy9idXR0b25zLmNvbnN0cyc7XHJcbmltcG9ydCB7XHJcbiAgRWNhYnNDb21wb25lbnRzU2VydmljZSxcclxuICBFY2Fic2kxOG4sXHJcbn0gZnJvbSAnLi4vYmFzZS9zZXJ2aWNlcy9lY2Ficy1jb21wb25lbnRzLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjYWJzLWRpYWxvZy1jb25maXJtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZWNhYnMtZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2VjYWJzLWRpYWxvZy1jb25maXJtLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgcHJvdmlkZXJzOiBbVW5zdWJzY3JpYmVTZXJ2aWNlXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEVjYWJzRGlhbG9nQ29uZmlybUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBtZXNzYWdlOiBzdHJpbmc7XHJcbiAgY29sb3I6IFRoZW1lUGFsZXR0ZSA9ICdwcmltYXJ5JztcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IEVjYWJzRGlhbG9nQ29uZmlybUNvbXBvbmVudENvbmZpZyxcclxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxFY2Fic0RpYWxvZ0NvbmZpcm1Db21wb25lbnRDb25maWc+LFxyXG4gICAgcHJpdmF0ZSByZWFkb25seSB1bnN1YnNjcmliZVNlcnZpY2U6IFVuc3Vic2NyaWJlU2VydmljZSxcclxuICAgIHByaXZhdGUgcmVhZG9ubHkgY29tcG9uZW50c1NlcnZpY2U6IEVjYWJzQ29tcG9uZW50c1NlcnZpY2UsXHJcbiAgICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3lSZWY6IERlc3Ryb3lSZWYsXHJcbiAgKSB7fVxyXG5cclxuICB0cmFuc2xhdGlvbnM6IEVjYWJzaTE4bjtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi51cGRhdGVTaXplKHRoaXMuZGF0YS53aWR0aCB8fCAnMjRyZW0nKTtcclxuXHJcbiAgICB0aGlzLmNvbXBvbmVudHNTZXJ2aWNlXHJcbiAgICAgIC5nZXRDb25maWcoKVxyXG4gICAgICAucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5kZXN0cm95UmVmKSlcclxuICAgICAgLnN1YnNjcmliZSgoY29uZmlnKSA9PiB7XHJcbiAgICAgICAgY29uc3QgeyBpMThuIH0gPSBjb25maWcgPz8ge307XHJcbiAgICAgICAgY29uc3Qge1xyXG4gICAgICAgICAgY29uZmlybUxhYmVsLFxyXG4gICAgICAgICAgY2FuY2VsTGFiZWwsXHJcbiAgICAgICAgICBoaWRlQ29uZmlybUJ1dHRvbixcclxuICAgICAgICAgIGhpZGVDYW5jZWxCdXR0b24sXHJcbiAgICAgICAgfSA9IHRoaXMuZGF0YSA/PyB7fTtcclxuXHJcbiAgICAgICAgaWYgKGkxOG4pIHtcclxuICAgICAgICAgIHRoaXMuZGF0YS5jb25maXJtTGFiZWwgPSAhaGlkZUNvbmZpcm1CdXR0b25cclxuICAgICAgICAgICAgPyBjb25maXJtTGFiZWwgfHwgaTE4bj8uY29uZmlybUxhYmVsXHJcbiAgICAgICAgICAgIDogdW5kZWZpbmVkO1xyXG4gICAgICAgICAgdGhpcy5kYXRhLmNhbmNlbExhYmVsID0gIWhpZGVDYW5jZWxCdXR0b25cclxuICAgICAgICAgICAgPyBjYW5jZWxMYWJlbCB8fCBpMThuPy5jYW5jZWxMYWJlbFxyXG4gICAgICAgICAgICA6IHVuZGVmaW5lZDtcclxuICAgICAgICB9XHJcbiAgICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLnVuc3Vic2NyaWJlU2VydmljZS5kZXN0cm95KCk7XHJcbiAgfVxyXG5cclxuICBjbG9zZURpYWxvZygpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmRhdGEubG9hZGluZyQpIHtcclxuICAgICAgdGhpcy5kYXRhLmxvYWRpbmckXHJcbiAgICAgICAgPy5waXBlKHRha2VVbnRpbCh0aGlzLnVuc3Vic2NyaWJlU2VydmljZS5zdWJzY3JpcHRpb24oKSkpXHJcbiAgICAgICAgLnN1YnNjcmliZSgobG9hZGluZykgPT4ge1xyXG4gICAgICAgICAgaWYgKCFsb2FkaW5nKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHRydWUpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodHJ1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjbG9zZUZhbHNleSgpOiB2b2lkIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKGZhbHNlKTtcclxuICB9XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRWNhYnNEaWFsb2dDb25maXJtQ29tcG9uZW50Q29uZmlnIHtcclxuICB0aXRsZT86IHN0cmluZztcclxuICBtZXNzYWdlPzogVGVtcGxhdGVSZWY8Tm9uTnVsbGFibGU8dW5rbm93bj4+O1xyXG4gIGNvbG9yPzogVGhlbWVQYWxldHRlO1xyXG4gIHRpdGxlQ29sb3I/OiBUaGVtZVBhbGV0dGU7XHJcbiAgY29uZmlybUxhYmVsPzogc3RyaW5nO1xyXG4gIGNvbmZpcm1TdHlsZT86IEJ1dHRvblN0eWxlO1xyXG4gIGNhbmNlbExhYmVsPzogc3RyaW5nO1xyXG4gIGNhbmNlbFN0eWxlPzogQnV0dG9uU3R5bGU7XHJcbiAgaGlkZUN0YUJ1dHRvbnM/OiBib29sZWFuO1xyXG4gIGhpZGVDb25maXJtQnV0dG9uPzogYm9vbGVhbjtcclxuICBoaWRlQ2FuY2VsQnV0dG9uPzogYm9vbGVhbjtcclxuICBpc1BvcG92ZXI/OiBib29sZWFuO1xyXG4gIHdpZHRoPzogc3RyaW5nO1xyXG4gIGNvbnRlbnQ/OiBzdHJpbmc7XHJcbiAgdXNlRnVsbEJ1dHRvblNpemU/OiBib29sZWFuO1xyXG4gIGxvYWRpbmckPzogT2JzZXJ2YWJsZTxib29sZWFuPjtcclxuICBkaXNhYmxlQ29uZmlybSQ/OiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xyXG59XHJcbiIsIjxkaXYgbWF0RGlhbG9nVGl0bGUgKm5nSWY9XCJkYXRhPy50aXRsZSB8fCAhIWRhdGE/LmlzUG9wb3ZlclwiIGNsYXNzPVwiZmxleCBmbGV4LWNvbHVtblwiPlxyXG4gIDxkaXYgKm5nSWY9XCIhIWRhdGE/LmlzUG9wb3ZlclwiIGNsYXNzPVwidy1mdWxsIGZsZXgganVzdGlmeS1lbmRcIj5cclxuICAgIDxtYXQtaWNvbiAoY2xpY2spPVwiY2xvc2VGYWxzZXkoKVwiXHJcbiAgICAgICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwiY2xvc2VGYWxzZXkoKVwiXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJtYXQtaWNvbiBtYXRlcmlhbC1pY29ucy1vdXRsaW5lZCBmbG9hdC1yaWdodCBpY29uLS1jbG9zZSBtYi0yXCI+XHJcbiAgICAgIGNsb3NlXHJcbiAgICA8L21hdC1pY29uPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwiZm9udC1zZW1pYm9sZCBoZWFkaW5nLS14cyBtb2RhbC10aXRsZSB7eyBkYXRhLnRpdGxlQ29sb3IgfX1cIiAqbmdJZj1cImRhdGEudGl0bGVcIj5cclxuICAgIHt7IGRhdGEudGl0bGUgfX1cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IG1hdC1kaWFsb2ctY29udGVudD5cclxuICA8ZGl2ICpuZ0lmPVwiZGF0YT8uY29udGVudFwiPnt7IGRhdGE/LmNvbnRlbnQgfX08L2Rpdj5cclxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGF0YT8ubWVzc2FnZVwiPjwvbmctY29udGFpbmVyPlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgKm5nSWY9XCIoISFkYXRhPy5jYW5jZWxMYWJlbCB8fCAhIWRhdGE/LmNvbmZpcm1MYWJlbCkgJiYgIWRhdGE/LmhpZGVDdGFCdXR0b25zXCI+XHJcbiAgPGRpdiBtYXQtZGlhbG9nLWFjdGlvbnNcclxuICAgICAgIFtuZ0NsYXNzXT1cInsnZ2FwLXktNCc6IGRhdGE/LnVzZUZ1bGxCdXR0b25TaXplfVwiXHJcbiAgICAgICBjbGFzcz1cImJ0bl9fZ3JvdXAgZmxleCBqdXN0aWZ5LWVuZCB3LWZ1bGxcIj5cclxuICAgIDxlY2Ficy1idXR0b25zICpuZ0lmPVwiISFkYXRhPy5jYW5jZWxMYWJlbFwiXHJcbiAgICAgICAgICAgICAgICAgICBbZnVsbF09XCJkYXRhPy51c2VGdWxsQnV0dG9uU2l6ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiY2xvc2VGYWxzZXkoKVwiXHJcbiAgICAgICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJjbG9zZUZhbHNleSgpXCJcclxuICAgICAgICAgICAgICAgICAgIFtzdHlsZV09XCJkYXRhPy5jYW5jZWxTdHlsZSB8fCAnc3Ryb2tlZCdcIj5cclxuICAgICAge3sgZGF0YT8uY2FuY2VsTGFiZWwgfX1cclxuICAgIDwvZWNhYnMtYnV0dG9ucz5cclxuXHJcbiAgICA8ZWNhYnMtYnV0dG9ucyAqbmdJZj1cIiEhZGF0YT8uY29uZmlybUxhYmVsXCJcclxuICAgICAgICAgICAgICAgICAgIFtmdWxsXT1cImRhdGE/LnVzZUZ1bGxCdXR0b25TaXplXCJcclxuICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCJkYXRhPy5jb2xvciB8fCBjb2xvclwiXHJcbiAgICAgICAgICAgICAgICAgICBbc3R5bGVdPVwiZGF0YT8uY29uZmlybVN0eWxlIHx8ICdmbGF0J1wiXHJcbiAgICAgICAgICAgICAgICAgICBbbG9hZGluZ109XCJkYXRhPy5sb2FkaW5nJCB8IGFzeW5jXCJcclxuICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJjbG9zZURpYWxvZygpXCJcclxuICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkYXRhPy5kaXNhYmxlQ29uZmlybSQgfCBhc3luY1wiXHJcbiAgICAgICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJjbG9zZURpYWxvZygpXCI+XHJcbiAgICAgIHt7IGRhdGE/LmNvbmZpcm1MYWJlbCB9fVxyXG4gICAgPC9lY2Ficy1idXR0b25zPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNhYnMtZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWNhYnMtY29tcG9uZW50cy9zcmMvbGliL2VjYWJzLWRpYWxvZy1jb25maXJtL2VjYWJzLWRpYWxvZy1jb25maXJtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VjYWJzLWNvbXBvbmVudHMvc3JjL2xpYi9lY2Ficy1kaWFsb2ctY29uZmlybS9lY2Ficy1kaWFsb2ctY29uZmlybS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULE1BQU0sR0FJUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFnQixNQUFNLDBCQUEwQixDQUFDO0FBRXpFLE9BQU8sRUFBYyxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDN0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFNMUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7O0FBUWhFLE1BQU0sT0FBTywyQkFBMkI7SUFLSjtJQUN6QjtJQUNVO0lBQ0E7SUFDQTtJQVJuQixPQUFPLENBQVM7SUFDaEIsS0FBSyxHQUFpQixTQUFTLENBQUM7SUFFaEMsWUFDa0MsSUFBdUMsRUFDaEUsU0FBMEQsRUFDaEQsa0JBQXNDLEVBQ3RDLGlCQUF5QyxFQUN6QyxVQUFzQjtRQUpQLFNBQUksR0FBSixJQUFJLENBQW1DO1FBQ2hFLGNBQVMsR0FBVCxTQUFTLENBQWlEO1FBQ2hELHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDdEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUF3QjtRQUN6QyxlQUFVLEdBQVYsVUFBVSxDQUFZO0lBQ3RDLENBQUM7SUFFSixZQUFZLENBQVk7SUFFeEIsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLE9BQU8sQ0FBQyxDQUFDO1FBRXRELElBQUksQ0FBQyxpQkFBaUI7YUFDbkIsU0FBUyxFQUFFO2FBQ1gsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQzthQUN6QyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNwQixNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsTUFBTSxJQUFJLEVBQUUsQ0FBQztZQUM5QixNQUFNLEVBQ0osWUFBWSxFQUNaLFdBQVcsRUFDWCxpQkFBaUIsRUFDakIsZ0JBQWdCLEdBQ2pCLEdBQUcsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUM7WUFFcEIsSUFBSSxJQUFJLEVBQUU7Z0JBQ1IsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxpQkFBaUI7b0JBQ3pDLENBQUMsQ0FBQyxZQUFZLElBQUksSUFBSSxFQUFFLFlBQVk7b0JBQ3BDLENBQUMsQ0FBQyxTQUFTLENBQUM7Z0JBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxnQkFBZ0I7b0JBQ3ZDLENBQUMsQ0FBQyxXQUFXLElBQUksSUFBSSxFQUFFLFdBQVc7b0JBQ2xDLENBQUMsQ0FBQyxTQUFTLENBQUM7YUFDZjtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUTtnQkFDaEIsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO2lCQUN4RCxTQUFTLENBQUMsQ0FBQyxPQUFPLEVBQUUsRUFBRTtnQkFDckIsSUFBSSxDQUFDLE9BQU8sRUFBRTtvQkFDWixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsQ0FBQztpQkFDdkQ7WUFDSCxDQUFDLENBQUMsQ0FBQztTQUNOO2FBQU07WUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsQ0FBQztTQUN2RDtJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLElBQUksS0FBSyxDQUFDLENBQUM7SUFDeEQsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsSUFBSSxLQUFLLENBQUMsQ0FBQztJQUN6RCxDQUFDO3dHQWhFVSwyQkFBMkIsa0JBSzVCLGVBQWU7NEZBTGQsMkJBQTJCLCtDQUYzQixDQUFDLGtCQUFrQixDQUFDLDBCQ3ZCakMsczJFQTJEQTs7NEZEbENhLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDRSxzQkFBc0IsYUFHckIsQ0FBQyxrQkFBa0IsQ0FBQzs7MEJBTzVCLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIERlc3Ryb3lSZWYsXHJcbiAgSW5qZWN0LFxyXG4gIE9uRGVzdHJveSxcclxuICBPbkluaXQsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nUmVmIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgVGhlbWVQYWxldHRlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XHJcbmltcG9ydCB7IE9ic2VydmFibGUsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBVbnN1YnNjcmliZVNlcnZpY2UgfSBmcm9tICcuLi9iYXNlL3NlcnZpY2VzL3Vuc3Vic2NyaWJlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBCdXR0b25TdHlsZSB9IGZyb20gJy4uL2Jhc2UvY29uc3RzL2J1dHRvbnMuY29uc3RzJztcclxuaW1wb3J0IHtcclxuICBFY2Fic0NvbXBvbmVudHNTZXJ2aWNlLFxyXG4gIEVjYWJzaTE4bixcclxufSBmcm9tICcuLi9iYXNlL3NlcnZpY2VzL2VjYWJzLWNvbXBvbmVudHMuc2VydmljZSc7XHJcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZWNhYnMtZGlhbG9nLWNvbmZpcm0nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9lY2Ficy1kaWFsb2ctY29uZmlybS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZWNhYnMtZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtVbnN1YnNjcmliZVNlcnZpY2VdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRWNhYnNEaWFsb2dDb25maXJtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIG1lc3NhZ2U6IHN0cmluZztcclxuICBjb2xvcjogVGhlbWVQYWxldHRlID0gJ3ByaW1hcnknO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogRWNhYnNEaWFsb2dDb25maXJtQ29tcG9uZW50Q29uZmlnLFxyXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEVjYWJzRGlhbG9nQ29uZmlybUNvbXBvbmVudENvbmZpZz4sXHJcbiAgICBwcml2YXRlIHJlYWRvbmx5IHVuc3Vic2NyaWJlU2VydmljZTogVW5zdWJzY3JpYmVTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSByZWFkb25seSBjb21wb25lbnRzU2VydmljZTogRWNhYnNDb21wb25lbnRzU2VydmljZSxcclxuICAgIHByaXZhdGUgcmVhZG9ubHkgZGVzdHJveVJlZjogRGVzdHJveVJlZixcclxuICApIHt9XHJcblxyXG4gIHRyYW5zbGF0aW9uczogRWNhYnNpMThuO1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLnVwZGF0ZVNpemUodGhpcy5kYXRhLndpZHRoIHx8ICcyNHJlbScpO1xyXG5cclxuICAgIHRoaXMuY29tcG9uZW50c1NlcnZpY2VcclxuICAgICAgLmdldENvbmZpZygpXHJcbiAgICAgIC5waXBlKHRha2VVbnRpbERlc3Ryb3llZCh0aGlzLmRlc3Ryb3lSZWYpKVxyXG4gICAgICAuc3Vic2NyaWJlKChjb25maWcpID0+IHtcclxuICAgICAgICBjb25zdCB7IGkxOG4gfSA9IGNvbmZpZyA/PyB7fTtcclxuICAgICAgICBjb25zdCB7XHJcbiAgICAgICAgICBjb25maXJtTGFiZWwsXHJcbiAgICAgICAgICBjYW5jZWxMYWJlbCxcclxuICAgICAgICAgIGhpZGVDb25maXJtQnV0dG9uLFxyXG4gICAgICAgICAgaGlkZUNhbmNlbEJ1dHRvbixcclxuICAgICAgICB9ID0gdGhpcy5kYXRhID8/IHt9O1xyXG5cclxuICAgICAgICBpZiAoaTE4bikge1xyXG4gICAgICAgICAgdGhpcy5kYXRhLmNvbmZpcm1MYWJlbCA9ICFoaWRlQ29uZmlybUJ1dHRvblxyXG4gICAgICAgICAgICA/IGNvbmZpcm1MYWJlbCB8fCBpMThuPy5jb25maXJtTGFiZWxcclxuICAgICAgICAgICAgOiB1bmRlZmluZWQ7XHJcbiAgICAgICAgICB0aGlzLmRhdGEuY2FuY2VsTGFiZWwgPSAhaGlkZUNhbmNlbEJ1dHRvblxyXG4gICAgICAgICAgICA/IGNhbmNlbExhYmVsIHx8IGkxOG4/LmNhbmNlbExhYmVsXHJcbiAgICAgICAgICAgIDogdW5kZWZpbmVkO1xyXG4gICAgICAgIH1cclxuICAgICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMudW5zdWJzY3JpYmVTZXJ2aWNlLmRlc3Ryb3koKTtcclxuICB9XHJcblxyXG4gIGNsb3NlRGlhbG9nKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuZGF0YS5sb2FkaW5nJCkge1xyXG4gICAgICB0aGlzLmRhdGEubG9hZGluZyRcclxuICAgICAgICA/LnBpcGUodGFrZVVudGlsKHRoaXMudW5zdWJzY3JpYmVTZXJ2aWNlLnN1YnNjcmlwdGlvbigpKSlcclxuICAgICAgICAuc3Vic2NyaWJlKChsb2FkaW5nKSA9PiB7XHJcbiAgICAgICAgICBpZiAoIWxvYWRpbmcpIHtcclxuICAgICAgICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5kYXRhLmNvbmZpcm1SZXN1bHQgPz8gdHJ1ZSk7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSh0aGlzLmRhdGEuY29uZmlybVJlc3VsdCA/PyB0cnVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNsb3NlRmFsc2V5KCk6IHZvaWQge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5kYXRhLmNhbmNlbFJlc3VsdCA/PyBmYWxzZSk7XHJcbiAgfVxyXG5cclxuICBjbG9zZU9uUG9wb3ZlcigpOiB2b2lkIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHRoaXMuZGF0YS5wb3BvdmVyUmVzdWx0ID8/IGZhbHNlKTtcclxuICB9XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRWNhYnNEaWFsb2dDb25maXJtQ29tcG9uZW50Q29uZmlnIHtcclxuICB0aXRsZT86IHN0cmluZztcclxuICB0aXRsZVRlbXBsYXRlPzogVGVtcGxhdGVSZWY8Tm9uTnVsbGFibGU8dW5rbm93bj4+O1xyXG4gIG1lc3NhZ2U/OiBUZW1wbGF0ZVJlZjxOb25OdWxsYWJsZTx1bmtub3duPj47XHJcbiAgY29sb3I/OiBUaGVtZVBhbGV0dGU7XHJcbiAgdGl0bGVDb2xvcj86IFRoZW1lUGFsZXR0ZTtcclxuICBjb25maXJtTGFiZWw/OiBzdHJpbmc7XHJcbiAgY29uZmlybVN0eWxlPzogQnV0dG9uU3R5bGU7XHJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcclxuICBjb25maXJtUmVzdWx0PzogYW55O1xyXG4gIGNhbmNlbExhYmVsPzogc3RyaW5nO1xyXG4gIGNhbmNlbFN0eWxlPzogQnV0dG9uU3R5bGU7XHJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcclxuICBjYW5jZWxSZXN1bHQ/OiBhbnk7XHJcbiAgaGlkZUN0YUJ1dHRvbnM/OiBib29sZWFuO1xyXG4gIGhpZGVDb25maXJtQnV0dG9uPzogYm9vbGVhbjtcclxuICBoaWRlQ2FuY2VsQnV0dG9uPzogYm9vbGVhbjtcclxuICBpc1BvcG92ZXI/OiBib29sZWFuO1xyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XHJcbiAgcG9wb3ZlclJlc3VsdD86IGFueTtcclxuICB3aWR0aD86IHN0cmluZztcclxuICBjb250ZW50Pzogc3RyaW5nO1xyXG4gIHVzZUZ1bGxCdXR0b25TaXplPzogYm9vbGVhbjtcclxuICBsb2FkaW5nJD86IE9ic2VydmFibGU8Ym9vbGVhbj47XHJcbiAgZGlzYWJsZUNvbmZpcm0kPzogT2JzZXJ2YWJsZTxib29sZWFuPjtcclxufVxyXG4iLCI8ZGl2IG1hdERpYWxvZ1RpdGxlICpuZ0lmPVwiZGF0YT8udGl0bGVUZW1wbGF0ZTsgZWxzZSB0aXRsZVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW4gbW9kYWwtdGl0bGVcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkYXRhPy50aXRsZVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG1hdC1pY29uICpuZ0lmPVwiISFkYXRhPy5pc1BvcG92ZXJcIiAoY2xpY2spPVwiY2xvc2VPblBvcG92ZXIoKVwiXHJcbiAgICAgICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwiY2xvc2VPblBvcG92ZXIoKVwiXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJtYXQtaWNvbiBtYXRlcmlhbC1pY29ucy1vdXRsaW5lZCBqdXN0aWZ5LWVuZCBpY29uLS1jbG9zZVwiPlxyXG4gICAgICBjbG9zZVxyXG4gICAgPC9tYXQtaWNvbj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG5cclxuPG5nLXRlbXBsYXRlICN0aXRsZT5cclxuICA8ZGl2IG1hdERpYWxvZ1RpdGxlICpuZ0lmPVwiZGF0YT8udGl0bGUgfHwgISFkYXRhPy5pc1BvcG92ZXJcIiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW5cIj5cclxuICAgIDxkaXYgKm5nSWY9XCIhIWRhdGE/LmlzUG9wb3ZlclwiIGNsYXNzPVwidy1mdWxsIGZsZXgganVzdGlmeS1lbmRcIj5cclxuICAgICAgPG1hdC1pY29uIChjbGljayk9XCJjbG9zZUZhbHNleSgpXCJcclxuICAgICAgICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cImNsb3NlRmFsc2V5KClcIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJtYXQtaWNvbiBtYXRlcmlhbC1pY29ucy1vdXRsaW5lZCBmbG9hdC1yaWdodCBpY29uLS1jbG9zZSBtYi0yXCI+XHJcbiAgICAgICAgY2xvc2VcclxuICAgICAgPC9tYXQtaWNvbj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJmb250LXNlbWlib2xkIGhlYWRpbmctLXhzIG1vZGFsLXRpdGxlIHt7IGRhdGEudGl0bGVDb2xvciB9fVwiICpuZ0lmPVwiZGF0YS50aXRsZVwiPlxyXG4gICAgICB7eyBkYXRhLnRpdGxlIH19XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcblxyXG48ZGl2IG1hdC1kaWFsb2ctY29udGVudD5cclxuICA8ZGl2ICpuZ0lmPVwiZGF0YT8uY29udGVudFwiPnt7IGRhdGE/LmNvbnRlbnQgfX08L2Rpdj5cclxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGF0YT8ubWVzc2FnZVwiPjwvbmctY29udGFpbmVyPlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgKm5nSWY9XCIoISFkYXRhPy5jYW5jZWxMYWJlbCB8fCAhIWRhdGE/LmNvbmZpcm1MYWJlbCkgJiYgIWRhdGE/LmhpZGVDdGFCdXR0b25zXCI+XHJcbiAgPGRpdiBtYXQtZGlhbG9nLWFjdGlvbnNcclxuICAgICAgIFtuZ0NsYXNzXT1cInsnZ2FwLXktNCc6IGRhdGE/LnVzZUZ1bGxCdXR0b25TaXplfVwiXHJcbiAgICAgICBjbGFzcz1cImJ0bl9fZ3JvdXAgZmxleCBqdXN0aWZ5LWVuZCB3LWZ1bGxcIj5cclxuICAgIDxlY2Ficy1idXR0b25zICpuZ0lmPVwiISFkYXRhPy5jYW5jZWxMYWJlbFwiXHJcbiAgICAgICAgICAgICAgICAgICBbZnVsbF09XCJkYXRhPy51c2VGdWxsQnV0dG9uU2l6ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiY2xvc2VGYWxzZXkoKVwiXHJcbiAgICAgICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJjbG9zZUZhbHNleSgpXCJcclxuICAgICAgICAgICAgICAgICAgIFtzdHlsZV09XCJkYXRhPy5jYW5jZWxTdHlsZSB8fCAnc3Ryb2tlZCdcIj5cclxuICAgICAge3sgZGF0YT8uY2FuY2VsTGFiZWwgfX1cclxuICAgIDwvZWNhYnMtYnV0dG9ucz5cclxuXHJcbiAgICA8ZWNhYnMtYnV0dG9ucyAqbmdJZj1cIiEhZGF0YT8uY29uZmlybUxhYmVsXCJcclxuICAgICAgICAgICAgICAgICAgIFtmdWxsXT1cImRhdGE/LnVzZUZ1bGxCdXR0b25TaXplXCJcclxuICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCJkYXRhPy5jb2xvciB8fCBjb2xvclwiXHJcbiAgICAgICAgICAgICAgICAgICBbc3R5bGVdPVwiZGF0YT8uY29uZmlybVN0eWxlIHx8ICdmbGF0J1wiXHJcbiAgICAgICAgICAgICAgICAgICBbbG9hZGluZ109XCJkYXRhPy5sb2FkaW5nJCB8IGFzeW5jXCJcclxuICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJjbG9zZURpYWxvZygpXCJcclxuICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkYXRhPy5kaXNhYmxlQ29uZmlybSQgfCBhc3luY1wiXHJcbiAgICAgICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJjbG9zZURpYWxvZygpXCI+XHJcbiAgICAgIHt7IGRhdGE/LmNvbmZpcm1MYWJlbCB9fVxyXG4gICAgPC9lY2Ficy1idXR0b25zPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/fesm2022/ecabs-components.mjs

@@ -5716,23 +5716,26 @@ class EcabsDialogConfirmComponent {
                 ?.pipe(takeUntil(this.unsubscribeService.subscription()))
                 .subscribe((loading) => {
                 if (!loading) {
-                    this.dialogRef.close(true);
+                    this.dialogRef.close(this.data.confirmResult ?? true);
                 }
             });
         }
         else {
-            this.dialogRef.close(true);
+            this.dialogRef.close(this.data.confirmResult ?? true);
         }
     }
     closeFalsey() {
-        this.dialogRef.close(false);
+        this.dialogRef.close(this.data.cancelResult ?? false);
+    }
+    closeOnPopover() {
+        this.dialogRef.close(this.data.popoverResult ?? false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsDialogConfirmComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$2.MatDialogRef }, { token: UnsubscribeService }, { token: EcabsComponentsService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsDialogConfirmComponent, selector: "ecabs-dialog-confirm", providers: [UnsubscribeService], ngImport: i0, template: "<div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\r\n  <div *ngIf=\"!!data?.isPopover\" class=\"w-full flex justify-end\">\r\n    <mat-icon (click)=\"closeFalsey()\"\r\n              (keydown.enter)=\"closeFalsey()\"\r\n              class=\"mat-icon material-icons-outlined float-right icon--close mb-2\">\r\n      close\r\n    </mat-icon>\r\n  </div>\r\n\r\n  <div class=\"font-semibold heading--xs modal-title {{ data.titleColor }}\" *ngIf=\"data.title\">\r\n    {{ data.title }}\r\n  </div>\r\n</div>\r\n\r\n<div mat-dialog-content>\r\n  <div *ngIf=\"data?.content\">{{ data?.content }}</div>\r\n  <ng-container *ngTemplateOutlet=\"data?.message\"></ng-container>\r\n</div>\r\n\r\n<div *ngIf=\"(!!data?.cancelLabel || !!data?.confirmLabel) && !data?.hideCtaButtons\">\r\n  <div mat-dialog-actions\r\n       [ngClass]=\"{'gap-y-4': data?.useFullButtonSize}\"\r\n       class=\"btn__group flex justify-end w-full\">\r\n    <ecabs-buttons *ngIf=\"!!data?.cancelLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   (click)=\"closeFalsey()\"\r\n                   (keydown.enter)=\"closeFalsey()\"\r\n                   [style]=\"data?.cancelStyle || 'stroked'\">\r\n      {{ data?.cancelLabel }}\r\n    </ecabs-buttons>\r\n\r\n    <ecabs-buttons *ngIf=\"!!data?.confirmLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   [color]=\"data?.color || color\"\r\n                   [style]=\"data?.confirmStyle || 'flat'\"\r\n                   [loading]=\"data?.loading$ | async\"\r\n                   (click)=\"closeDialog()\"\r\n                   [disabled]=\"data?.disableConfirm$ | async\"\r\n                   (keydown.enter)=\"closeDialog()\">\r\n      {{ data?.confirmLabel }}\r\n    </ecabs-buttons>\r\n  </div>\r\n</div>\r\n", styles: [":host .mat-icon.icon--close,:host ::ng-deep .mat-icon.icon--close{cursor:pointer;color:var(--color-gray-500)}.modal-title.warn{color:var(--color-error)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: ButtonsComponent, selector: "ecabs-buttons", inputs: ["disabled", "loading", "size", "type", "style", "full", "color"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsDialogConfirmComponent, selector: "ecabs-dialog-confirm", providers: [UnsubscribeService], ngImport: i0, template: "<div matDialogTitle *ngIf=\"data?.titleTemplate; else title\">\r\n  <div class=\"flex items-center justify-between modal-title\">\r\n    <ng-container *ngTemplateOutlet=\"data?.titleTemplate\"></ng-container>\r\n\r\n    <mat-icon *ngIf=\"!!data?.isPopover\" (click)=\"closeOnPopover()\"\r\n              (keydown.enter)=\"closeOnPopover()\"\r\n              class=\"mat-icon material-icons-outlined justify-end icon--close\">\r\n      close\r\n    </mat-icon>\r\n  </div>\r\n</div>\r\n\r\n\r\n<ng-template #title>\r\n  <div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\r\n    <div *ngIf=\"!!data?.isPopover\" class=\"w-full flex justify-end\">\r\n      <mat-icon (click)=\"closeFalsey()\"\r\n                (keydown.enter)=\"closeFalsey()\"\r\n                class=\"mat-icon material-icons-outlined float-right icon--close mb-2\">\r\n        close\r\n      </mat-icon>\r\n    </div>\r\n\r\n    <div class=\"font-semibold heading--xs modal-title {{ data.titleColor }}\" *ngIf=\"data.title\">\r\n      {{ data.title }}\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<div mat-dialog-content>\r\n  <div *ngIf=\"data?.content\">{{ data?.content }}</div>\r\n  <ng-container *ngTemplateOutlet=\"data?.message\"></ng-container>\r\n</div>\r\n\r\n<div *ngIf=\"(!!data?.cancelLabel || !!data?.confirmLabel) && !data?.hideCtaButtons\">\r\n  <div mat-dialog-actions\r\n       [ngClass]=\"{'gap-y-4': data?.useFullButtonSize}\"\r\n       class=\"btn__group flex justify-end w-full\">\r\n    <ecabs-buttons *ngIf=\"!!data?.cancelLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   (click)=\"closeFalsey()\"\r\n                   (keydown.enter)=\"closeFalsey()\"\r\n                   [style]=\"data?.cancelStyle || 'stroked'\">\r\n      {{ data?.cancelLabel }}\r\n    </ecabs-buttons>\r\n\r\n    <ecabs-buttons *ngIf=\"!!data?.confirmLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   [color]=\"data?.color || color\"\r\n                   [style]=\"data?.confirmStyle || 'flat'\"\r\n                   [loading]=\"data?.loading$ | async\"\r\n                   (click)=\"closeDialog()\"\r\n                   [disabled]=\"data?.disableConfirm$ | async\"\r\n                   (keydown.enter)=\"closeDialog()\">\r\n      {{ data?.confirmLabel }}\r\n    </ecabs-buttons>\r\n  </div>\r\n</div>\r\n", styles: [":host .mat-icon.icon--close,:host ::ng-deep .mat-icon.icon--close{cursor:pointer;color:var(--color-gray-500)}.modal-title.warn{color:var(--color-error)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: ButtonsComponent, selector: "ecabs-buttons", inputs: ["disabled", "loading", "size", "type", "style", "full", "color"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsDialogConfirmComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecabs-dialog-confirm', providers: [UnsubscribeService], template: "<div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\r\n  <div *ngIf=\"!!data?.isPopover\" class=\"w-full flex justify-end\">\r\n    <mat-icon (click)=\"closeFalsey()\"\r\n              (keydown.enter)=\"closeFalsey()\"\r\n              class=\"mat-icon material-icons-outlined float-right icon--close mb-2\">\r\n      close\r\n    </mat-icon>\r\n  </div>\r\n\r\n  <div class=\"font-semibold heading--xs modal-title {{ data.titleColor }}\" *ngIf=\"data.title\">\r\n    {{ data.title }}\r\n  </div>\r\n</div>\r\n\r\n<div mat-dialog-content>\r\n  <div *ngIf=\"data?.content\">{{ data?.content }}</div>\r\n  <ng-container *ngTemplateOutlet=\"data?.message\"></ng-container>\r\n</div>\r\n\r\n<div *ngIf=\"(!!data?.cancelLabel || !!data?.confirmLabel) && !data?.hideCtaButtons\">\r\n  <div mat-dialog-actions\r\n       [ngClass]=\"{'gap-y-4': data?.useFullButtonSize}\"\r\n       class=\"btn__group flex justify-end w-full\">\r\n    <ecabs-buttons *ngIf=\"!!data?.cancelLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   (click)=\"closeFalsey()\"\r\n                   (keydown.enter)=\"closeFalsey()\"\r\n                   [style]=\"data?.cancelStyle || 'stroked'\">\r\n      {{ data?.cancelLabel }}\r\n    </ecabs-buttons>\r\n\r\n    <ecabs-buttons *ngIf=\"!!data?.confirmLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   [color]=\"data?.color || color\"\r\n                   [style]=\"data?.confirmStyle || 'flat'\"\r\n                   [loading]=\"data?.loading$ | async\"\r\n                   (click)=\"closeDialog()\"\r\n                   [disabled]=\"data?.disableConfirm$ | async\"\r\n                   (keydown.enter)=\"closeDialog()\">\r\n      {{ data?.confirmLabel }}\r\n    </ecabs-buttons>\r\n  </div>\r\n</div>\r\n", styles: [":host .mat-icon.icon--close,:host ::ng-deep .mat-icon.icon--close{cursor:pointer;color:var(--color-gray-500)}.modal-title.warn{color:var(--color-error)!important}\n"] }]
+            args: [{ selector: 'ecabs-dialog-confirm', providers: [UnsubscribeService], template: "<div matDialogTitle *ngIf=\"data?.titleTemplate; else title\">\r\n  <div class=\"flex items-center justify-between modal-title\">\r\n    <ng-container *ngTemplateOutlet=\"data?.titleTemplate\"></ng-container>\r\n\r\n    <mat-icon *ngIf=\"!!data?.isPopover\" (click)=\"closeOnPopover()\"\r\n              (keydown.enter)=\"closeOnPopover()\"\r\n              class=\"mat-icon material-icons-outlined justify-end icon--close\">\r\n      close\r\n    </mat-icon>\r\n  </div>\r\n</div>\r\n\r\n\r\n<ng-template #title>\r\n  <div matDialogTitle *ngIf=\"data?.title || !!data?.isPopover\" class=\"flex flex-column\">\r\n    <div *ngIf=\"!!data?.isPopover\" class=\"w-full flex justify-end\">\r\n      <mat-icon (click)=\"closeFalsey()\"\r\n                (keydown.enter)=\"closeFalsey()\"\r\n                class=\"mat-icon material-icons-outlined float-right icon--close mb-2\">\r\n        close\r\n      </mat-icon>\r\n    </div>\r\n\r\n    <div class=\"font-semibold heading--xs modal-title {{ data.titleColor }}\" *ngIf=\"data.title\">\r\n      {{ data.title }}\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<div mat-dialog-content>\r\n  <div *ngIf=\"data?.content\">{{ data?.content }}</div>\r\n  <ng-container *ngTemplateOutlet=\"data?.message\"></ng-container>\r\n</div>\r\n\r\n<div *ngIf=\"(!!data?.cancelLabel || !!data?.confirmLabel) && !data?.hideCtaButtons\">\r\n  <div mat-dialog-actions\r\n       [ngClass]=\"{'gap-y-4': data?.useFullButtonSize}\"\r\n       class=\"btn__group flex justify-end w-full\">\r\n    <ecabs-buttons *ngIf=\"!!data?.cancelLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   (click)=\"closeFalsey()\"\r\n                   (keydown.enter)=\"closeFalsey()\"\r\n                   [style]=\"data?.cancelStyle || 'stroked'\">\r\n      {{ data?.cancelLabel }}\r\n    </ecabs-buttons>\r\n\r\n    <ecabs-buttons *ngIf=\"!!data?.confirmLabel\"\r\n                   [full]=\"data?.useFullButtonSize\"\r\n                   [color]=\"data?.color || color\"\r\n                   [style]=\"data?.confirmStyle || 'flat'\"\r\n                   [loading]=\"data?.loading$ | async\"\r\n                   (click)=\"closeDialog()\"\r\n                   [disabled]=\"data?.disableConfirm$ | async\"\r\n                   (keydown.enter)=\"closeDialog()\">\r\n      {{ data?.confirmLabel }}\r\n    </ecabs-buttons>\r\n  </div>\r\n</div>\r\n", styles: [":host .mat-icon.icon--close,:host ::ng-deep .mat-icon.icon--close{cursor:pointer;color:var(--color-gray-500)}.modal-title.warn{color:var(--color-error)!important}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]