ecabs-components 1.0.91 → 1.0.92
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/esm2022/lib/base/consts/translations.consts.mjs +5 -0
- package/esm2022/lib/base/services/ecabs-components.service.mjs +7 -2
- package/esm2022/lib/ecabs-dialog-confirm/ecabs-dialog-confirm.component.mjs +37 -12
- package/fesm2022/ecabs-components.mjs +41 -9
- package/fesm2022/ecabs-components.mjs.map +1 -1
- package/lib/base/consts/translations.consts.d.ts +2 -0
- package/lib/base/services/ecabs-components.service.d.ts +6 -0
- package/lib/ecabs-dialog-confirm/ecabs-dialog-confirm.component.d.ts +11 -3
- package/package.json +1 -1
- package/src/assets/styles/scss/modules/_button.scss +1 -1
package/README.md
CHANGED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export const i18n = {
|
|
2
|
+
confirmLabel: 'ACTIONS.CONFIRM',
|
|
3
|
+
cancelLabel: 'ACTIONS.CANCEL',
|
|
4
|
+
};
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNsYXRpb25zLmNvbnN0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VjYWJzLWNvbXBvbmVudHMvc3JjL2xpYi9iYXNlL2NvbnN0cy90cmFuc2xhdGlvbnMuY29uc3RzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBYztJQUM3QixZQUFZLEVBQUUsaUJBQWlCO0lBQy9CLFdBQVcsRUFBRSxnQkFBZ0I7Q0FDOUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVjYWJzaTE4biB9IGZyb20gJy4uL3NlcnZpY2VzL2VjYWJzLWNvbXBvbmVudHMuc2VydmljZSc7XHJcblxyXG5leHBvcnQgY29uc3QgaTE4bjogRWNhYnNpMThuID0ge1xyXG4gIGNvbmZpcm1MYWJlbDogJ0FDVElPTlMuQ09ORklSTScsXHJcbiAgY2FuY2VsTGFiZWw6ICdBQ1RJT05TLkNBTkNFTCcsXHJcbn07XHJcbiJdfQ==
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { Injectable } from '@angular/core';
|
|
2
2
|
import { BehaviorSubject } from 'rxjs';
|
|
3
3
|
import { errorMessages } from '../consts/error-messages.consts';
|
|
4
|
+
import { i18n } from '../consts/translations.consts';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export class EcabsComponentsService {
|
|
6
7
|
defaultConfig = {
|
|
7
8
|
defaultCountries: [],
|
|
8
9
|
errorMessages: [...errorMessages],
|
|
10
|
+
i18n,
|
|
9
11
|
};
|
|
10
12
|
_config = new BehaviorSubject(this.defaultConfig);
|
|
11
13
|
setConfig(config) {
|
|
@@ -20,7 +22,9 @@ export class EcabsComponentsService {
|
|
|
20
22
|
for (const key in currentConfig) {
|
|
21
23
|
if (Object.prototype.hasOwnProperty.call(currentConfig, key) &&
|
|
22
24
|
Object.prototype.hasOwnProperty.call(configUpdate, key)) {
|
|
23
|
-
updatedConfig[key] =
|
|
25
|
+
updatedConfig[key] = Array.isArray(currentConfig[key])
|
|
26
|
+
? [...currentConfig[key], ...configUpdate[key]]
|
|
27
|
+
: { ...currentConfig[key], ...configUpdate[key] };
|
|
24
28
|
}
|
|
25
29
|
else {
|
|
26
30
|
updatedConfig = currentConfig;
|
|
@@ -40,5 +44,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
40
44
|
export class GenericComponentConfig {
|
|
41
45
|
defaultCountries = [];
|
|
42
46
|
errorMessages = [];
|
|
47
|
+
i18n;
|
|
43
48
|
}
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNhYnMtY29tcG9uZW50cy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWNhYnMtY29tcG9uZW50cy9zcmMvbGliL2Jhc2Uvc2VydmljZXMvZWNhYnMtY29tcG9uZW50cy5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLGVBQWUsRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUVuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLCtCQUErQixDQUFDOztBQUtyRCxNQUFNLE9BQU8sc0JBQXNCO0lBQ2pDLGFBQWEsR0FBMEI7UUFDckMsZ0JBQWdCLEVBQUUsRUFBRTtRQUNwQixhQUFhLEVBQUUsQ0FBQyxHQUFHLGFBQWEsQ0FBQztRQUNqQyxJQUFJO0tBQ0wsQ0FBQztJQUVNLE9BQU8sR0FDYixJQUFJLGVBQWUsQ0FBd0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBRWpFLFNBQVMsQ0FBQyxNQUE2QjtRQUNyQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsU0FBUztRQUNQLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNyQyxDQUFDO0lBRUQsWUFBWSxDQUFDLFlBQW1DO1FBQzlDLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDOUMsSUFBSSxhQUFhLEdBQTBCLElBQUksc0JBQXNCLEVBQUUsQ0FBQztRQUV4RSxLQUFLLE1BQU0sR0FBRyxJQUFJLGFBQWEsRUFBRTtZQUMvQixJQUNFLE1BQU0sQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsR0FBRyxDQUFDO2dCQUN4RCxNQUFNLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLEdBQUcsQ0FBQyxFQUN2RDtnQkFDQSxhQUFhLENBQUMsR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUM7b0JBQ3BELENBQUMsQ0FBQyxDQUFDLEdBQUcsYUFBYSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDO29CQUMvQyxDQUFDLENBQUMsRUFBRSxHQUFHLGFBQWEsQ0FBQyxHQUFHLENBQUMsRUFBRSxHQUFHLFlBQVksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDO2FBQ3JEO2lCQUFNO2dCQUNMLGFBQWEsR0FBRyxhQUFhLENBQUM7YUFDL0I7U0FDRjtRQUVELElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ25DLENBQUM7d0dBcENVLHNCQUFzQjs0R0FBdEIsc0JBQXNCLGNBRnJCLE1BQU07OzRGQUVQLHNCQUFzQjtrQkFIbEMsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkI7O0FBd0RELE1BQU0sT0FBTyxzQkFBc0I7SUFDakMsZ0JBQWdCLEdBQWEsRUFBRSxDQUFDO0lBQ2hDLGFBQWEsR0FBbUIsRUFBRSxDQUFDO0lBQ25DLElBQUksQ0FBWTtDQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XHJcblxyXG5pbXBvcnQgeyBlcnJvck1lc3NhZ2VzIH0gZnJvbSAnLi4vY29uc3RzL2Vycm9yLW1lc3NhZ2VzLmNvbnN0cyc7XHJcbmltcG9ydCB7IGkxOG4gfSBmcm9tICcuLi9jb25zdHMvdHJhbnNsYXRpb25zLmNvbnN0cyc7XHJcblxyXG5ASW5qZWN0YWJsZSh7XHJcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRWNhYnNDb21wb25lbnRzU2VydmljZSB7XHJcbiAgZGVmYXVsdENvbmZpZzogRWNhYnNDb21wb25lbnRzQ29uZmlnID0ge1xyXG4gICAgZGVmYXVsdENvdW50cmllczogW10sXHJcbiAgICBlcnJvck1lc3NhZ2VzOiBbLi4uZXJyb3JNZXNzYWdlc10sXHJcbiAgICBpMThuLFxyXG4gIH07XHJcblxyXG4gIHByaXZhdGUgX2NvbmZpZzogQmVoYXZpb3JTdWJqZWN0PEVjYWJzQ29tcG9uZW50c0NvbmZpZz4gPVxyXG4gICAgbmV3IEJlaGF2aW9yU3ViamVjdDxFY2Fic0NvbXBvbmVudHNDb25maWc+KHRoaXMuZGVmYXVsdENvbmZpZyk7XHJcblxyXG4gIHNldENvbmZpZyhjb25maWc6IEVjYWJzQ29tcG9uZW50c0NvbmZpZyk6IHZvaWQge1xyXG4gICAgdGhpcy5fY29uZmlnLm5leHQoY29uZmlnKTtcclxuICB9XHJcblxyXG4gIGdldENvbmZpZygpOiBPYnNlcnZhYmxlPEVjYWJzQ29tcG9uZW50c0NvbmZpZz4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2NvbmZpZy5hc09ic2VydmFibGUoKTtcclxuICB9XHJcblxyXG4gIHVwZGF0ZUNvbmZpZyhjb25maWdVcGRhdGU6IEVjYWJzQ29tcG9uZW50c0NvbmZpZyk6IHZvaWQge1xyXG4gICAgY29uc3QgY3VycmVudENvbmZpZyA9IHRoaXMuX2NvbmZpZy5nZXRWYWx1ZSgpO1xyXG4gICAgbGV0IHVwZGF0ZWRDb25maWc6IEVjYWJzQ29tcG9uZW50c0NvbmZpZyA9IG5ldyBHZW5lcmljQ29tcG9uZW50Q29uZmlnKCk7XHJcblxyXG4gICAgZm9yIChjb25zdCBrZXkgaW4gY3VycmVudENvbmZpZykge1xyXG4gICAgICBpZiAoXHJcbiAgICAgICAgT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKGN1cnJlbnRDb25maWcsIGtleSkgJiZcclxuICAgICAgICBPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwoY29uZmlnVXBkYXRlLCBrZXkpXHJcbiAgICAgICkge1xyXG4gICAgICAgIHVwZGF0ZWRDb25maWdba2V5XSA9IEFycmF5LmlzQXJyYXkoY3VycmVudENvbmZpZ1trZXldKVxyXG4gICAgICAgICAgPyBbLi4uY3VycmVudENvbmZpZ1trZXldLCAuLi5jb25maWdVcGRhdGVba2V5XV1cclxuICAgICAgICAgIDogeyAuLi5jdXJyZW50Q29uZmlnW2tleV0sIC4uLmNvbmZpZ1VwZGF0ZVtrZXldIH07XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdXBkYXRlZENvbmZpZyA9IGN1cnJlbnRDb25maWc7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICB0aGlzLl9jb25maWcubmV4dCh1cGRhdGVkQ29uZmlnKTtcclxuICB9XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRWNhYnNDb21wb25lbnRzQ29uZmlnIHtcclxuICBkZWZhdWx0Q291bnRyaWVzPzogc3RyaW5nW107XHJcbiAgZXJyb3JNZXNzYWdlcz86IEVycm9yTWVzc2FnZVtdO1xyXG4gIGkxOG4/OiBFY2Fic2kxOG47XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRXJyb3JNZXNzYWdlIHtcclxuICB0eXBlOiBzdHJpbmc7XHJcbiAgbWVzc2FnZT86IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBFY2Fic2kxOG4ge1xyXG4gIGNhbmNlbExhYmVsPzogc3RyaW5nO1xyXG4gIGNvbmZpcm1MYWJlbD86IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGNsYXNzIEdlbmVyaWNDb21wb25lbnRDb25maWcgaW1wbGVtZW50cyBFY2Fic0NvbXBvbmVudHNDb25maWcge1xyXG4gIGRlZmF1bHRDb3VudHJpZXM6IHN0cmluZ1tdID0gW107XHJcbiAgZXJyb3JNZXNzYWdlczogRXJyb3JNZXNzYWdlW10gPSBbXTtcclxuICBpMThuOiBFY2Fic2kxOG47XHJcbn1cclxuIl19
|
|
@@ -2,25 +2,47 @@ import { Component, Inject, } from '@angular/core';
|
|
|
2
2
|
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
|
|
3
3
|
import { takeUntil } from 'rxjs';
|
|
4
4
|
import { UnsubscribeService } from '../base/services/unsubscribe.service';
|
|
5
|
+
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
import * as i1 from "@angular/material/dialog";
|
|
7
8
|
import * as i2 from "../base/services/unsubscribe.service";
|
|
8
|
-
import * as i3 from "
|
|
9
|
-
import * as i4 from "
|
|
10
|
-
import * as i5 from "
|
|
9
|
+
import * as i3 from "../base/services/ecabs-components.service";
|
|
10
|
+
import * as i4 from "@angular/common";
|
|
11
|
+
import * as i5 from "../ecabs-buttons/ecabs-buttons.component";
|
|
12
|
+
import * as i6 from "@angular/material/icon";
|
|
11
13
|
export class EcabsDialogConfirmComponent {
|
|
12
|
-
dialogRef;
|
|
13
14
|
data;
|
|
15
|
+
dialogRef;
|
|
14
16
|
unsubscribeService;
|
|
17
|
+
componentsService;
|
|
18
|
+
destroyRef;
|
|
15
19
|
message;
|
|
16
20
|
color = 'primary';
|
|
17
|
-
constructor(dialogRef,
|
|
18
|
-
this.dialogRef = dialogRef;
|
|
21
|
+
constructor(data, dialogRef, unsubscribeService, componentsService, destroyRef) {
|
|
19
22
|
this.data = data;
|
|
23
|
+
this.dialogRef = dialogRef;
|
|
20
24
|
this.unsubscribeService = unsubscribeService;
|
|
25
|
+
this.componentsService = componentsService;
|
|
26
|
+
this.destroyRef = destroyRef;
|
|
21
27
|
}
|
|
28
|
+
translations;
|
|
22
29
|
ngOnInit() {
|
|
23
30
|
this.dialogRef.updateSize(this.data.width || '24rem');
|
|
31
|
+
this.componentsService
|
|
32
|
+
.getConfig()
|
|
33
|
+
.pipe(takeUntilDestroyed(this.destroyRef))
|
|
34
|
+
.subscribe((config) => {
|
|
35
|
+
const { i18n } = config ?? {};
|
|
36
|
+
const { confirmLabel, cancelLabel, hideConfirmButton, hideCancelButton, } = this.data ?? {};
|
|
37
|
+
if (i18n) {
|
|
38
|
+
this.data.confirmLabel = !hideConfirmButton
|
|
39
|
+
? confirmLabel || i18n?.confirmLabel
|
|
40
|
+
: undefined;
|
|
41
|
+
this.data.cancelLabel = !hideCancelButton
|
|
42
|
+
? cancelLabel || i18n?.cancelLabel
|
|
43
|
+
: undefined;
|
|
44
|
+
}
|
|
45
|
+
});
|
|
24
46
|
}
|
|
25
47
|
ngOnDestroy() {
|
|
26
48
|
this.unsubscribeService.destroy();
|
|
@@ -39,14 +61,17 @@ export class EcabsDialogConfirmComponent {
|
|
|
39
61
|
this.dialogRef.close(true);
|
|
40
62
|
}
|
|
41
63
|
}
|
|
42
|
-
|
|
43
|
-
|
|
64
|
+
closeFalsey() {
|
|
65
|
+
this.dialogRef.close(false);
|
|
66
|
+
}
|
|
67
|
+
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 });
|
|
68
|
+
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" }] });
|
|
44
69
|
}
|
|
45
70
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsDialogConfirmComponent, decorators: [{
|
|
46
71
|
type: Component,
|
|
47
|
-
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)=\"
|
|
48
|
-
}], ctorParameters: function () { return [{ type:
|
|
72
|
+
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"] }]
|
|
73
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
49
74
|
type: Inject,
|
|
50
75
|
args: [MAT_DIALOG_DATA]
|
|
51
|
-
}] }, { type: i2.UnsubscribeService }]; } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
76
|
+
}] }, { type: i1.MatDialogRef }, { type: i2.UnsubscribeService }, { type: i3.EcabsComponentsService }, { type: i0.DestroyRef }]; } });
|
|
77
|
+
//# 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
|
|
@@ -400,10 +400,16 @@ const errorMessages = [
|
|
|
400
400
|
},
|
|
401
401
|
];
|
|
402
402
|
|
|
403
|
+
const i18n = {
|
|
404
|
+
confirmLabel: 'ACTIONS.CONFIRM',
|
|
405
|
+
cancelLabel: 'ACTIONS.CANCEL',
|
|
406
|
+
};
|
|
407
|
+
|
|
403
408
|
class EcabsComponentsService {
|
|
404
409
|
defaultConfig = {
|
|
405
410
|
defaultCountries: [],
|
|
406
411
|
errorMessages: [...errorMessages],
|
|
412
|
+
i18n,
|
|
407
413
|
};
|
|
408
414
|
_config = new BehaviorSubject(this.defaultConfig);
|
|
409
415
|
setConfig(config) {
|
|
@@ -418,7 +424,9 @@ class EcabsComponentsService {
|
|
|
418
424
|
for (const key in currentConfig) {
|
|
419
425
|
if (Object.prototype.hasOwnProperty.call(currentConfig, key) &&
|
|
420
426
|
Object.prototype.hasOwnProperty.call(configUpdate, key)) {
|
|
421
|
-
updatedConfig[key] =
|
|
427
|
+
updatedConfig[key] = Array.isArray(currentConfig[key])
|
|
428
|
+
? [...currentConfig[key], ...configUpdate[key]]
|
|
429
|
+
: { ...currentConfig[key], ...configUpdate[key] };
|
|
422
430
|
}
|
|
423
431
|
else {
|
|
424
432
|
updatedConfig = currentConfig;
|
|
@@ -438,6 +446,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
438
446
|
class GenericComponentConfig {
|
|
439
447
|
defaultCountries = [];
|
|
440
448
|
errorMessages = [];
|
|
449
|
+
i18n;
|
|
441
450
|
}
|
|
442
451
|
|
|
443
452
|
class ValidationComponent {
|
|
@@ -4248,18 +4257,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4248
4257
|
}] });
|
|
4249
4258
|
|
|
4250
4259
|
class EcabsDialogConfirmComponent {
|
|
4251
|
-
dialogRef;
|
|
4252
4260
|
data;
|
|
4261
|
+
dialogRef;
|
|
4253
4262
|
unsubscribeService;
|
|
4263
|
+
componentsService;
|
|
4264
|
+
destroyRef;
|
|
4254
4265
|
message;
|
|
4255
4266
|
color = 'primary';
|
|
4256
|
-
constructor(dialogRef,
|
|
4257
|
-
this.dialogRef = dialogRef;
|
|
4267
|
+
constructor(data, dialogRef, unsubscribeService, componentsService, destroyRef) {
|
|
4258
4268
|
this.data = data;
|
|
4269
|
+
this.dialogRef = dialogRef;
|
|
4259
4270
|
this.unsubscribeService = unsubscribeService;
|
|
4271
|
+
this.componentsService = componentsService;
|
|
4272
|
+
this.destroyRef = destroyRef;
|
|
4260
4273
|
}
|
|
4274
|
+
translations;
|
|
4261
4275
|
ngOnInit() {
|
|
4262
4276
|
this.dialogRef.updateSize(this.data.width || '24rem');
|
|
4277
|
+
this.componentsService
|
|
4278
|
+
.getConfig()
|
|
4279
|
+
.pipe(takeUntilDestroyed(this.destroyRef))
|
|
4280
|
+
.subscribe((config) => {
|
|
4281
|
+
const { i18n } = config ?? {};
|
|
4282
|
+
const { confirmLabel, cancelLabel, hideConfirmButton, hideCancelButton, } = this.data ?? {};
|
|
4283
|
+
if (i18n) {
|
|
4284
|
+
this.data.confirmLabel = !hideConfirmButton
|
|
4285
|
+
? confirmLabel || i18n?.confirmLabel
|
|
4286
|
+
: undefined;
|
|
4287
|
+
this.data.cancelLabel = !hideCancelButton
|
|
4288
|
+
? cancelLabel || i18n?.cancelLabel
|
|
4289
|
+
: undefined;
|
|
4290
|
+
}
|
|
4291
|
+
});
|
|
4263
4292
|
}
|
|
4264
4293
|
ngOnDestroy() {
|
|
4265
4294
|
this.unsubscribeService.destroy();
|
|
@@ -4278,16 +4307,19 @@ class EcabsDialogConfirmComponent {
|
|
|
4278
4307
|
this.dialogRef.close(true);
|
|
4279
4308
|
}
|
|
4280
4309
|
}
|
|
4281
|
-
|
|
4282
|
-
|
|
4310
|
+
closeFalsey() {
|
|
4311
|
+
this.dialogRef.close(false);
|
|
4312
|
+
}
|
|
4313
|
+
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 });
|
|
4314
|
+
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" }] });
|
|
4283
4315
|
}
|
|
4284
4316
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsDialogConfirmComponent, decorators: [{
|
|
4285
4317
|
type: Component,
|
|
4286
|
-
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)=\"
|
|
4287
|
-
}], ctorParameters: function () { return [{ type:
|
|
4318
|
+
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"] }]
|
|
4319
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
4288
4320
|
type: Inject,
|
|
4289
4321
|
args: [MAT_DIALOG_DATA]
|
|
4290
|
-
}] }, { type: UnsubscribeService }]; } });
|
|
4322
|
+
}] }, { type: i1$2.MatDialogRef }, { type: UnsubscribeService }, { type: EcabsComponentsService }, { type: i0.DestroyRef }]; } });
|
|
4291
4323
|
|
|
4292
4324
|
class EcabsDialogConfirmModule {
|
|
4293
4325
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsDialogConfirmModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|