@unifylib/ui-lib 1.2.9 → 1.2.11
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.
|
@@ -19,6 +19,7 @@ export class ActionConfirmationComponent {
|
|
|
19
19
|
this.titleMsg = '';
|
|
20
20
|
this.listTitle = '';
|
|
21
21
|
this.listMessages = [];
|
|
22
|
+
this.isListMessagesTranslatable = true;
|
|
22
23
|
this.extraWarningMsg = '';
|
|
23
24
|
this.currentDirection = 'ltr';
|
|
24
25
|
dialogRef.disableClose = true;
|
|
@@ -35,6 +36,7 @@ export class ActionConfirmationComponent {
|
|
|
35
36
|
this.listMessages = this.data.listMessages || [];
|
|
36
37
|
this.extraWarningMsg = this.data.extraWarningMsg || '';
|
|
37
38
|
this.currentDirection = this.data.direction;
|
|
39
|
+
this.isListMessagesTranslatable = this.data.isListMessagesTranslatable ?? true;
|
|
38
40
|
this.icon = this.data.icon || { name: 'check_circle', color: '#0d7d6a' };
|
|
39
41
|
}
|
|
40
42
|
commentAndClose() {
|
|
@@ -45,7 +47,7 @@ export class ActionConfirmationComponent {
|
|
|
45
47
|
this.dialogRef.close();
|
|
46
48
|
}
|
|
47
49
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionConfirmationComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ActionConfirmationComponent, isStandalone: true, selector: "app-action-confirmation", inputs: { icon: "icon" }, host: { listeners: { "window:keyup.esc": "onKeyUp()" } }, ngImport: i0, template: "<div class=\"confirm-dialog\" [dir]=\"currentDirection\">\r\n\r\n <div class=\"header-section\">\r\n <div class=\"header-row\">\r\n <div class=\"icon-container\">\r\n <mat-icon class=\"check-icon\" [style.color]=\"icon.color\">{{ icon.name }}</mat-icon>\r\n </div>\r\n\r\n </div>\r\n <div class=\"title-container\">\r\n <h2 class=\"title\">{{ titleMsg | translate }}</h2>\r\n </div>\r\n </div>\r\n\r\n <div class=\"message-container\">\r\n <p class=\"message\" *ngIf=\"subMsg\">\r\n {{ subMsg | translate }}\r\n </p>\r\n\r\n <div class=\"list-section\" *ngIf=\"listTitle || listMessages.length > 0\">\r\n <p class=\"list-title\" *ngIf=\"listTitle\"><strong>{{ listTitle | translate }}</strong></p>\r\n <ul class=\"list-messages\" *ngIf=\"listMessages.length > 0\">\r\n @if (isListMessagesTranslatable) {\r\n <li *ngFor=\"let message of listMessages\" class=\"list-item\">\r\n {{ message | translate }}\r\n </li>\r\n }\r\n @else{\r\n <li *ngFor=\"let message of listMessages\" class=\"list-item\">\r\n {{ message }}\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n\r\n <p class=\"extra-warning\" *ngIf=\"extraWarningMsg\">\r\n {{ extraWarningMsg | translate }}\r\n </p>\r\n </div>\r\n\r\n <div class=\"actions\">\r\n <button\r\n mat-stroked-button\r\n class=\"btn-cancel\"\r\n (click)=\"cancel()\"\r\n id=\"rejectActionLabel\">\r\n {{ rejectActionLabel | translate }}\r\n </button>\r\n\r\n <button\r\n mat-flat-button\r\n class=\"btn-confirm\"\r\n (click)=\"commentAndClose()\"\r\n id=\"acceptActionLabel\">\r\n {{ acceptActionLabel | translate }}\r\n </button>\r\n </div>\r\n\r\n</div>\r\n", styles: [".confirm-dialog{padding:24px;min-width:547px;box-sizing:border-box;background:#fff;border:1px solid #f0eeee;border-radius:8px;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;display:flex;flex-direction:column;gap:8px}.header-section{display:flex;flex-direction:column;gap:8px;width:100%}.header-row{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;min-height:32px}.title-container{display:flex;align-items:flex-start;width:100%}.icon-container{width:32px;height:32px;background:#edfffa;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.check-icon{font-size:32px;width:32px;height:38px;line-height:32px}.title{margin:0;font-size:20px;font-weight:500;font-family:lusail-medium,sans-serif;color:#222;line-height:1.2}.message-container{padding:0 0 16px;width:100%}.message{margin:0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-section{margin-top:8px}.list-title{margin:0 0 8px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-messages{margin:0;padding-left:20px;list-style-type:disc}.list-item{margin:0 0 4px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-item:last-child{margin-bottom:0}.extra-warning{margin:16px 0 0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;width:100%}.btn-cancel{width:122px;height:32px;margin:0!important;background:#fff;border:1px solid #3E627B!important;border-radius:8px;color:#3e627b!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center}.btn-cancel:hover{background:#f5f5f5}.btn-confirm{height:32px;margin:0!important;background:#0d4261!important;border-radius:8px!important;color:#fff!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center;min-width:auto}.btn-confirm:hover{background:#082b41}@media (max-width: 768px){.confirm-dialog{padding:16px;min-width:0;width:100%;max-width:100%;margin:0;border-radius:0}.header-section{gap:12px}.icon-container{width:28px;height:28px}.check-icon{font-size:28px;width:28px;height:28px}.title{font-size:18px}.message-container{padding:0 0 12px}.message,.list-title,.list-item{font-size:14px}.extra-warning{font-size:14px;margin-top:12px}.actions{flex-direction:column;gap:8px;width:100%}.btn-cancel,.btn-confirm{width:100%;height:44px;font-size:16px}}:host ::ng-deep .mat-mdc-dialog-container{padding:0!important}@media (max-width: 768px){:host ::ng-deep .mat-mdc-dialog-container{max-width:100vw!important;width:100vw!important;margin:0!important;max-height:90vh!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
49
51
|
}
|
|
50
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionConfirmationComponent, decorators: [{
|
|
51
53
|
type: Component,
|
|
@@ -55,7 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
55
57
|
MatButton,
|
|
56
58
|
MatIconButton,
|
|
57
59
|
MatIcon
|
|
58
|
-
], template: "<div class=\"confirm-dialog\" [dir]=\"currentDirection\">\r\n\r\n <div class=\"header-section\">\r\n <div class=\"header-row\">\r\n <div class=\"icon-container\">\r\n <mat-icon class=\"check-icon\" [style.color]=\"icon.color\">{{ icon.name }}</mat-icon>\r\n </div>\r\n\r\n </div>\r\n <div class=\"title-container\">\r\n <h2 class=\"title\">{{ titleMsg | translate }}</h2>\r\n </div>\r\n </div>\r\n\r\n <div class=\"message-container\">\r\n <p class=\"message\" *ngIf=\"subMsg\">\r\n {{ subMsg | translate }}\r\n </p>\r\n\r\n <div class=\"list-section\" *ngIf=\"listTitle || listMessages.length > 0\">\r\n <p class=\"list-title\" *ngIf=\"listTitle\"><strong>{{ listTitle | translate }}</strong></p>\r\n <ul class=\"list-messages\" *ngIf=\"listMessages.length > 0\">\r\n <li *ngFor=\"let message of listMessages\" class=\"list-item\">\r\n
|
|
60
|
+
], template: "<div class=\"confirm-dialog\" [dir]=\"currentDirection\">\r\n\r\n <div class=\"header-section\">\r\n <div class=\"header-row\">\r\n <div class=\"icon-container\">\r\n <mat-icon class=\"check-icon\" [style.color]=\"icon.color\">{{ icon.name }}</mat-icon>\r\n </div>\r\n\r\n </div>\r\n <div class=\"title-container\">\r\n <h2 class=\"title\">{{ titleMsg | translate }}</h2>\r\n </div>\r\n </div>\r\n\r\n <div class=\"message-container\">\r\n <p class=\"message\" *ngIf=\"subMsg\">\r\n {{ subMsg | translate }}\r\n </p>\r\n\r\n <div class=\"list-section\" *ngIf=\"listTitle || listMessages.length > 0\">\r\n <p class=\"list-title\" *ngIf=\"listTitle\"><strong>{{ listTitle | translate }}</strong></p>\r\n <ul class=\"list-messages\" *ngIf=\"listMessages.length > 0\">\r\n @if (isListMessagesTranslatable) {\r\n <li *ngFor=\"let message of listMessages\" class=\"list-item\">\r\n {{ message | translate }}\r\n </li>\r\n }\r\n @else{\r\n <li *ngFor=\"let message of listMessages\" class=\"list-item\">\r\n {{ message }}\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n\r\n <p class=\"extra-warning\" *ngIf=\"extraWarningMsg\">\r\n {{ extraWarningMsg | translate }}\r\n </p>\r\n </div>\r\n\r\n <div class=\"actions\">\r\n <button\r\n mat-stroked-button\r\n class=\"btn-cancel\"\r\n (click)=\"cancel()\"\r\n id=\"rejectActionLabel\">\r\n {{ rejectActionLabel | translate }}\r\n </button>\r\n\r\n <button\r\n mat-flat-button\r\n class=\"btn-confirm\"\r\n (click)=\"commentAndClose()\"\r\n id=\"acceptActionLabel\">\r\n {{ acceptActionLabel | translate }}\r\n </button>\r\n </div>\r\n\r\n</div>\r\n", styles: [".confirm-dialog{padding:24px;min-width:547px;box-sizing:border-box;background:#fff;border:1px solid #f0eeee;border-radius:8px;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;display:flex;flex-direction:column;gap:8px}.header-section{display:flex;flex-direction:column;gap:8px;width:100%}.header-row{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;min-height:32px}.title-container{display:flex;align-items:flex-start;width:100%}.icon-container{width:32px;height:32px;background:#edfffa;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.check-icon{font-size:32px;width:32px;height:38px;line-height:32px}.title{margin:0;font-size:20px;font-weight:500;font-family:lusail-medium,sans-serif;color:#222;line-height:1.2}.message-container{padding:0 0 16px;width:100%}.message{margin:0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-section{margin-top:8px}.list-title{margin:0 0 8px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-messages{margin:0;padding-left:20px;list-style-type:disc}.list-item{margin:0 0 4px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-item:last-child{margin-bottom:0}.extra-warning{margin:16px 0 0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;width:100%}.btn-cancel{width:122px;height:32px;margin:0!important;background:#fff;border:1px solid #3E627B!important;border-radius:8px;color:#3e627b!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center}.btn-cancel:hover{background:#f5f5f5}.btn-confirm{height:32px;margin:0!important;background:#0d4261!important;border-radius:8px!important;color:#fff!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center;min-width:auto}.btn-confirm:hover{background:#082b41}@media (max-width: 768px){.confirm-dialog{padding:16px;min-width:0;width:100%;max-width:100%;margin:0;border-radius:0}.header-section{gap:12px}.icon-container{width:28px;height:28px}.check-icon{font-size:28px;width:28px;height:28px}.title{font-size:18px}.message-container{padding:0 0 12px}.message,.list-title,.list-item{font-size:14px}.extra-warning{font-size:14px;margin-top:12px}.actions{flex-direction:column;gap:8px;width:100%}.btn-cancel,.btn-confirm{width:100%;height:44px;font-size:16px}}:host ::ng-deep .mat-mdc-dialog-container{padding:0!important}@media (max-width: 768px){:host ::ng-deep .mat-mdc-dialog-container{max-width:100vw!important;width:100vw!important;margin:0!important;max-height:90vh!important}}\n"] }]
|
|
59
61
|
}], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
|
|
60
62
|
type: Inject,
|
|
61
63
|
args: [MAT_DIALOG_DATA]
|
|
@@ -65,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
65
67
|
type: HostListener,
|
|
66
68
|
args: ['window:keyup.esc']
|
|
67
69
|
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNvbmZpcm1hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2FjdGlvbi1jb25maXJtYXRpb24vYWN0aW9uLWNvbmZpcm1hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2FjdGlvbi1jb25maXJtYXRpb24vYWN0aW9uLWNvbmZpcm1hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFlLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQ0wsZUFBZSxFQUtoQixNQUFNLDBCQUEwQixDQUFDO0FBRWxDLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRCxPQUFPLEVBQUMsU0FBUyxFQUFFLGFBQWEsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ2xFLE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7QUFvQi9DLE1BQU0sT0FBTywyQkFBMkI7SUFXdEMsWUFBbUIsU0FBb0QsRUFDM0IsSUFBUztRQURsQyxjQUFTLEdBQVQsU0FBUyxDQUEyQztRQUMzQixTQUFJLEdBQUosSUFBSSxDQUFLO1FBWDVDLFNBQUksR0FBZSxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxDQUFDO1FBQ3ZFLHNCQUFpQixHQUFXLEVBQUUsQ0FBQTtRQUM5QixzQkFBaUIsR0FBVyxFQUFFLENBQUE7UUFDOUIsV0FBTSxHQUFZLEVBQUUsQ0FBQztRQUNyQixhQUFRLEdBQVksRUFBRSxDQUFDO1FBQ3ZCLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFDdkIsaUJBQVksR0FBYSxFQUFFLENBQUM7UUFDNUIsK0JBQTBCLEdBQVksSUFBSSxDQUFDO1FBQzNDLG9CQUFlLEdBQVcsRUFBRSxDQUFDO1FBQzdCLHFCQUFnQixHQUFrQixLQUFLLENBQUM7UUFHdEMsU0FBUyxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDaEMsQ0FBQztJQUNpQyxPQUFPO1FBQ3ZDLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsSUFBSSxRQUFRLENBQUU7UUFDbEUsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLElBQUksUUFBUSxDQUFDO1FBQ2pFLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksRUFBRSxDQUFDO1FBQ3pDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksRUFBRSxDQUFDO1FBQzNDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksRUFBRSxDQUFDO1FBQzNDLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLElBQUksRUFBRSxDQUFDO1FBQ2pELElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLElBQUksRUFBRSxDQUFDO1FBQ3ZELElBQUksQ0FBQyxnQkFBZ0IsR0FBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUM3QyxJQUFJLENBQUMsMEJBQTBCLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQywwQkFBMEIsSUFBSSxJQUFJLENBQUM7UUFDL0UsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxDQUFDO0lBQzNFLENBQUM7SUFHRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFFL0IsT0FBTyxFQUFFLENBQUM7SUFDWixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDekIsQ0FBQzsrR0F4Q1UsMkJBQTJCLDhDQVlsQixlQUFlO21HQVp4QiwyQkFBMkIsdUtDaEN4QyxzeERBMkRBLDgrRkRwQ0ksWUFBWSwrUEFDWixlQUFlLDRGQUNmLFNBQVMsaUxBRVQsT0FBTzs7NEZBS0UsMkJBQTJCO2tCQWJ2QyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixlQUFlO3dCQUNmLFNBQVM7d0JBQ1QsYUFBYTt3QkFDYixPQUFPO3FCQUNSOzswQkFnQlksTUFBTTsyQkFBQyxlQUFlO3lDQVgxQixJQUFJO3NCQUFaLEtBQUs7Z0JBYzRCLE9BQU87c0JBQXhDLFlBQVk7dUJBQUMsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIEluamVjdCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQge1xyXG4gIE1BVF9ESUFMT0dfREFUQSxcclxuICBNYXREaWFsb2dBY3Rpb25zLFxyXG4gIE1hdERpYWxvZ0NvbnRlbnQsXHJcbiAgTWF0RGlhbG9nUmVmLFxyXG4gIE1hdERpYWxvZ1RpdGxlXHJcbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2RpYWxvZ1wiO1xyXG5pbXBvcnQge01hdEZvcm1GaWVsZH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGRcIjtcclxuaW1wb3J0IHtUcmFuc2xhdGVNb2R1bGV9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XHJcbmltcG9ydCB7TWF0QnV0dG9uLCBNYXRJY29uQnV0dG9ufSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uXCI7XHJcbmltcG9ydCB7TWF0SWNvbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2ljb25cIjtcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgSWNvbkNvbmZpZyB7XHJcbiAgbmFtZTogc3RyaW5nO1xyXG4gIGNvbG9yOiBzdHJpbmc7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWFjdGlvbi1jb25maXJtYXRpb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxyXG4gICAgTWF0QnV0dG9uLFxyXG4gICAgTWF0SWNvbkJ1dHRvbixcclxuICAgIE1hdEljb25cclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYWN0aW9uLWNvbmZpcm1hdGlvbi5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQWN0aW9uQ29uZmlybWF0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBpY29uOiBJY29uQ29uZmlnID0geyBuYW1lOiAnY2hlY2tfY2lyY2xlJywgY29sb3I6ICcjMGQ3ZDZhJyB9O1xyXG4gIGFjY2VwdEFjdGlvbkxhYmVsIDogc3RyaW5nID0nJ1xyXG4gIHJlamVjdEFjdGlvbkxhYmVsIDogc3RyaW5nID0nJ1xyXG4gIHN1Yk1zZyA6IHN0cmluZyA9ICcnO1xyXG4gIHRpdGxlTXNnIDogc3RyaW5nID0gJyc7XHJcbiAgbGlzdFRpdGxlOiBzdHJpbmcgPSAnJztcclxuICBsaXN0TWVzc2FnZXM6IHN0cmluZ1tdID0gW107XHJcbiAgaXNMaXN0TWVzc2FnZXNUcmFuc2xhdGFibGU6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIGV4dHJhV2FybmluZ01zZzogc3RyaW5nID0gJyc7XHJcbiAgY3VycmVudERpcmVjdGlvbjogJ2x0cicgfCAncnRsJyA9ICdsdHInO1xyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxBY3Rpb25Db25maXJtYXRpb25Db21wb25lbnQ+LFxyXG4gICAgICAgICAgICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogYW55KSB7XHJcbiAgICBkaWFsb2dSZWYuZGlzYWJsZUNsb3NlID0gdHJ1ZTtcclxuICB9XHJcbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OmtleXVwLmVzYycpIG9uS2V5VXAoKSB7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xyXG4gIH1cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuYWNjZXB0QWN0aW9uTGFiZWwgPSB0aGlzLmRhdGEuYWNjZXB0QWN0aW9uTGFiZWwgfHwgJ2FjY2VwdCcgO1xyXG4gICAgdGhpcy5yZWplY3RBY3Rpb25MYWJlbCA9IHRoaXMuZGF0YS5yZWplY3RBY3Rpb25MYWJlbCB8fCAncmVqZWN0JztcclxuICAgIHRoaXMuc3ViTXNnID0gdGhpcy5kYXRhLndhcm5pbmdNc2cgfHwgJyc7XHJcbiAgICB0aGlzLnRpdGxlTXNnID0gdGhpcy5kYXRhLmNvbmZpcm1Nc2cgfHwgJyc7XHJcbiAgICB0aGlzLmxpc3RUaXRsZSA9IHRoaXMuZGF0YS5saXN0VGl0bGUgfHwgJyc7XHJcbiAgICB0aGlzLmxpc3RNZXNzYWdlcyA9IHRoaXMuZGF0YS5saXN0TWVzc2FnZXMgfHwgW107XHJcbiAgICB0aGlzLmV4dHJhV2FybmluZ01zZyA9IHRoaXMuZGF0YS5leHRyYVdhcm5pbmdNc2cgfHwgJyc7XHJcbiAgICB0aGlzLmN1cnJlbnREaXJlY3Rpb24gID0gdGhpcy5kYXRhLmRpcmVjdGlvbjtcclxuICAgIHRoaXMuaXNMaXN0TWVzc2FnZXNUcmFuc2xhdGFibGUgPSB0aGlzLmRhdGEuaXNMaXN0TWVzc2FnZXNUcmFuc2xhdGFibGUgPz8gdHJ1ZTtcclxuICAgIHRoaXMuaWNvbiA9IHRoaXMuZGF0YS5pY29uIHx8IHsgbmFtZTogJ2NoZWNrX2NpcmNsZScsIGNvbG9yOiAnIzBkN2Q2YScgfTtcclxuICB9XHJcblxyXG5cclxuICBjb21tZW50QW5kQ2xvc2UoKSB7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgnYWNjZXB0Jyk7XHJcblxyXG4gICAgcmV0dXJuIFwiXCI7XHJcbiAgfVxyXG5cclxuICBjYW5jZWwoKSB7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbmZpcm0tZGlhbG9nXCIgW2Rpcl09XCJjdXJyZW50RGlyZWN0aW9uXCI+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJoZWFkZXItc2VjdGlvblwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImhlYWRlci1yb3dcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImljb24tY29udGFpbmVyXCI+XHJcbiAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiY2hlY2staWNvblwiIFtzdHlsZS5jb2xvcl09XCJpY29uLmNvbG9yXCI+e3sgaWNvbi5uYW1lIH19PC9tYXQtaWNvbj5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGl0bGUtY29udGFpbmVyXCI+XHJcbiAgICAgIDxoMiBjbGFzcz1cInRpdGxlXCI+e3sgdGl0bGVNc2cgfCB0cmFuc2xhdGUgfX08L2gyPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJtZXNzYWdlLWNvbnRhaW5lclwiPlxyXG4gICAgPHAgY2xhc3M9XCJtZXNzYWdlXCIgKm5nSWY9XCJzdWJNc2dcIj5cclxuICAgICAge3sgc3ViTXNnIHwgdHJhbnNsYXRlIH19XHJcbiAgICA8L3A+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImxpc3Qtc2VjdGlvblwiICpuZ0lmPVwibGlzdFRpdGxlIHx8IGxpc3RNZXNzYWdlcy5sZW5ndGggPiAwXCI+XHJcbiAgICAgIDxwIGNsYXNzPVwibGlzdC10aXRsZVwiICpuZ0lmPVwibGlzdFRpdGxlXCI+PHN0cm9uZz57eyBsaXN0VGl0bGUgfCB0cmFuc2xhdGUgfX08L3N0cm9uZz48L3A+XHJcbiAgICAgIDx1bCBjbGFzcz1cImxpc3QtbWVzc2FnZXNcIiAqbmdJZj1cImxpc3RNZXNzYWdlcy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgQGlmIChpc0xpc3RNZXNzYWdlc1RyYW5zbGF0YWJsZSkge1xyXG4gICAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBtZXNzYWdlIG9mIGxpc3RNZXNzYWdlc1wiIGNsYXNzPVwibGlzdC1pdGVtXCI+XHJcbiAgICAgICAgICAgIHt7IG1lc3NhZ2UgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBlbHNle1xyXG4gICAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBtZXNzYWdlIG9mIGxpc3RNZXNzYWdlc1wiIGNsYXNzPVwibGlzdC1pdGVtXCI+XHJcbiAgICAgICAgICAgIHt7IG1lc3NhZ2UgfX1cclxuICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgfVxyXG4gICAgICA8L3VsPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPHAgY2xhc3M9XCJleHRyYS13YXJuaW5nXCIgKm5nSWY9XCJleHRyYVdhcm5pbmdNc2dcIj5cclxuICAgICAge3sgZXh0cmFXYXJuaW5nTXNnIHwgdHJhbnNsYXRlIH19XHJcbiAgICA8L3A+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJhY3Rpb25zXCI+XHJcbiAgICA8YnV0dG9uXHJcbiAgICAgIG1hdC1zdHJva2VkLWJ1dHRvblxyXG4gICAgICBjbGFzcz1cImJ0bi1jYW5jZWxcIlxyXG4gICAgICAoY2xpY2spPVwiY2FuY2VsKClcIlxyXG4gICAgICBpZD1cInJlamVjdEFjdGlvbkxhYmVsXCI+XHJcbiAgICAgIHt7IHJlamVjdEFjdGlvbkxhYmVsIHwgdHJhbnNsYXRlIH19XHJcbiAgICA8L2J1dHRvbj5cclxuXHJcbiAgICA8YnV0dG9uXHJcbiAgICAgIG1hdC1mbGF0LWJ1dHRvblxyXG4gICAgICBjbGFzcz1cImJ0bi1jb25maXJtXCJcclxuICAgICAgKGNsaWNrKT1cImNvbW1lbnRBbmRDbG9zZSgpXCJcclxuICAgICAgaWQ9XCJhY2NlcHRBY3Rpb25MYWJlbFwiPlxyXG4gICAgICB7eyBhY2NlcHRBY3Rpb25MYWJlbCB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcblxyXG48L2Rpdj5cclxuIl19
|
|
@@ -66,6 +66,7 @@ class ActionConfirmationComponent {
|
|
|
66
66
|
this.titleMsg = '';
|
|
67
67
|
this.listTitle = '';
|
|
68
68
|
this.listMessages = [];
|
|
69
|
+
this.isListMessagesTranslatable = true;
|
|
69
70
|
this.extraWarningMsg = '';
|
|
70
71
|
this.currentDirection = 'ltr';
|
|
71
72
|
dialogRef.disableClose = true;
|
|
@@ -82,6 +83,7 @@ class ActionConfirmationComponent {
|
|
|
82
83
|
this.listMessages = this.data.listMessages || [];
|
|
83
84
|
this.extraWarningMsg = this.data.extraWarningMsg || '';
|
|
84
85
|
this.currentDirection = this.data.direction;
|
|
86
|
+
this.isListMessagesTranslatable = this.data.isListMessagesTranslatable ?? true;
|
|
85
87
|
this.icon = this.data.icon || { name: 'check_circle', color: '#0d7d6a' };
|
|
86
88
|
}
|
|
87
89
|
commentAndClose() {
|
|
@@ -92,7 +94,7 @@ class ActionConfirmationComponent {
|
|
|
92
94
|
this.dialogRef.close();
|
|
93
95
|
}
|
|
94
96
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionConfirmationComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
95
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
97
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ActionConfirmationComponent, isStandalone: true, selector: "app-action-confirmation", inputs: { icon: "icon" }, host: { listeners: { "window:keyup.esc": "onKeyUp()" } }, ngImport: i0, template: "<div class=\"confirm-dialog\" [dir]=\"currentDirection\">\r\n\r\n <div class=\"header-section\">\r\n <div class=\"header-row\">\r\n <div class=\"icon-container\">\r\n <mat-icon class=\"check-icon\" [style.color]=\"icon.color\">{{ icon.name }}</mat-icon>\r\n </div>\r\n\r\n </div>\r\n <div class=\"title-container\">\r\n <h2 class=\"title\">{{ titleMsg | translate }}</h2>\r\n </div>\r\n </div>\r\n\r\n <div class=\"message-container\">\r\n <p class=\"message\" *ngIf=\"subMsg\">\r\n {{ subMsg | translate }}\r\n </p>\r\n\r\n <div class=\"list-section\" *ngIf=\"listTitle || listMessages.length > 0\">\r\n <p class=\"list-title\" *ngIf=\"listTitle\"><strong>{{ listTitle | translate }}</strong></p>\r\n <ul class=\"list-messages\" *ngIf=\"listMessages.length > 0\">\r\n @if (isListMessagesTranslatable) {\r\n <li *ngFor=\"let message of listMessages\" class=\"list-item\">\r\n {{ message | translate }}\r\n </li>\r\n }\r\n @else{\r\n <li *ngFor=\"let message of listMessages\" class=\"list-item\">\r\n {{ message }}\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n\r\n <p class=\"extra-warning\" *ngIf=\"extraWarningMsg\">\r\n {{ extraWarningMsg | translate }}\r\n </p>\r\n </div>\r\n\r\n <div class=\"actions\">\r\n <button\r\n mat-stroked-button\r\n class=\"btn-cancel\"\r\n (click)=\"cancel()\"\r\n id=\"rejectActionLabel\">\r\n {{ rejectActionLabel | translate }}\r\n </button>\r\n\r\n <button\r\n mat-flat-button\r\n class=\"btn-confirm\"\r\n (click)=\"commentAndClose()\"\r\n id=\"acceptActionLabel\">\r\n {{ acceptActionLabel | translate }}\r\n </button>\r\n </div>\r\n\r\n</div>\r\n", styles: [".confirm-dialog{padding:24px;min-width:547px;box-sizing:border-box;background:#fff;border:1px solid #f0eeee;border-radius:8px;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;display:flex;flex-direction:column;gap:8px}.header-section{display:flex;flex-direction:column;gap:8px;width:100%}.header-row{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;min-height:32px}.title-container{display:flex;align-items:flex-start;width:100%}.icon-container{width:32px;height:32px;background:#edfffa;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.check-icon{font-size:32px;width:32px;height:38px;line-height:32px}.title{margin:0;font-size:20px;font-weight:500;font-family:lusail-medium,sans-serif;color:#222;line-height:1.2}.message-container{padding:0 0 16px;width:100%}.message{margin:0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-section{margin-top:8px}.list-title{margin:0 0 8px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-messages{margin:0;padding-left:20px;list-style-type:disc}.list-item{margin:0 0 4px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-item:last-child{margin-bottom:0}.extra-warning{margin:16px 0 0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;width:100%}.btn-cancel{width:122px;height:32px;margin:0!important;background:#fff;border:1px solid #3E627B!important;border-radius:8px;color:#3e627b!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center}.btn-cancel:hover{background:#f5f5f5}.btn-confirm{height:32px;margin:0!important;background:#0d4261!important;border-radius:8px!important;color:#fff!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center;min-width:auto}.btn-confirm:hover{background:#082b41}@media (max-width: 768px){.confirm-dialog{padding:16px;min-width:0;width:100%;max-width:100%;margin:0;border-radius:0}.header-section{gap:12px}.icon-container{width:28px;height:28px}.check-icon{font-size:28px;width:28px;height:28px}.title{font-size:18px}.message-container{padding:0 0 12px}.message,.list-title,.list-item{font-size:14px}.extra-warning{font-size:14px;margin-top:12px}.actions{flex-direction:column;gap:8px;width:100%}.btn-cancel,.btn-confirm{width:100%;height:44px;font-size:16px}}:host ::ng-deep .mat-mdc-dialog-container{padding:0!important}@media (max-width: 768px){:host ::ng-deep .mat-mdc-dialog-container{max-width:100vw!important;width:100vw!important;margin:0!important;max-height:90vh!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
96
98
|
}
|
|
97
99
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionConfirmationComponent, decorators: [{
|
|
98
100
|
type: Component,
|
|
@@ -102,7 +104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
102
104
|
MatButton,
|
|
103
105
|
MatIconButton,
|
|
104
106
|
MatIcon
|
|
105
|
-
], template: "<div class=\"confirm-dialog\" [dir]=\"currentDirection\">\r\n\r\n <div class=\"header-section\">\r\n <div class=\"header-row\">\r\n <div class=\"icon-container\">\r\n <mat-icon class=\"check-icon\" [style.color]=\"icon.color\">{{ icon.name }}</mat-icon>\r\n </div>\r\n\r\n </div>\r\n <div class=\"title-container\">\r\n <h2 class=\"title\">{{ titleMsg | translate }}</h2>\r\n </div>\r\n </div>\r\n\r\n <div class=\"message-container\">\r\n <p class=\"message\" *ngIf=\"subMsg\">\r\n {{ subMsg | translate }}\r\n </p>\r\n\r\n <div class=\"list-section\" *ngIf=\"listTitle || listMessages.length > 0\">\r\n <p class=\"list-title\" *ngIf=\"listTitle\"><strong>{{ listTitle | translate }}</strong></p>\r\n <ul class=\"list-messages\" *ngIf=\"listMessages.length > 0\">\r\n <li *ngFor=\"let message of listMessages\" class=\"list-item\">\r\n
|
|
107
|
+
], template: "<div class=\"confirm-dialog\" [dir]=\"currentDirection\">\r\n\r\n <div class=\"header-section\">\r\n <div class=\"header-row\">\r\n <div class=\"icon-container\">\r\n <mat-icon class=\"check-icon\" [style.color]=\"icon.color\">{{ icon.name }}</mat-icon>\r\n </div>\r\n\r\n </div>\r\n <div class=\"title-container\">\r\n <h2 class=\"title\">{{ titleMsg | translate }}</h2>\r\n </div>\r\n </div>\r\n\r\n <div class=\"message-container\">\r\n <p class=\"message\" *ngIf=\"subMsg\">\r\n {{ subMsg | translate }}\r\n </p>\r\n\r\n <div class=\"list-section\" *ngIf=\"listTitle || listMessages.length > 0\">\r\n <p class=\"list-title\" *ngIf=\"listTitle\"><strong>{{ listTitle | translate }}</strong></p>\r\n <ul class=\"list-messages\" *ngIf=\"listMessages.length > 0\">\r\n @if (isListMessagesTranslatable) {\r\n <li *ngFor=\"let message of listMessages\" class=\"list-item\">\r\n {{ message | translate }}\r\n </li>\r\n }\r\n @else{\r\n <li *ngFor=\"let message of listMessages\" class=\"list-item\">\r\n {{ message }}\r\n </li>\r\n }\r\n </ul>\r\n </div>\r\n\r\n <p class=\"extra-warning\" *ngIf=\"extraWarningMsg\">\r\n {{ extraWarningMsg | translate }}\r\n </p>\r\n </div>\r\n\r\n <div class=\"actions\">\r\n <button\r\n mat-stroked-button\r\n class=\"btn-cancel\"\r\n (click)=\"cancel()\"\r\n id=\"rejectActionLabel\">\r\n {{ rejectActionLabel | translate }}\r\n </button>\r\n\r\n <button\r\n mat-flat-button\r\n class=\"btn-confirm\"\r\n (click)=\"commentAndClose()\"\r\n id=\"acceptActionLabel\">\r\n {{ acceptActionLabel | translate }}\r\n </button>\r\n </div>\r\n\r\n</div>\r\n", styles: [".confirm-dialog{padding:24px;min-width:547px;box-sizing:border-box;background:#fff;border:1px solid #f0eeee;border-radius:8px;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;display:flex;flex-direction:column;gap:8px}.header-section{display:flex;flex-direction:column;gap:8px;width:100%}.header-row{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;min-height:32px}.title-container{display:flex;align-items:flex-start;width:100%}.icon-container{width:32px;height:32px;background:#edfffa;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.check-icon{font-size:32px;width:32px;height:38px;line-height:32px}.title{margin:0;font-size:20px;font-weight:500;font-family:lusail-medium,sans-serif;color:#222;line-height:1.2}.message-container{padding:0 0 16px;width:100%}.message{margin:0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-section{margin-top:8px}.list-title{margin:0 0 8px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-messages{margin:0;padding-left:20px;list-style-type:disc}.list-item{margin:0 0 4px;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.list-item:last-child{margin-bottom:0}.extra-warning{margin:16px 0 0;font-size:16px;font-weight:400;font-family:lusail-regular,sans-serif;color:#5c5c5c;line-height:1.2}.actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;width:100%}.btn-cancel{width:122px;height:32px;margin:0!important;background:#fff;border:1px solid #3E627B!important;border-radius:8px;color:#3e627b!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center}.btn-cancel:hover{background:#f5f5f5}.btn-confirm{height:32px;margin:0!important;background:#0d4261!important;border-radius:8px!important;color:#fff!important;font-size:16px;font-weight:500;font-family:lusail-medium,sans-serif;line-height:1.2;text-align:center;padding:0 16px;display:flex;align-items:center;justify-content:center;min-width:auto}.btn-confirm:hover{background:#082b41}@media (max-width: 768px){.confirm-dialog{padding:16px;min-width:0;width:100%;max-width:100%;margin:0;border-radius:0}.header-section{gap:12px}.icon-container{width:28px;height:28px}.check-icon{font-size:28px;width:28px;height:28px}.title{font-size:18px}.message-container{padding:0 0 12px}.message,.list-title,.list-item{font-size:14px}.extra-warning{font-size:14px;margin-top:12px}.actions{flex-direction:column;gap:8px;width:100%}.btn-cancel,.btn-confirm{width:100%;height:44px;font-size:16px}}:host ::ng-deep .mat-mdc-dialog-container{padding:0!important}@media (max-width: 768px){:host ::ng-deep .mat-mdc-dialog-container{max-width:100vw!important;width:100vw!important;margin:0!important;max-height:90vh!important}}\n"] }]
|
|
106
108
|
}], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
|
|
107
109
|
type: Inject,
|
|
108
110
|
args: [MAT_DIALOG_DATA]
|