@unifylib/ui-lib 1.1.51 → 1.1.53
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/esm2022/lib/components/shared/action-button/action-button.component.mjs +3 -3
- package/esm2022/lib/components/shared/action-card/action-card.component.mjs +3 -3
- package/esm2022/lib/components/snackbar-static/snackbar-static.component.mjs +3 -3
- package/fesm2022/unifylib-ui-lib.mjs +6 -6
- package/fesm2022/unifylib-ui-lib.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -36,7 +36,7 @@ export class ActionButtonComponent {
|
|
|
36
36
|
this.buttonClick.emit();
|
|
37
37
|
}
|
|
38
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionButtonComponent, isStandalone: true, selector: "lib-action-button", inputs: { buttonText: "buttonText", buttonTextKey: "buttonTextKey", buttonGradient: "buttonGradient", id: "id" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\r\n class=\"action-button\"\r\n (click)=\"onButtonClick()\"\r\n [style.background]=\"buttonGradient\"\r\n [attr.id]=\"id || (buttonTextKey ? ('action-button-' + buttonTextKey) : 'action-button')\"\r\n type=\"button\">\r\n <span class=\"button-texts\">\r\n <span *ngIf=\"buttonTextKey\">{{ buttonTextKey | translate }}</span>\r\n <span *ngIf=\"!buttonTextKey\">{{ buttonText }}</span>\r\n </span>\r\n <mat-icon class=\"arrow-icon\" [class.arrow-rtl]=\"isArabic\">arrow_forward</mat-icon>\r\n</button>\r\n", styles: [".action-button{display:flex;align-items:center;justify-content:center;gap:16px;height:62px;border-radius:16px;border:none;position:relative;overflow:hidden;cursor:pointer;width:100%;padding:0;background-size:cover;background-position:center;margin-top:15px}.action-button .button-texts{font-family:lusail-medium,sans-serif!important;font-weight:500!important;font-size:24px!important;line-height:1.2!important;color:#2e2e2e!important;white-space:nowrap;position:relative;z-index:1}.action-button .arrow-icon{font-size:24px!important;width:24px;height:30px;color:#2e2e2e;position:relative;z-index:1}.action-button .arrow-icon.arrow-rtl{transform:rotate(180deg)}.action-button:hover{opacity:.9}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionButtonComponent, isStandalone: true, selector: "lib-action-button", inputs: { buttonText: "buttonText", buttonTextKey: "buttonTextKey", buttonGradient: "buttonGradient", id: "id" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\r\n class=\"action-button\"\r\n (click)=\"onButtonClick()\"\r\n [style.background]=\"buttonGradient\"\r\n [attr.id]=\"id || (buttonTextKey ? ('action-button-' + buttonTextKey) : 'action-button')\"\r\n type=\"button\">\r\n <span class=\"button-texts\">\r\n <span *ngIf=\"buttonTextKey\">{{ buttonTextKey | translate }}</span>\r\n <span *ngIf=\"!buttonTextKey\">{{ buttonText }}</span>\r\n </span>\r\n <mat-icon class=\"arrow-icon\" [class.arrow-rtl]=\"isArabic\">arrow_forward</mat-icon>\r\n</button>\r\n", styles: [".action-button{display:flex;align-items:center;justify-content:center;gap:16px;height:62px;border-radius:16px;border:none;position:relative;overflow:hidden;cursor:pointer;width:100%;padding:0;background-size:cover;background-position:center;margin-top:15px}.action-button .button-texts{font-family:lusail-medium,sans-serif!important;font-weight:500!important;font-size:24px!important;line-height:1.2!important;color:#2e2e2e!important;white-space:nowrap;position:relative;z-index:1}.action-button .arrow-icon{font-size:24px!important;width:24px;height:30px;color:#2e2e2e;position:relative;z-index:1}.action-button .arrow-icon.arrow-rtl{transform:rotate(180deg)}.action-button:hover{opacity:.9}@media (max-width: 1579px){.action-button{height:56px;gap:12px;margin-top:12px;border-radius:14px}.action-button .button-texts{font-size:20px!important}.action-button .arrow-icon{font-size:20px!important;width:20px;height:26px}}@media (max-width: 1199px){.action-button{height:48px;gap:10px;margin-top:10px;border-radius:12px}.action-button .button-texts{font-size:18px!important}.action-button .arrow-icon{font-size:18px!important;width:18px;height:24px}}@media (max-width: 991px){.action-button .button-texts{white-space:normal;text-align:center}}@media (max-width: 768px){.action-button{height:40px;gap:8px;margin-top:8px;border-radius:12px}.action-button .button-texts{font-size:16px!important}.action-button .arrow-icon{font-size:18px!important;width:18px;height:22px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
|
|
40
40
|
}
|
|
41
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionButtonComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
@@ -44,7 +44,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
44
44
|
CommonModule,
|
|
45
45
|
MatIconModule,
|
|
46
46
|
TranslateModule
|
|
47
|
-
], template: "<button\r\n class=\"action-button\"\r\n (click)=\"onButtonClick()\"\r\n [style.background]=\"buttonGradient\"\r\n [attr.id]=\"id || (buttonTextKey ? ('action-button-' + buttonTextKey) : 'action-button')\"\r\n type=\"button\">\r\n <span class=\"button-texts\">\r\n <span *ngIf=\"buttonTextKey\">{{ buttonTextKey | translate }}</span>\r\n <span *ngIf=\"!buttonTextKey\">{{ buttonText }}</span>\r\n </span>\r\n <mat-icon class=\"arrow-icon\" [class.arrow-rtl]=\"isArabic\">arrow_forward</mat-icon>\r\n</button>\r\n", styles: [".action-button{display:flex;align-items:center;justify-content:center;gap:16px;height:62px;border-radius:16px;border:none;position:relative;overflow:hidden;cursor:pointer;width:100%;padding:0;background-size:cover;background-position:center;margin-top:15px}.action-button .button-texts{font-family:lusail-medium,sans-serif!important;font-weight:500!important;font-size:24px!important;line-height:1.2!important;color:#2e2e2e!important;white-space:nowrap;position:relative;z-index:1}.action-button .arrow-icon{font-size:24px!important;width:24px;height:30px;color:#2e2e2e;position:relative;z-index:1}.action-button .arrow-icon.arrow-rtl{transform:rotate(180deg)}.action-button:hover{opacity:.9}\n"] }]
|
|
47
|
+
], template: "<button\r\n class=\"action-button\"\r\n (click)=\"onButtonClick()\"\r\n [style.background]=\"buttonGradient\"\r\n [attr.id]=\"id || (buttonTextKey ? ('action-button-' + buttonTextKey) : 'action-button')\"\r\n type=\"button\">\r\n <span class=\"button-texts\">\r\n <span *ngIf=\"buttonTextKey\">{{ buttonTextKey | translate }}</span>\r\n <span *ngIf=\"!buttonTextKey\">{{ buttonText }}</span>\r\n </span>\r\n <mat-icon class=\"arrow-icon\" [class.arrow-rtl]=\"isArabic\">arrow_forward</mat-icon>\r\n</button>\r\n", styles: [".action-button{display:flex;align-items:center;justify-content:center;gap:16px;height:62px;border-radius:16px;border:none;position:relative;overflow:hidden;cursor:pointer;width:100%;padding:0;background-size:cover;background-position:center;margin-top:15px}.action-button .button-texts{font-family:lusail-medium,sans-serif!important;font-weight:500!important;font-size:24px!important;line-height:1.2!important;color:#2e2e2e!important;white-space:nowrap;position:relative;z-index:1}.action-button .arrow-icon{font-size:24px!important;width:24px;height:30px;color:#2e2e2e;position:relative;z-index:1}.action-button .arrow-icon.arrow-rtl{transform:rotate(180deg)}.action-button:hover{opacity:.9}@media (max-width: 1579px){.action-button{height:56px;gap:12px;margin-top:12px;border-radius:14px}.action-button .button-texts{font-size:20px!important}.action-button .arrow-icon{font-size:20px!important;width:20px;height:26px}}@media (max-width: 1199px){.action-button{height:48px;gap:10px;margin-top:10px;border-radius:12px}.action-button .button-texts{font-size:18px!important}.action-button .arrow-icon{font-size:18px!important;width:18px;height:24px}}@media (max-width: 991px){.action-button .button-texts{white-space:normal;text-align:center}}@media (max-width: 768px){.action-button{height:40px;gap:8px;margin-top:8px;border-radius:12px}.action-button .button-texts{font-size:16px!important}.action-button .arrow-icon{font-size:18px!important;width:18px;height:22px}}\n"] }]
|
|
48
48
|
}], propDecorators: { buttonText: [{
|
|
49
49
|
type: Input
|
|
50
50
|
}], buttonTextKey: [{
|
|
@@ -56,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
56
56
|
}], buttonClick: [{
|
|
57
57
|
type: Output
|
|
58
58
|
}] } });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NoYXJlZC9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52b2ljZXEvdWktbGliL3NyYy9saWIvY29tcG9uZW50cy9zaGFyZWQvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUF3QyxNQUFNLGVBQWUsQ0FBQztBQUNySCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBYSxNQUFNLE1BQU0sQ0FBQzs7Ozs7QUFhckQsTUFBTSxPQUFPLHFCQUFxQjtJQVhsQztRQVltQixxQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUM1QyxhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUV2QyxlQUFVLEdBQVcsRUFBRSxDQUFDO1FBRXhCLG1CQUFjLEdBQVcsa0RBQWtELENBQUM7UUFFM0UsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBeUJsRDtJQXZCQyxJQUFJLFFBQVE7UUFDVixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVztlQUNoRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVztlQUNqQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsY0FBYyxFQUFFO2VBQ3RDLElBQUksQ0FBQztRQUNWLE9BQU8sV0FBVyxLQUFLLElBQUksQ0FBQztJQUM5QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZO2FBQy9CLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzlCLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDaEIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQzsrR0FoQ1UscUJBQXFCO21HQUFyQixxQkFBcUIsd09DakJsQywrZ0JBWUEscS9DREZJLFlBQVksa0lBQ1osYUFBYSxtTEFDYixlQUFlOzs0RkFLTixxQkFBcUI7a0JBWGpDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsZUFBZTtxQkFDaEI7OEJBUVEsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgaW5qZWN0LCBPbkluaXQsIE9uRGVzdHJveSwgQ2hhbmdlRGV0ZWN0b3JSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUsIFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcclxuaW1wb3J0IHsgU3ViamVjdCwgdGFrZVVudGlsLCBzdGFydFdpdGggfSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFjdGlvbi1idXR0b24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIFRyYW5zbGF0ZU1vZHVsZVxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQWN0aW9uQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgdHJhbnNsYXRlU2VydmljZSA9IGluamVjdChUcmFuc2xhdGVTZXJ2aWNlKTtcclxuICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcclxuXHJcbiAgQElucHV0KCkgYnV0dG9uVGV4dDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgYnV0dG9uVGV4dEtleT86IHN0cmluZztcclxuICBASW5wdXQoKSBidXR0b25HcmFkaWVudDogc3RyaW5nID0gJ2xpbmVhci1ncmFkaWVudCg5MGRlZywgI0U0QzlEMCAwJSwgIzhBMTUzOCAxMDAlKSc7XHJcbiAgQElucHV0KCkgaWQ/OiBzdHJpbmc7XHJcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBnZXQgaXNBcmFiaWMoKTogYm9vbGVhbiB7XHJcbiAgICBjb25zdCBjdXJyZW50TGFuZyA9IHRoaXMudHJhbnNsYXRlU2VydmljZS5jdXJyZW50TGFuZ1xyXG4gICAgICB8fCB0aGlzLnRyYW5zbGF0ZVNlcnZpY2UuZGVmYXVsdExhbmdcclxuICAgICAgfHwgdGhpcy50cmFuc2xhdGVTZXJ2aWNlLmdldEJyb3dzZXJMYW5nKClcclxuICAgICAgfHwgJ2VuJztcclxuICAgIHJldHVybiBjdXJyZW50TGFuZyA9PT0gJ2FyJztcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy50cmFuc2xhdGVTZXJ2aWNlLm9uTGFuZ0NoYW5nZVxyXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpXHJcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5kZXN0cm95JC5uZXh0KCk7XHJcbiAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7XHJcbiAgfVxyXG5cclxuICBvbkJ1dHRvbkNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5idXR0b25DbGljay5lbWl0KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxidXR0b25cclxuICBjbGFzcz1cImFjdGlvbi1idXR0b25cIlxyXG4gIChjbGljayk9XCJvbkJ1dHRvbkNsaWNrKClcIlxyXG4gIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImJ1dHRvbkdyYWRpZW50XCJcclxuICBbYXR0ci5pZF09XCJpZCB8fCAoYnV0dG9uVGV4dEtleSA/ICgnYWN0aW9uLWJ1dHRvbi0nICsgYnV0dG9uVGV4dEtleSkgOiAnYWN0aW9uLWJ1dHRvbicpXCJcclxuICB0eXBlPVwiYnV0dG9uXCI+XHJcbiAgPHNwYW4gY2xhc3M9XCJidXR0b24tdGV4dHNcIj5cclxuICAgIDxzcGFuICpuZ0lmPVwiYnV0dG9uVGV4dEtleVwiPnt7IGJ1dHRvblRleHRLZXkgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICA8c3BhbiAqbmdJZj1cIiFidXR0b25UZXh0S2V5XCI+e3sgYnV0dG9uVGV4dCB9fTwvc3Bhbj5cclxuICA8L3NwYW4+XHJcbiAgPG1hdC1pY29uIGNsYXNzPVwiYXJyb3ctaWNvblwiIFtjbGFzcy5hcnJvdy1ydGxdPVwiaXNBcmFiaWNcIj5hcnJvd19mb3J3YXJkPC9tYXQtaWNvbj5cclxuPC9idXR0b24+XHJcbiJdfQ==
|
|
@@ -27,7 +27,7 @@ export class ActionCardComponent {
|
|
|
27
27
|
this.buttonClick.emit();
|
|
28
28
|
}
|
|
29
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionCardComponent, isStandalone: true, selector: "lib-action-card", inputs: { icon: "icon", iconSvg: "iconSvg", title: "title", description: "description", buttonText: "buttonText", buttonTextKey: "buttonTextKey", titleKey: "titleKey", descriptionKey: "descriptionKey", iconColor: "iconColor", borderColor: "borderColor", borderLeftColor: "borderLeftColor", borderRightColor: "borderRightColor", borderBottomColor: "borderBottomColor", topBorderColor: "topBorderColor", topBorderGradient: "topBorderGradient", buttonGradient: "buttonGradient", decorativeIconColor: "decorativeIconColor", featureCheckIconColor: "featureCheckIconColor", variant: "variant", iconSize: "iconSize", features: "features", featuresHeading: "featuresHeading", featuresHeadingKey: "featuresHeadingKey", showDivider: "showDivider", topBorderHeight: "topBorderHeight" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div class=\"action-card\" \r\n [class.extended-variant]=\"variant === 'extended'\"\r\n [style.--top-border-gradient]=\"topBorderGradient || buttonGradient\" \r\n [style.--top-border-height]=\"topBorderHeight + 'px'\"\r\n [style.border-right-color]=\"borderRightColor || borderColor\" \r\n [style.border-bottom-color]=\"borderBottomColor || borderColor\" \r\n [style.border-left-color]=\"borderLeftColor || borderColor\">\r\n <div class=\"card-content\" [class.extended-content]=\"variant === 'extended'\">\r\n <div class=\"main-content\" [class.extended-main]=\"variant === 'extended'\">\r\n <div class=\"header-section\" [class.extended-header]=\"variant === 'extended'\">\r\n <div class=\"header-top-wrapper\" *ngIf=\"variant === 'default'\">\r\n <div class=\"icon-wrapper\" \r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"header-top\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n </div>\r\n </div>\r\n <div class=\"icon-wrapper\" \r\n *ngIf=\"variant === 'extended'\"\r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"title-description-wrapper\" *ngIf=\"variant === 'extended'\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n <p class=\"card-description\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <p class=\"card-description\" *ngIf=\"variant === 'default'\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <lib-action-button\r\n [buttonText]=\"buttonText\"\r\n [buttonTextKey]=\"buttonTextKey\"\r\n [buttonGradient]=\"buttonGradient\"\r\n (buttonClick)=\"onButtonClick()\">\r\n </lib-action-button>\r\n <div class=\"features-divider\" *ngIf=\"showDivider && features && features.length > 0\"></div>\r\n \r\n <div class=\"features-section\" *ngIf=\"features && features.length > 0\">\r\n <h3 class=\"features-heading\" *ngIf=\"featuresHeading || featuresHeadingKey\">\r\n <span *ngIf=\"featuresHeadingKey\">{{ featuresHeadingKey | translate }}</span>\r\n <span *ngIf=\"!featuresHeadingKey\">{{ featuresHeading }}</span>\r\n </h3>\r\n <div class=\"feature-item\" *ngFor=\"let feature of features\">\r\n <mat-icon class=\"feature-check-icon\" [style.color]=\"featureCheckIconColor || iconColor\">check_circle</mat-icon>\r\n <span class=\"feature-text\">\r\n <span *ngIf=\"feature.textKey\">{{ feature.textKey | translate }}</span>\r\n <span *ngIf=\"!feature.textKey\">{{ feature.text }}</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"decorative-icon-wrapper\" *ngIf=\"variant === 'default' && (icon || iconSvg)\">\r\n <div class=\"decorative-icon\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"decorative-icon-svg\" [style.filter]=\"'opacity(0.3)'\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.color]=\"decorativeIconColor\">{{ icon }}</mat-icon>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".action-card{background-color:var(--grayscale-surface-default, #ffffff);border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-radius:16px;width:100%;height:100%;min-height:247px;position:relative;overflow:hidden}.action-card:before{content:\"\";position:absolute;top:0;left:0;right:0;height:var(--top-border-height, 12px);background:var(--top-border-gradient, var(--button-gradient, linear-gradient(90deg, #E4C9D0 0%, #8A1538 100%)));border-radius:16px 16px 0 0;z-index:1}.action-card.extended-variant{min-height:572px}.card-content{display:flex;gap:8px;align-items:flex-start;padding:16px 20px;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.card-content.extended-content{padding:20px;gap:0}.main-content{flex:1 1 0;display:flex;flex-direction:column;gap:64px;min-width:0;min-height:0}.main-content.extended-main{gap:24px}.header-section{display:flex;flex-direction:column;gap:12px;width:100%;height:83px}.header-section.extended-header{height:auto;gap:20px}.header-top-wrapper{display:flex;flex-direction:row;gap:12px;align-items:flex-start;width:100%}.header-top{display:flex;gap:8px;align-items:flex-start;flex:1}.title-description-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.icon-wrapper mat-icon{font-size:40px;width:40px;height:40px}.icon-wrapper .icon-svg{width:40px;height:40px;object-fit:contain}.card-title{font-family:lusail-bold,sans-serif;font-weight:700;font-size:24px!important;line-height:1.2;color:#222;margin:0;height:40px;display:flex;align-items:flex-end;justify-content:flex-start;flex:1}.extended-variant .card-title{color:#000;height:auto}.card-description{font-family:lusail-regular,sans-serif;font-weight:400;font-size:20px!important;line-height:1.2;color:#888;margin:0;height:40px;display:flex;align-items:center}.extended-variant .card-description{font-family:lusail-light,sans-serif;font-weight:300;height:100px}.decorative-icon-wrapper{position:relative;width:153px;height:211px;flex-shrink:0}.decorative-icon{position:absolute;left:0;top:43px;width:144px;height:152px;opacity:.3;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.decorative-icon mat-icon{font-size:152px;width:144px;height:152px}.decorative-icon .decorative-icon-svg{width:144px;height:152px;object-fit:contain}.features-divider{width:100%;height:1px;background-color:#e9e9e9;margin:0}.features-section{display:flex;flex-direction:column;gap:24px;width:100%}.features-section .feature-item:not(:last-child){margin-bottom:0}.features-heading{font-family:lusail-bold,sans-serif;font-weight:700;font-size:20px!important;line-height:1.2;color:#2e2e2e;margin:0;padding:0}.feature-item{display:flex;gap:20px;align-items:center;width:100%;padding:0;margin:0}.feature-check-icon{font-size:24px!important;width:24px;height:24px;flex-shrink:0}.feature-text{font-family:lusail-light,sans-serif;font-weight:300;font-size:20px!important;line-height:1.2;color:#2e2e2e;flex:1}@media (max-width: 768px){.action-card{min-height:221px;border-radius:16px}.action-card.extended-variant{min-height:221px}.card-content,.card-content.extended-content{padding:16px 20px;gap:8px}.main-content,.main-content.extended-main{gap:64px}.header-section,.header-section.extended-header{height:83px;gap:12px}.header-top-wrapper{gap:8px}.icon-wrapper{width:32px;height:32px}.icon-wrapper mat-icon{font-size:32px;width:32px;height:32px}.icon-wrapper .icon-svg{width:32px;height:32px}.card-description{font-size:16px!important;height:auto;line-height:1.2}.title-description-wrapper{gap:12px}.decorative-icon-wrapper{display:none}.features-section{gap:16px}.features-heading{font-size:18px!important}.feature-item{gap:12px}.feature-check-icon{font-size:20px!important;width:20px;height:20px}.feature-text{font-size:16px!important}::ng-deep .cards-grid{grid-template-columns:repeat(1,1fr)!important}::ng-deep .solution-cards-row{flex-direction:column!important}::ng-deep .action-button{height:40px!important}::ng-deep .action-button .button-texts span{font-size:16px!important}::ng-deep .welcome-title{font-size:20px!important}::ng-deep .welcome-subtitle{font-size:14px!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: ActionButtonComponent, selector: "lib-action-button", inputs: ["buttonText", "buttonTextKey", "buttonGradient", "id"], outputs: ["buttonClick"] }] }); }
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionCardComponent, isStandalone: true, selector: "lib-action-card", inputs: { icon: "icon", iconSvg: "iconSvg", title: "title", description: "description", buttonText: "buttonText", buttonTextKey: "buttonTextKey", titleKey: "titleKey", descriptionKey: "descriptionKey", iconColor: "iconColor", borderColor: "borderColor", borderLeftColor: "borderLeftColor", borderRightColor: "borderRightColor", borderBottomColor: "borderBottomColor", topBorderColor: "topBorderColor", topBorderGradient: "topBorderGradient", buttonGradient: "buttonGradient", decorativeIconColor: "decorativeIconColor", featureCheckIconColor: "featureCheckIconColor", variant: "variant", iconSize: "iconSize", features: "features", featuresHeading: "featuresHeading", featuresHeadingKey: "featuresHeadingKey", showDivider: "showDivider", topBorderHeight: "topBorderHeight" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div class=\"action-card\" \r\n [class.extended-variant]=\"variant === 'extended'\"\r\n [style.--top-border-gradient]=\"topBorderGradient || buttonGradient\" \r\n [style.--top-border-height]=\"topBorderHeight + 'px'\"\r\n [style.border-right-color]=\"borderRightColor || borderColor\" \r\n [style.border-bottom-color]=\"borderBottomColor || borderColor\" \r\n [style.border-left-color]=\"borderLeftColor || borderColor\">\r\n <div class=\"card-content\" [class.extended-content]=\"variant === 'extended'\">\r\n <div class=\"main-content\" [class.extended-main]=\"variant === 'extended'\">\r\n <div class=\"header-section\" [class.extended-header]=\"variant === 'extended'\">\r\n <div class=\"header-top-wrapper\" *ngIf=\"variant === 'default'\">\r\n <div class=\"icon-wrapper\" \r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"header-top\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n </div>\r\n </div>\r\n <div class=\"icon-wrapper\" \r\n *ngIf=\"variant === 'extended'\"\r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"title-description-wrapper\" *ngIf=\"variant === 'extended'\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n <p class=\"card-description\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <p class=\"card-description\" *ngIf=\"variant === 'default'\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <lib-action-button\r\n [buttonText]=\"buttonText\"\r\n [buttonTextKey]=\"buttonTextKey\"\r\n [buttonGradient]=\"buttonGradient\"\r\n (buttonClick)=\"onButtonClick()\">\r\n </lib-action-button>\r\n <div class=\"features-divider\" *ngIf=\"showDivider && features && features.length > 0\"></div>\r\n \r\n <div class=\"features-section\" *ngIf=\"features && features.length > 0\">\r\n <h3 class=\"features-heading\" *ngIf=\"featuresHeading || featuresHeadingKey\">\r\n <span *ngIf=\"featuresHeadingKey\">{{ featuresHeadingKey | translate }}</span>\r\n <span *ngIf=\"!featuresHeadingKey\">{{ featuresHeading }}</span>\r\n </h3>\r\n <div class=\"feature-item\" *ngFor=\"let feature of features\">\r\n <mat-icon class=\"feature-check-icon\" [style.color]=\"featureCheckIconColor || iconColor\">check_circle</mat-icon>\r\n <span class=\"feature-text\">\r\n <span *ngIf=\"feature.textKey\">{{ feature.textKey | translate }}</span>\r\n <span *ngIf=\"!feature.textKey\">{{ feature.text }}</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"decorative-icon-wrapper\" *ngIf=\"variant === 'default' && (icon || iconSvg)\">\r\n <div class=\"decorative-icon\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"decorative-icon-svg\" [style.filter]=\"'opacity(0.3)'\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.color]=\"decorativeIconColor\">{{ icon }}</mat-icon>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".action-card{background-color:var(--grayscale-surface-default, #ffffff);border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-radius:16px;width:100%;height:100%;min-height:247px;position:relative;overflow:hidden}.action-card:before{content:\"\";position:absolute;top:0;left:0;right:0;height:var(--top-border-height, 12px);background:var(--top-border-gradient, var(--button-gradient, linear-gradient(90deg, #E4C9D0 0%, #8A1538 100%)));border-radius:16px 16px 0 0;z-index:1}.action-card.extended-variant{min-height:572px}.card-content{display:flex;gap:8px;align-items:flex-start;padding:16px 20px;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.card-content.extended-content{padding:20px;gap:0}.main-content{flex:1 1 0;display:flex;flex-direction:column;gap:64px;min-width:0;min-height:0}.main-content.extended-main{gap:24px}.header-section{display:flex;flex-direction:column;gap:12px;width:100%;height:83px}.header-section.extended-header{height:auto;gap:20px}.header-top-wrapper{display:flex;flex-direction:row;gap:12px;align-items:flex-start;width:100%}.header-top{display:flex;gap:8px;align-items:flex-start;flex:1}.title-description-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.icon-wrapper mat-icon{font-size:40px;width:40px;height:40px}.icon-wrapper .icon-svg{width:40px;height:40px;object-fit:contain}.card-title{font-family:lusail-bold,sans-serif;font-weight:700;font-size:24px!important;line-height:1.2;color:#222;margin:0;height:40px;display:flex;align-items:flex-end;justify-content:flex-start;flex:1}.extended-variant .card-title{color:#000;height:auto}.card-description{font-family:lusail-regular,sans-serif;font-weight:400;font-size:20px!important;line-height:1.2;color:#888;margin:0;height:40px;display:flex;align-items:center}.extended-variant .card-description{font-family:lusail-light,sans-serif;font-weight:300;height:100px}.decorative-icon-wrapper{position:relative;width:153px;height:211px;flex-shrink:0}.decorative-icon{position:absolute;left:0;top:43px;width:144px;height:152px;opacity:.3;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.decorative-icon mat-icon{font-size:152px;width:144px;height:152px}.decorative-icon .decorative-icon-svg{width:144px;height:152px;object-fit:contain}.features-divider{width:100%;height:1px;background-color:#e9e9e9;margin:0}.features-section{display:flex;flex-direction:column;gap:24px;width:100%}.features-section .feature-item:not(:last-child){margin-bottom:0}.features-heading{font-family:lusail-bold,sans-serif;font-weight:700;font-size:20px!important;line-height:1.2;color:#2e2e2e;margin:0;padding:0}.feature-item{display:flex;gap:20px;align-items:center;width:100%;padding:0;margin:0}.feature-check-icon{font-size:24px!important;width:24px;height:24px;flex-shrink:0}.feature-text{font-family:lusail-light,sans-serif;font-weight:300;font-size:20px!important;line-height:1.2;color:#2e2e2e;flex:1}@media (max-width: 1579px){.card-title{font-size:22px!important}.card-description,.features-heading,.feature-text{font-size:18px!important}.decorative-icon-wrapper{width:130px;height:190px}.decorative-icon{top:38px;width:128px;height:136px}.decorative-icon mat-icon{font-size:136px;width:128px;height:136px}.decorative-icon .decorative-icon-svg{width:128px;height:136px}}@media (max-width: 1199px){.main-content{gap:48px}.main-content.extended-main{gap:20px}.card-title{font-size:20px!important}.card-description{font-size:16px!important}.header-section{height:auto;min-height:72px}}@media (max-width: 768px){.action-card{min-height:221px;border-radius:16px}.action-card.extended-variant{min-height:221px}.card-content,.card-content.extended-content{padding:16px 20px;gap:8px}.main-content,.main-content.extended-main{gap:64px}.header-section,.header-section.extended-header{height:83px;gap:12px}.header-top-wrapper{gap:8px}.icon-wrapper{width:32px;height:32px}.icon-wrapper mat-icon{font-size:32px;width:32px;height:32px}.icon-wrapper .icon-svg{width:32px;height:32px}.card-description{font-size:16px!important;height:auto;line-height:1.2}.title-description-wrapper{gap:12px}.decorative-icon-wrapper{display:none}.features-section{gap:16px}.features-heading{font-size:18px!important}.feature-item{gap:12px}.feature-check-icon{font-size:20px!important;width:20px;height:20px}.feature-text{font-size:16px!important}::ng-deep .solution-cards-row{flex-direction:column!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: ActionButtonComponent, selector: "lib-action-button", inputs: ["buttonText", "buttonTextKey", "buttonGradient", "id"], outputs: ["buttonClick"] }] }); }
|
|
31
31
|
}
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionCardComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
36
36
|
MatIconModule,
|
|
37
37
|
TranslateModule,
|
|
38
38
|
ActionButtonComponent
|
|
39
|
-
], template: "<div class=\"action-card\" \r\n [class.extended-variant]=\"variant === 'extended'\"\r\n [style.--top-border-gradient]=\"topBorderGradient || buttonGradient\" \r\n [style.--top-border-height]=\"topBorderHeight + 'px'\"\r\n [style.border-right-color]=\"borderRightColor || borderColor\" \r\n [style.border-bottom-color]=\"borderBottomColor || borderColor\" \r\n [style.border-left-color]=\"borderLeftColor || borderColor\">\r\n <div class=\"card-content\" [class.extended-content]=\"variant === 'extended'\">\r\n <div class=\"main-content\" [class.extended-main]=\"variant === 'extended'\">\r\n <div class=\"header-section\" [class.extended-header]=\"variant === 'extended'\">\r\n <div class=\"header-top-wrapper\" *ngIf=\"variant === 'default'\">\r\n <div class=\"icon-wrapper\" \r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"header-top\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n </div>\r\n </div>\r\n <div class=\"icon-wrapper\" \r\n *ngIf=\"variant === 'extended'\"\r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"title-description-wrapper\" *ngIf=\"variant === 'extended'\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n <p class=\"card-description\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <p class=\"card-description\" *ngIf=\"variant === 'default'\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <lib-action-button\r\n [buttonText]=\"buttonText\"\r\n [buttonTextKey]=\"buttonTextKey\"\r\n [buttonGradient]=\"buttonGradient\"\r\n (buttonClick)=\"onButtonClick()\">\r\n </lib-action-button>\r\n <div class=\"features-divider\" *ngIf=\"showDivider && features && features.length > 0\"></div>\r\n \r\n <div class=\"features-section\" *ngIf=\"features && features.length > 0\">\r\n <h3 class=\"features-heading\" *ngIf=\"featuresHeading || featuresHeadingKey\">\r\n <span *ngIf=\"featuresHeadingKey\">{{ featuresHeadingKey | translate }}</span>\r\n <span *ngIf=\"!featuresHeadingKey\">{{ featuresHeading }}</span>\r\n </h3>\r\n <div class=\"feature-item\" *ngFor=\"let feature of features\">\r\n <mat-icon class=\"feature-check-icon\" [style.color]=\"featureCheckIconColor || iconColor\">check_circle</mat-icon>\r\n <span class=\"feature-text\">\r\n <span *ngIf=\"feature.textKey\">{{ feature.textKey | translate }}</span>\r\n <span *ngIf=\"!feature.textKey\">{{ feature.text }}</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"decorative-icon-wrapper\" *ngIf=\"variant === 'default' && (icon || iconSvg)\">\r\n <div class=\"decorative-icon\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"decorative-icon-svg\" [style.filter]=\"'opacity(0.3)'\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.color]=\"decorativeIconColor\">{{ icon }}</mat-icon>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".action-card{background-color:var(--grayscale-surface-default, #ffffff);border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-radius:16px;width:100%;height:100%;min-height:247px;position:relative;overflow:hidden}.action-card:before{content:\"\";position:absolute;top:0;left:0;right:0;height:var(--top-border-height, 12px);background:var(--top-border-gradient, var(--button-gradient, linear-gradient(90deg, #E4C9D0 0%, #8A1538 100%)));border-radius:16px 16px 0 0;z-index:1}.action-card.extended-variant{min-height:572px}.card-content{display:flex;gap:8px;align-items:flex-start;padding:16px 20px;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.card-content.extended-content{padding:20px;gap:0}.main-content{flex:1 1 0;display:flex;flex-direction:column;gap:64px;min-width:0;min-height:0}.main-content.extended-main{gap:24px}.header-section{display:flex;flex-direction:column;gap:12px;width:100%;height:83px}.header-section.extended-header{height:auto;gap:20px}.header-top-wrapper{display:flex;flex-direction:row;gap:12px;align-items:flex-start;width:100%}.header-top{display:flex;gap:8px;align-items:flex-start;flex:1}.title-description-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.icon-wrapper mat-icon{font-size:40px;width:40px;height:40px}.icon-wrapper .icon-svg{width:40px;height:40px;object-fit:contain}.card-title{font-family:lusail-bold,sans-serif;font-weight:700;font-size:24px!important;line-height:1.2;color:#222;margin:0;height:40px;display:flex;align-items:flex-end;justify-content:flex-start;flex:1}.extended-variant .card-title{color:#000;height:auto}.card-description{font-family:lusail-regular,sans-serif;font-weight:400;font-size:20px!important;line-height:1.2;color:#888;margin:0;height:40px;display:flex;align-items:center}.extended-variant .card-description{font-family:lusail-light,sans-serif;font-weight:300;height:100px}.decorative-icon-wrapper{position:relative;width:153px;height:211px;flex-shrink:0}.decorative-icon{position:absolute;left:0;top:43px;width:144px;height:152px;opacity:.3;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.decorative-icon mat-icon{font-size:152px;width:144px;height:152px}.decorative-icon .decorative-icon-svg{width:144px;height:152px;object-fit:contain}.features-divider{width:100%;height:1px;background-color:#e9e9e9;margin:0}.features-section{display:flex;flex-direction:column;gap:24px;width:100%}.features-section .feature-item:not(:last-child){margin-bottom:0}.features-heading{font-family:lusail-bold,sans-serif;font-weight:700;font-size:20px!important;line-height:1.2;color:#2e2e2e;margin:0;padding:0}.feature-item{display:flex;gap:20px;align-items:center;width:100%;padding:0;margin:0}.feature-check-icon{font-size:24px!important;width:24px;height:24px;flex-shrink:0}.feature-text{font-family:lusail-light,sans-serif;font-weight:300;font-size:20px!important;line-height:1.2;color:#2e2e2e;flex:1}@media (max-width: 768px){.action-card{min-height:221px;border-radius:16px}.action-card.extended-variant{min-height:221px}.card-content,.card-content.extended-content{padding:16px 20px;gap:8px}.main-content,.main-content.extended-main{gap:64px}.header-section,.header-section.extended-header{height:83px;gap:12px}.header-top-wrapper{gap:8px}.icon-wrapper{width:32px;height:32px}.icon-wrapper mat-icon{font-size:32px;width:32px;height:32px}.icon-wrapper .icon-svg{width:32px;height:32px}.card-description{font-size:16px!important;height:auto;line-height:1.2}.title-description-wrapper{gap:12px}.decorative-icon-wrapper{display:none}.features-section{gap:16px}.features-heading{font-size:18px!important}.feature-item{gap:12px}.feature-check-icon{font-size:20px!important;width:20px;height:20px}.feature-text{font-size:16px!important}::ng-deep .
|
|
39
|
+
], template: "<div class=\"action-card\" \r\n [class.extended-variant]=\"variant === 'extended'\"\r\n [style.--top-border-gradient]=\"topBorderGradient || buttonGradient\" \r\n [style.--top-border-height]=\"topBorderHeight + 'px'\"\r\n [style.border-right-color]=\"borderRightColor || borderColor\" \r\n [style.border-bottom-color]=\"borderBottomColor || borderColor\" \r\n [style.border-left-color]=\"borderLeftColor || borderColor\">\r\n <div class=\"card-content\" [class.extended-content]=\"variant === 'extended'\">\r\n <div class=\"main-content\" [class.extended-main]=\"variant === 'extended'\">\r\n <div class=\"header-section\" [class.extended-header]=\"variant === 'extended'\">\r\n <div class=\"header-top-wrapper\" *ngIf=\"variant === 'default'\">\r\n <div class=\"icon-wrapper\" \r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"header-top\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n </div>\r\n </div>\r\n <div class=\"icon-wrapper\" \r\n *ngIf=\"variant === 'extended'\"\r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"title-description-wrapper\" *ngIf=\"variant === 'extended'\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n <p class=\"card-description\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <p class=\"card-description\" *ngIf=\"variant === 'default'\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <lib-action-button\r\n [buttonText]=\"buttonText\"\r\n [buttonTextKey]=\"buttonTextKey\"\r\n [buttonGradient]=\"buttonGradient\"\r\n (buttonClick)=\"onButtonClick()\">\r\n </lib-action-button>\r\n <div class=\"features-divider\" *ngIf=\"showDivider && features && features.length > 0\"></div>\r\n \r\n <div class=\"features-section\" *ngIf=\"features && features.length > 0\">\r\n <h3 class=\"features-heading\" *ngIf=\"featuresHeading || featuresHeadingKey\">\r\n <span *ngIf=\"featuresHeadingKey\">{{ featuresHeadingKey | translate }}</span>\r\n <span *ngIf=\"!featuresHeadingKey\">{{ featuresHeading }}</span>\r\n </h3>\r\n <div class=\"feature-item\" *ngFor=\"let feature of features\">\r\n <mat-icon class=\"feature-check-icon\" [style.color]=\"featureCheckIconColor || iconColor\">check_circle</mat-icon>\r\n <span class=\"feature-text\">\r\n <span *ngIf=\"feature.textKey\">{{ feature.textKey | translate }}</span>\r\n <span *ngIf=\"!feature.textKey\">{{ feature.text }}</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"decorative-icon-wrapper\" *ngIf=\"variant === 'default' && (icon || iconSvg)\">\r\n <div class=\"decorative-icon\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"decorative-icon-svg\" [style.filter]=\"'opacity(0.3)'\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.color]=\"decorativeIconColor\">{{ icon }}</mat-icon>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".action-card{background-color:var(--grayscale-surface-default, #ffffff);border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-radius:16px;width:100%;height:100%;min-height:247px;position:relative;overflow:hidden}.action-card:before{content:\"\";position:absolute;top:0;left:0;right:0;height:var(--top-border-height, 12px);background:var(--top-border-gradient, var(--button-gradient, linear-gradient(90deg, #E4C9D0 0%, #8A1538 100%)));border-radius:16px 16px 0 0;z-index:1}.action-card.extended-variant{min-height:572px}.card-content{display:flex;gap:8px;align-items:flex-start;padding:16px 20px;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.card-content.extended-content{padding:20px;gap:0}.main-content{flex:1 1 0;display:flex;flex-direction:column;gap:64px;min-width:0;min-height:0}.main-content.extended-main{gap:24px}.header-section{display:flex;flex-direction:column;gap:12px;width:100%;height:83px}.header-section.extended-header{height:auto;gap:20px}.header-top-wrapper{display:flex;flex-direction:row;gap:12px;align-items:flex-start;width:100%}.header-top{display:flex;gap:8px;align-items:flex-start;flex:1}.title-description-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.icon-wrapper mat-icon{font-size:40px;width:40px;height:40px}.icon-wrapper .icon-svg{width:40px;height:40px;object-fit:contain}.card-title{font-family:lusail-bold,sans-serif;font-weight:700;font-size:24px!important;line-height:1.2;color:#222;margin:0;height:40px;display:flex;align-items:flex-end;justify-content:flex-start;flex:1}.extended-variant .card-title{color:#000;height:auto}.card-description{font-family:lusail-regular,sans-serif;font-weight:400;font-size:20px!important;line-height:1.2;color:#888;margin:0;height:40px;display:flex;align-items:center}.extended-variant .card-description{font-family:lusail-light,sans-serif;font-weight:300;height:100px}.decorative-icon-wrapper{position:relative;width:153px;height:211px;flex-shrink:0}.decorative-icon{position:absolute;left:0;top:43px;width:144px;height:152px;opacity:.3;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.decorative-icon mat-icon{font-size:152px;width:144px;height:152px}.decorative-icon .decorative-icon-svg{width:144px;height:152px;object-fit:contain}.features-divider{width:100%;height:1px;background-color:#e9e9e9;margin:0}.features-section{display:flex;flex-direction:column;gap:24px;width:100%}.features-section .feature-item:not(:last-child){margin-bottom:0}.features-heading{font-family:lusail-bold,sans-serif;font-weight:700;font-size:20px!important;line-height:1.2;color:#2e2e2e;margin:0;padding:0}.feature-item{display:flex;gap:20px;align-items:center;width:100%;padding:0;margin:0}.feature-check-icon{font-size:24px!important;width:24px;height:24px;flex-shrink:0}.feature-text{font-family:lusail-light,sans-serif;font-weight:300;font-size:20px!important;line-height:1.2;color:#2e2e2e;flex:1}@media (max-width: 1579px){.card-title{font-size:22px!important}.card-description,.features-heading,.feature-text{font-size:18px!important}.decorative-icon-wrapper{width:130px;height:190px}.decorative-icon{top:38px;width:128px;height:136px}.decorative-icon mat-icon{font-size:136px;width:128px;height:136px}.decorative-icon .decorative-icon-svg{width:128px;height:136px}}@media (max-width: 1199px){.main-content{gap:48px}.main-content.extended-main{gap:20px}.card-title{font-size:20px!important}.card-description{font-size:16px!important}.header-section{height:auto;min-height:72px}}@media (max-width: 768px){.action-card{min-height:221px;border-radius:16px}.action-card.extended-variant{min-height:221px}.card-content,.card-content.extended-content{padding:16px 20px;gap:8px}.main-content,.main-content.extended-main{gap:64px}.header-section,.header-section.extended-header{height:83px;gap:12px}.header-top-wrapper{gap:8px}.icon-wrapper{width:32px;height:32px}.icon-wrapper mat-icon{font-size:32px;width:32px;height:32px}.icon-wrapper .icon-svg{width:32px;height:32px}.card-description{font-size:16px!important;height:auto;line-height:1.2}.title-description-wrapper{gap:12px}.decorative-icon-wrapper{display:none}.features-section{gap:16px}.features-heading{font-size:18px!important}.feature-item{gap:12px}.feature-check-icon{font-size:20px!important;width:20px;height:20px}.feature-text{font-size:16px!important}::ng-deep .solution-cards-row{flex-direction:column!important}}\n"] }]
|
|
40
40
|
}], propDecorators: { icon: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}], iconSvg: [{
|
|
@@ -90,4 +90,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
90
90
|
}], buttonClick: [{
|
|
91
91
|
type: Output
|
|
92
92
|
}] } });
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52b2ljZXEvdWktbGliL3NyYy9saWIvY29tcG9uZW50cy9zaGFyZWQvYWN0aW9uLWNhcmQvYWN0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52b2ljZXEvdWktbGliL3NyYy9saWIvY29tcG9uZW50cy9zaGFyZWQvYWN0aW9uLWNhcmQvYWN0aW9uLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7Ozs7QUFtQmpGLE1BQU0sT0FBTyxtQkFBbUI7SUFaaEM7UUFjVyxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBRWxCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUl4QixjQUFTLEdBQVcsU0FBUyxDQUFDO1FBQzlCLGdCQUFXLEdBQVcsU0FBUyxDQUFDO1FBTWhDLG1CQUFjLEdBQVcsa0RBQWtELENBQUM7UUFDNUUsd0JBQW1CLEdBQVcsd0JBQXdCLENBQUM7UUFFdkQsWUFBTyxHQUEyQixTQUFTLENBQUM7UUFDNUMsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUl0QixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixvQkFBZSxHQUFXLEVBQUUsQ0FBQztRQUM1QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FLbEQ7SUFIQyxhQUFhO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDOytHQS9CVSxtQkFBbUI7bUdBQW5CLG1CQUFtQiw0M0JDdkJoQyw2N0lBNkVNLHF1SUQ5REYsWUFBWSwrUEFDWixhQUFhLG1MQUNiLGVBQWUsNEZBQ2YscUJBQXFCOzs0RkFLWixtQkFBbUI7a0JBWi9CLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixlQUFlO3dCQUNmLHFCQUFxQjtxQkFDdEI7OEJBTVEsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xyXG5pbXBvcnQgeyBBY3Rpb25CdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24uY29tcG9uZW50JztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRmVhdHVyZUl0ZW0ge1xyXG4gIHRleHQ/OiBzdHJpbmc7XHJcbiAgdGV4dEtleT86IHN0cmluZztcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWN0aW9uLWNhcmQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcclxuICAgIEFjdGlvbkJ1dHRvbkNvbXBvbmVudFxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1jYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYWN0aW9uLWNhcmQuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBY3Rpb25DYXJkQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgaWNvblN2Zz86IHN0cmluZztcclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGJ1dHRvblRleHQ6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGJ1dHRvblRleHRLZXk/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdGl0bGVLZXk/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb25LZXk/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaWNvbkNvbG9yOiBzdHJpbmcgPSAnIzhBMTUzOCc7XHJcbiAgQElucHV0KCkgYm9yZGVyQ29sb3I6IHN0cmluZyA9ICcjZDFkMWQxJztcclxuICBASW5wdXQoKSBib3JkZXJMZWZ0Q29sb3I/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgYm9yZGVyUmlnaHRDb2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSBib3JkZXJCb3R0b21Db2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSB0b3BCb3JkZXJDb2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSB0b3BCb3JkZXJHcmFkaWVudD86IHN0cmluZztcclxuICBASW5wdXQoKSBidXR0b25HcmFkaWVudDogc3RyaW5nID0gJ2xpbmVhci1ncmFkaWVudCg5MGRlZywgI0U0QzlEMCAwJSwgIzhBMTUzOCAxMDAlKSc7XHJcbiAgQElucHV0KCkgZGVjb3JhdGl2ZUljb25Db2xvcjogc3RyaW5nID0gJ3JnYmEoMjA5LCAyMDMsIDIxNiwgMSknO1xyXG4gIEBJbnB1dCgpIGZlYXR1cmVDaGVja0ljb25Db2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSB2YXJpYW50OiAnZGVmYXVsdCcgfCAnZXh0ZW5kZWQnID0gJ2RlZmF1bHQnO1xyXG4gIEBJbnB1dCgpIGljb25TaXplOiBudW1iZXIgPSA0MDtcclxuICBASW5wdXQoKSBmZWF0dXJlcz86IEZlYXR1cmVJdGVtW107XHJcbiAgQElucHV0KCkgZmVhdHVyZXNIZWFkaW5nPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGZlYXR1cmVzSGVhZGluZ0tleT86IHN0cmluZztcclxuICBASW5wdXQoKSBzaG93RGl2aWRlcjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRvcEJvcmRlckhlaWdodDogbnVtYmVyID0gMTI7XHJcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBvbkJ1dHRvbkNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5idXR0b25DbGljay5lbWl0KCk7XHJcbiAgfVxyXG59IiwiPGRpdiBjbGFzcz1cImFjdGlvbi1jYXJkXCIgXHJcbiAgICAgW2NsYXNzLmV4dGVuZGVkLXZhcmlhbnRdPVwidmFyaWFudCA9PT0gJ2V4dGVuZGVkJ1wiXHJcbiAgICAgW3N0eWxlLi0tdG9wLWJvcmRlci1ncmFkaWVudF09XCJ0b3BCb3JkZXJHcmFkaWVudCB8fCBidXR0b25HcmFkaWVudFwiIFxyXG4gICAgIFtzdHlsZS4tLXRvcC1ib3JkZXItaGVpZ2h0XT1cInRvcEJvcmRlckhlaWdodCArICdweCdcIlxyXG4gICAgIFtzdHlsZS5ib3JkZXItcmlnaHQtY29sb3JdPVwiYm9yZGVyUmlnaHRDb2xvciB8fCBib3JkZXJDb2xvclwiIFxyXG4gICAgIFtzdHlsZS5ib3JkZXItYm90dG9tLWNvbG9yXT1cImJvcmRlckJvdHRvbUNvbG9yIHx8IGJvcmRlckNvbG9yXCIgXHJcbiAgICAgW3N0eWxlLmJvcmRlci1sZWZ0LWNvbG9yXT1cImJvcmRlckxlZnRDb2xvciB8fCBib3JkZXJDb2xvclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJjYXJkLWNvbnRlbnRcIiBbY2xhc3MuZXh0ZW5kZWQtY29udGVudF09XCJ2YXJpYW50ID09PSAnZXh0ZW5kZWQnXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibWFpbi1jb250ZW50XCIgW2NsYXNzLmV4dGVuZGVkLW1haW5dPVwidmFyaWFudCA9PT0gJ2V4dGVuZGVkJ1wiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXNlY3Rpb25cIiBbY2xhc3MuZXh0ZW5kZWQtaGVhZGVyXT1cInZhcmlhbnQgPT09ICdleHRlbmRlZCdcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXRvcC13cmFwcGVyXCIgKm5nSWY9XCJ2YXJpYW50ID09PSAnZGVmYXVsdCdcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLXdyYXBwZXJcIiBcclxuICAgICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cImljb25Db2xvclwiXHJcbiAgICAgICAgICAgICAgIFtzdHlsZS53aWR0aC5weF09XCJpY29uU2l6ZVwiXHJcbiAgICAgICAgICAgICAgIFtzdHlsZS5oZWlnaHQucHhdPVwiaWNvblNpemVcIj5cclxuICAgICAgICAgICAgPGltZyAqbmdJZj1cImljb25TdmdcIiBbc3JjXT1cImljb25TdmdcIiBhbHQ9XCJcIiBjbGFzcz1cImljb24tc3ZnXCIgW3N0eWxlLndpZHRoLnB4XT1cImljb25TaXplXCIgW3N0eWxlLmhlaWdodC5weF09XCJpY29uU2l6ZVwiIC8+XHJcbiAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIiFpY29uU3ZnICYmIGljb25cIiBbc3R5bGUuZm9udC1zaXplLnB4XT1cImljb25TaXplXCIgW3N0eWxlLndpZHRoLnB4XT1cImljb25TaXplXCIgW3N0eWxlLmhlaWdodC5weF09XCJpY29uU2l6ZVwiPnt7IGljb24gfX08L21hdC1pY29uPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXRvcFwiPlxyXG4gICAgICAgICAgICA8aDIgY2xhc3M9XCJjYXJkLXRpdGxlXCI+XHJcbiAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJ0aXRsZUtleVwiPnt7IHRpdGxlS2V5IHwgdHJhbnNsYXRlIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiIXRpdGxlS2V5XCI+e3sgdGl0bGUgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDwvaDI+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi13cmFwcGVyXCIgXHJcbiAgICAgICAgICAgICAqbmdJZj1cInZhcmlhbnQgPT09ICdleHRlbmRlZCdcIlxyXG4gICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cImljb25Db2xvclwiXHJcbiAgICAgICAgICAgICBbc3R5bGUud2lkdGgucHhdPVwiaWNvblNpemVcIlxyXG4gICAgICAgICAgICAgW3N0eWxlLmhlaWdodC5weF09XCJpY29uU2l6ZVwiPlxyXG4gICAgICAgICAgPGltZyAqbmdJZj1cImljb25TdmdcIiBbc3JjXT1cImljb25TdmdcIiBhbHQ9XCJcIiBjbGFzcz1cImljb24tc3ZnXCIgW3N0eWxlLndpZHRoLnB4XT1cImljb25TaXplXCIgW3N0eWxlLmhlaWdodC5weF09XCJpY29uU2l6ZVwiIC8+XHJcbiAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCIhaWNvblN2ZyAmJiBpY29uXCIgW3N0eWxlLmZvbnQtc2l6ZS5weF09XCJpY29uU2l6ZVwiIFtzdHlsZS53aWR0aC5weF09XCJpY29uU2l6ZVwiIFtzdHlsZS5oZWlnaHQucHhdPVwiaWNvblNpemVcIj57eyBpY29uIH19PC9tYXQtaWNvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGUtZGVzY3JpcHRpb24td3JhcHBlclwiICpuZ0lmPVwidmFyaWFudCA9PT0gJ2V4dGVuZGVkJ1wiPlxyXG4gICAgICAgICAgPGgyIGNsYXNzPVwiY2FyZC10aXRsZVwiPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cInRpdGxlS2V5XCI+e3sgdGl0bGVLZXkgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiIXRpdGxlS2V5XCI+e3sgdGl0bGUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8L2gyPlxyXG4gICAgICAgICAgPHAgY2xhc3M9XCJjYXJkLWRlc2NyaXB0aW9uXCI+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZGVzY3JpcHRpb25LZXlcIj57eyBkZXNjcmlwdGlvbktleSB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCIhZGVzY3JpcHRpb25LZXlcIj57eyBkZXNjcmlwdGlvbiB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8cCBjbGFzcz1cImNhcmQtZGVzY3JpcHRpb25cIiAqbmdJZj1cInZhcmlhbnQgPT09ICdkZWZhdWx0J1wiPlxyXG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCJkZXNjcmlwdGlvbktleVwiPnt7IGRlc2NyaXB0aW9uS2V5IHwgdHJhbnNsYXRlIH19PC9zcGFuPlxyXG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCIhZGVzY3JpcHRpb25LZXlcIj57eyBkZXNjcmlwdGlvbiB9fTwvc3Bhbj5cclxuICAgICAgICA8L3A+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8bGliLWFjdGlvbi1idXR0b25cclxuICAgICAgICBbYnV0dG9uVGV4dF09XCJidXR0b25UZXh0XCJcclxuICAgICAgICBbYnV0dG9uVGV4dEtleV09XCJidXR0b25UZXh0S2V5XCJcclxuICAgICAgICBbYnV0dG9uR3JhZGllbnRdPVwiYnV0dG9uR3JhZGllbnRcIlxyXG4gICAgICAgIChidXR0b25DbGljayk9XCJvbkJ1dHRvbkNsaWNrKClcIj5cclxuICAgICAgPC9saWItYWN0aW9uLWJ1dHRvbj5cclxuICAgICAgPGRpdiBjbGFzcz1cImZlYXR1cmVzLWRpdmlkZXJcIiAqbmdJZj1cInNob3dEaXZpZGVyICYmIGZlYXR1cmVzICYmIGZlYXR1cmVzLmxlbmd0aCA+IDBcIj48L2Rpdj5cclxuICAgICAgXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmZWF0dXJlcy1zZWN0aW9uXCIgKm5nSWY9XCJmZWF0dXJlcyAmJiBmZWF0dXJlcy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgPGgzIGNsYXNzPVwiZmVhdHVyZXMtaGVhZGluZ1wiICpuZ0lmPVwiZmVhdHVyZXNIZWFkaW5nIHx8IGZlYXR1cmVzSGVhZGluZ0tleVwiPlxyXG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCJmZWF0dXJlc0hlYWRpbmdLZXlcIj57eyBmZWF0dXJlc0hlYWRpbmdLZXkgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8c3BhbiAqbmdJZj1cIiFmZWF0dXJlc0hlYWRpbmdLZXlcIj57eyBmZWF0dXJlc0hlYWRpbmcgfX08L3NwYW4+XHJcbiAgICAgICAgPC9oMz5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmVhdHVyZS1pdGVtXCIgKm5nRm9yPVwibGV0IGZlYXR1cmUgb2YgZmVhdHVyZXNcIj5cclxuICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImZlYXR1cmUtY2hlY2staWNvblwiIFtzdHlsZS5jb2xvcl09XCJmZWF0dXJlQ2hlY2tJY29uQ29sb3IgfHwgaWNvbkNvbG9yXCI+Y2hlY2tfY2lyY2xlPC9tYXQtaWNvbj5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmVhdHVyZS10ZXh0XCI+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZmVhdHVyZS50ZXh0S2V5XCI+e3sgZmVhdHVyZS50ZXh0S2V5IHwgdHJhbnNsYXRlIH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cIiFmZWF0dXJlLnRleHRLZXlcIj57eyBmZWF0dXJlLnRleHQgfX08L3NwYW4+XHJcbiAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGVjb3JhdGl2ZS1pY29uLXdyYXBwZXJcIiAqbmdJZj1cInZhcmlhbnQgPT09ICdkZWZhdWx0JyAmJiAoaWNvbiB8fCBpY29uU3ZnKVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZGVjb3JhdGl2ZS1pY29uXCI+XHJcbiAgICAgICAgPGltZyAqbmdJZj1cImljb25TdmdcIiBbc3JjXT1cImljb25TdmdcIiBhbHQ9XCJcIiBjbGFzcz1cImRlY29yYXRpdmUtaWNvbi1zdmdcIiBbc3R5bGUuZmlsdGVyXT1cIidvcGFjaXR5KDAuMyknXCIgLz5cclxuICAgICAgICA8bWF0LWljb24gKm5nSWY9XCIhaWNvblN2ZyAmJiBpY29uXCIgW3N0eWxlLmNvbG9yXT1cImRlY29yYXRpdmVJY29uQ29sb3JcIj57eyBpY29uIH19PC9tYXQtaWNvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52b2ljZXEvdWktbGliL3NyYy9saWIvY29tcG9uZW50cy9zaGFyZWQvYWN0aW9uLWNhcmQvYWN0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52b2ljZXEvdWktbGliL3NyYy9saWIvY29tcG9uZW50cy9zaGFyZWQvYWN0aW9uLWNhcmQvYWN0aW9uLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7Ozs7QUFtQmpGLE1BQU0sT0FBTyxtQkFBbUI7SUFaaEM7UUFjVyxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBRWxCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUl4QixjQUFTLEdBQVcsU0FBUyxDQUFDO1FBQzlCLGdCQUFXLEdBQVcsU0FBUyxDQUFDO1FBTWhDLG1CQUFjLEdBQVcsa0RBQWtELENBQUM7UUFDNUUsd0JBQW1CLEdBQVcsd0JBQXdCLENBQUM7UUFFdkQsWUFBTyxHQUEyQixTQUFTLENBQUM7UUFDNUMsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUl0QixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixvQkFBZSxHQUFXLEVBQUUsQ0FBQztRQUM1QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FLbEQ7SUFIQyxhQUFhO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDOytHQS9CVSxtQkFBbUI7bUdBQW5CLG1CQUFtQiw0M0JDdkJoQyw2N0lBNkVNLDZnSkQ5REYsWUFBWSwrUEFDWixhQUFhLG1MQUNiLGVBQWUsNEZBQ2YscUJBQXFCOzs0RkFLWixtQkFBbUI7a0JBWi9CLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixlQUFlO3dCQUNmLHFCQUFxQjtxQkFDdEI7OEJBTVEsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xyXG5pbXBvcnQgeyBBY3Rpb25CdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24uY29tcG9uZW50JztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRmVhdHVyZUl0ZW0ge1xyXG4gIHRleHQ/OiBzdHJpbmc7XHJcbiAgdGV4dEtleT86IHN0cmluZztcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWN0aW9uLWNhcmQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcclxuICAgIEFjdGlvbkJ1dHRvbkNvbXBvbmVudFxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1jYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYWN0aW9uLWNhcmQuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBY3Rpb25DYXJkQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgaWNvblN2Zz86IHN0cmluZztcclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGJ1dHRvblRleHQ6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGJ1dHRvblRleHRLZXk/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdGl0bGVLZXk/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb25LZXk/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaWNvbkNvbG9yOiBzdHJpbmcgPSAnIzhBMTUzOCc7XHJcbiAgQElucHV0KCkgYm9yZGVyQ29sb3I6IHN0cmluZyA9ICcjZDFkMWQxJztcclxuICBASW5wdXQoKSBib3JkZXJMZWZ0Q29sb3I/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgYm9yZGVyUmlnaHRDb2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSBib3JkZXJCb3R0b21Db2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSB0b3BCb3JkZXJDb2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSB0b3BCb3JkZXJHcmFkaWVudD86IHN0cmluZztcclxuICBASW5wdXQoKSBidXR0b25HcmFkaWVudDogc3RyaW5nID0gJ2xpbmVhci1ncmFkaWVudCg5MGRlZywgI0U0QzlEMCAwJSwgIzhBMTUzOCAxMDAlKSc7XHJcbiAgQElucHV0KCkgZGVjb3JhdGl2ZUljb25Db2xvcjogc3RyaW5nID0gJ3JnYmEoMjA5LCAyMDMsIDIxNiwgMSknO1xyXG4gIEBJbnB1dCgpIGZlYXR1cmVDaGVja0ljb25Db2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSB2YXJpYW50OiAnZGVmYXVsdCcgfCAnZXh0ZW5kZWQnID0gJ2RlZmF1bHQnO1xyXG4gIEBJbnB1dCgpIGljb25TaXplOiBudW1iZXIgPSA0MDtcclxuICBASW5wdXQoKSBmZWF0dXJlcz86IEZlYXR1cmVJdGVtW107XHJcbiAgQElucHV0KCkgZmVhdHVyZXNIZWFkaW5nPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGZlYXR1cmVzSGVhZGluZ0tleT86IHN0cmluZztcclxuICBASW5wdXQoKSBzaG93RGl2aWRlcjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRvcEJvcmRlckhlaWdodDogbnVtYmVyID0gMTI7XHJcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBvbkJ1dHRvbkNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5idXR0b25DbGljay5lbWl0KCk7XHJcbiAgfVxyXG59IiwiPGRpdiBjbGFzcz1cImFjdGlvbi1jYXJkXCIgXHJcbiAgICAgW2NsYXNzLmV4dGVuZGVkLXZhcmlhbnRdPVwidmFyaWFudCA9PT0gJ2V4dGVuZGVkJ1wiXHJcbiAgICAgW3N0eWxlLi0tdG9wLWJvcmRlci1ncmFkaWVudF09XCJ0b3BCb3JkZXJHcmFkaWVudCB8fCBidXR0b25HcmFkaWVudFwiIFxyXG4gICAgIFtzdHlsZS4tLXRvcC1ib3JkZXItaGVpZ2h0XT1cInRvcEJvcmRlckhlaWdodCArICdweCdcIlxyXG4gICAgIFtzdHlsZS5ib3JkZXItcmlnaHQtY29sb3JdPVwiYm9yZGVyUmlnaHRDb2xvciB8fCBib3JkZXJDb2xvclwiIFxyXG4gICAgIFtzdHlsZS5ib3JkZXItYm90dG9tLWNvbG9yXT1cImJvcmRlckJvdHRvbUNvbG9yIHx8IGJvcmRlckNvbG9yXCIgXHJcbiAgICAgW3N0eWxlLmJvcmRlci1sZWZ0LWNvbG9yXT1cImJvcmRlckxlZnRDb2xvciB8fCBib3JkZXJDb2xvclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJjYXJkLWNvbnRlbnRcIiBbY2xhc3MuZXh0ZW5kZWQtY29udGVudF09XCJ2YXJpYW50ID09PSAnZXh0ZW5kZWQnXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibWFpbi1jb250ZW50XCIgW2NsYXNzLmV4dGVuZGVkLW1haW5dPVwidmFyaWFudCA9PT0gJ2V4dGVuZGVkJ1wiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXNlY3Rpb25cIiBbY2xhc3MuZXh0ZW5kZWQtaGVhZGVyXT1cInZhcmlhbnQgPT09ICdleHRlbmRlZCdcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXRvcC13cmFwcGVyXCIgKm5nSWY9XCJ2YXJpYW50ID09PSAnZGVmYXVsdCdcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLXdyYXBwZXJcIiBcclxuICAgICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cImljb25Db2xvclwiXHJcbiAgICAgICAgICAgICAgIFtzdHlsZS53aWR0aC5weF09XCJpY29uU2l6ZVwiXHJcbiAgICAgICAgICAgICAgIFtzdHlsZS5oZWlnaHQucHhdPVwiaWNvblNpemVcIj5cclxuICAgICAgICAgICAgPGltZyAqbmdJZj1cImljb25TdmdcIiBbc3JjXT1cImljb25TdmdcIiBhbHQ9XCJcIiBjbGFzcz1cImljb24tc3ZnXCIgW3N0eWxlLndpZHRoLnB4XT1cImljb25TaXplXCIgW3N0eWxlLmhlaWdodC5weF09XCJpY29uU2l6ZVwiIC8+XHJcbiAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIiFpY29uU3ZnICYmIGljb25cIiBbc3R5bGUuZm9udC1zaXplLnB4XT1cImljb25TaXplXCIgW3N0eWxlLndpZHRoLnB4XT1cImljb25TaXplXCIgW3N0eWxlLmhlaWdodC5weF09XCJpY29uU2l6ZVwiPnt7IGljb24gfX08L21hdC1pY29uPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXRvcFwiPlxyXG4gICAgICAgICAgICA8aDIgY2xhc3M9XCJjYXJkLXRpdGxlXCI+XHJcbiAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJ0aXRsZUtleVwiPnt7IHRpdGxlS2V5IHwgdHJhbnNsYXRlIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiIXRpdGxlS2V5XCI+e3sgdGl0bGUgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDwvaDI+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi13cmFwcGVyXCIgXHJcbiAgICAgICAgICAgICAqbmdJZj1cInZhcmlhbnQgPT09ICdleHRlbmRlZCdcIlxyXG4gICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cImljb25Db2xvclwiXHJcbiAgICAgICAgICAgICBbc3R5bGUud2lkdGgucHhdPVwiaWNvblNpemVcIlxyXG4gICAgICAgICAgICAgW3N0eWxlLmhlaWdodC5weF09XCJpY29uU2l6ZVwiPlxyXG4gICAgICAgICAgPGltZyAqbmdJZj1cImljb25TdmdcIiBbc3JjXT1cImljb25TdmdcIiBhbHQ9XCJcIiBjbGFzcz1cImljb24tc3ZnXCIgW3N0eWxlLndpZHRoLnB4XT1cImljb25TaXplXCIgW3N0eWxlLmhlaWdodC5weF09XCJpY29uU2l6ZVwiIC8+XHJcbiAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCIhaWNvblN2ZyAmJiBpY29uXCIgW3N0eWxlLmZvbnQtc2l6ZS5weF09XCJpY29uU2l6ZVwiIFtzdHlsZS53aWR0aC5weF09XCJpY29uU2l6ZVwiIFtzdHlsZS5oZWlnaHQucHhdPVwiaWNvblNpemVcIj57eyBpY29uIH19PC9tYXQtaWNvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGUtZGVzY3JpcHRpb24td3JhcHBlclwiICpuZ0lmPVwidmFyaWFudCA9PT0gJ2V4dGVuZGVkJ1wiPlxyXG4gICAgICAgICAgPGgyIGNsYXNzPVwiY2FyZC10aXRsZVwiPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cInRpdGxlS2V5XCI+e3sgdGl0bGVLZXkgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiIXRpdGxlS2V5XCI+e3sgdGl0bGUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8L2gyPlxyXG4gICAgICAgICAgPHAgY2xhc3M9XCJjYXJkLWRlc2NyaXB0aW9uXCI+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZGVzY3JpcHRpb25LZXlcIj57eyBkZXNjcmlwdGlvbktleSB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCIhZGVzY3JpcHRpb25LZXlcIj57eyBkZXNjcmlwdGlvbiB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8cCBjbGFzcz1cImNhcmQtZGVzY3JpcHRpb25cIiAqbmdJZj1cInZhcmlhbnQgPT09ICdkZWZhdWx0J1wiPlxyXG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCJkZXNjcmlwdGlvbktleVwiPnt7IGRlc2NyaXB0aW9uS2V5IHwgdHJhbnNsYXRlIH19PC9zcGFuPlxyXG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCIhZGVzY3JpcHRpb25LZXlcIj57eyBkZXNjcmlwdGlvbiB9fTwvc3Bhbj5cclxuICAgICAgICA8L3A+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8bGliLWFjdGlvbi1idXR0b25cclxuICAgICAgICBbYnV0dG9uVGV4dF09XCJidXR0b25UZXh0XCJcclxuICAgICAgICBbYnV0dG9uVGV4dEtleV09XCJidXR0b25UZXh0S2V5XCJcclxuICAgICAgICBbYnV0dG9uR3JhZGllbnRdPVwiYnV0dG9uR3JhZGllbnRcIlxyXG4gICAgICAgIChidXR0b25DbGljayk9XCJvbkJ1dHRvbkNsaWNrKClcIj5cclxuICAgICAgPC9saWItYWN0aW9uLWJ1dHRvbj5cclxuICAgICAgPGRpdiBjbGFzcz1cImZlYXR1cmVzLWRpdmlkZXJcIiAqbmdJZj1cInNob3dEaXZpZGVyICYmIGZlYXR1cmVzICYmIGZlYXR1cmVzLmxlbmd0aCA+IDBcIj48L2Rpdj5cclxuICAgICAgXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmZWF0dXJlcy1zZWN0aW9uXCIgKm5nSWY9XCJmZWF0dXJlcyAmJiBmZWF0dXJlcy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgPGgzIGNsYXNzPVwiZmVhdHVyZXMtaGVhZGluZ1wiICpuZ0lmPVwiZmVhdHVyZXNIZWFkaW5nIHx8IGZlYXR1cmVzSGVhZGluZ0tleVwiPlxyXG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCJmZWF0dXJlc0hlYWRpbmdLZXlcIj57eyBmZWF0dXJlc0hlYWRpbmdLZXkgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8c3BhbiAqbmdJZj1cIiFmZWF0dXJlc0hlYWRpbmdLZXlcIj57eyBmZWF0dXJlc0hlYWRpbmcgfX08L3NwYW4+XHJcbiAgICAgICAgPC9oMz5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmVhdHVyZS1pdGVtXCIgKm5nRm9yPVwibGV0IGZlYXR1cmUgb2YgZmVhdHVyZXNcIj5cclxuICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImZlYXR1cmUtY2hlY2staWNvblwiIFtzdHlsZS5jb2xvcl09XCJmZWF0dXJlQ2hlY2tJY29uQ29sb3IgfHwgaWNvbkNvbG9yXCI+Y2hlY2tfY2lyY2xlPC9tYXQtaWNvbj5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmVhdHVyZS10ZXh0XCI+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZmVhdHVyZS50ZXh0S2V5XCI+e3sgZmVhdHVyZS50ZXh0S2V5IHwgdHJhbnNsYXRlIH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cIiFmZWF0dXJlLnRleHRLZXlcIj57eyBmZWF0dXJlLnRleHQgfX08L3NwYW4+XHJcbiAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGVjb3JhdGl2ZS1pY29uLXdyYXBwZXJcIiAqbmdJZj1cInZhcmlhbnQgPT09ICdkZWZhdWx0JyAmJiAoaWNvbiB8fCBpY29uU3ZnKVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZGVjb3JhdGl2ZS1pY29uXCI+XHJcbiAgICAgICAgPGltZyAqbmdJZj1cImljb25TdmdcIiBbc3JjXT1cImljb25TdmdcIiBhbHQ9XCJcIiBjbGFzcz1cImRlY29yYXRpdmUtaWNvbi1zdmdcIiBbc3R5bGUuZmlsdGVyXT1cIidvcGFjaXR5KDAuMyknXCIgLz5cclxuICAgICAgICA8bWF0LWljb24gKm5nSWY9XCIhaWNvblN2ZyAmJiBpY29uXCIgW3N0eWxlLmNvbG9yXT1cImRlY29yYXRpdmVJY29uQ29sb3JcIj57eyBpY29uIH19PC9tYXQtaWNvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
@@ -18,11 +18,11 @@ export class SnackbarStaticComponent {
|
|
|
18
18
|
this.actionBtn.emit();
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SnackbarStaticComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SnackbarStaticComponent, isStandalone: true, selector: "app-snackbar-static", inputs: { messageKey: "messageKey", titleKey: "titleKey", params: "params", paramsTitle: "paramsTitle", type: "type", width: "width", textBtn: "textBtn" }, outputs: { actionBtn: "actionBtn" }, ngImport: i0, template: "<div class=\"snackbar snackbar-{{type}}\" [ngStyle]=\"{'width': width == 'auto' ? 'auto' : width}\">\r\n <div class=\"sub-snackbar\">\r\n <mat-icon *ngIf=\"type === 'error'\">error</mat-icon>\r\n <mat-icon *ngIf=\"type === 'success'\">check_box</mat-icon>\r\n <mat-icon *ngIf=\"type === 'warning'\">warning</mat-icon>\r\n <mat-icon *ngIf=\"type === 'info'\">info</mat-icon>\r\n <mat-icon *ngIf=\"type === 'help'\">help</mat-icon>\r\n\r\n <div class=\"text-content\">\r\n <div class=\"title\">{{ titleKey | translate : paramsTitle }}</div>\r\n <div class=\"subtitle\">{{ messageKey | translate: params }}</div>\r\n </div>\r\n\r\n </div>\r\n <div class=\"action\" *ngIf=\"textBtn\">\r\n <button mat-stroked-button class=\"btn-none-background-primary action-btn\" (click)=\"submit()\" id=\"snackbar-action-btn\">\r\n {{ textBtn | translate}}\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".snackbar{position:relative;width:auto;max-width:100%;box-sizing:border-box;background:#fff;border:1.5px solid #1c8c7a;border-radius:10px;padding:12px 20px;display:flex;flex-direction:column;color:#1c8c7a;box-shadow:0 2px 4px #00000014;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;--snackbar-icon-size: clamp(16px, 2.4vw, 20px);--snackbar-title-size: clamp(14px, 2.6vw, 16px);--snackbar-subtitle-size: clamp(12px, 2.3vw, 14px)}.snackbar .sub-snackbar{display:flex;gap:10px;align-items:start}.snackbar .sub-snackbar mat-icon{font-size:var(--snackbar-icon-size);line-height:1;width:1em;height:1em;flex:0 0 auto}.snackbar .sub-snackbar .text-content{display:flex;flex-direction:column;line-height:24px}.snackbar .sub-snackbar .text-content .title{font-weight:400;color:inherit;font-family:lusail-regular,sans-serif;font-size:var(--snackbar-title-size)
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SnackbarStaticComponent, isStandalone: true, selector: "app-snackbar-static", inputs: { messageKey: "messageKey", titleKey: "titleKey", params: "params", paramsTitle: "paramsTitle", type: "type", width: "width", textBtn: "textBtn" }, outputs: { actionBtn: "actionBtn" }, ngImport: i0, template: "<div class=\"snackbar snackbar-{{type}}\" [ngStyle]=\"{'width': width == 'auto' ? 'auto' : width}\">\r\n <div class=\"sub-snackbar\">\r\n <mat-icon *ngIf=\"type === 'error'\">error</mat-icon>\r\n <mat-icon *ngIf=\"type === 'success'\">check_box</mat-icon>\r\n <mat-icon *ngIf=\"type === 'warning'\">warning</mat-icon>\r\n <mat-icon *ngIf=\"type === 'info'\">info</mat-icon>\r\n <mat-icon *ngIf=\"type === 'help'\">help</mat-icon>\r\n\r\n <div class=\"text-content\">\r\n <div class=\"title\">{{ titleKey | translate : paramsTitle }}</div>\r\n <div class=\"subtitle\">{{ messageKey | translate: params }}</div>\r\n </div>\r\n\r\n </div>\r\n <div class=\"action\" *ngIf=\"textBtn\">\r\n <button mat-stroked-button class=\"btn-none-background-primary action-btn\" (click)=\"submit()\" id=\"snackbar-action-btn\">\r\n {{ textBtn | translate}}\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".snackbar{position:relative;width:auto;max-width:100%;box-sizing:border-box;background:#fff;border:1.5px solid #1c8c7a;border-radius:10px;padding:12px 20px;display:flex;flex-direction:column;color:#1c8c7a;box-shadow:0 2px 4px #00000014;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;--snackbar-icon-size: clamp(16px, 2.4vw, 20px);--snackbar-title-size: clamp(14px, 2.6vw, 16px);--snackbar-subtitle-size: clamp(12px, 2.3vw, 14px)}.snackbar .sub-snackbar{display:flex;gap:10px;align-items:start}.snackbar .sub-snackbar mat-icon{font-size:var(--snackbar-icon-size);line-height:1;width:1em;height:1em;flex:0 0 auto}.snackbar .sub-snackbar .text-content{display:flex;flex-direction:column;line-height:24px}.snackbar .sub-snackbar .text-content .title{font-weight:400;color:inherit;font-family:lusail-regular,sans-serif;font-size:var(--snackbar-title-size)}.snackbar .sub-snackbar .text-content .subtitle{font-weight:400;color:#888;font-family:lusail-light,sans-serif;font-size:var(--snackbar-subtitle-size);margin-top:3px!important}.snackbar .action{display:flex;justify-content:flex-end}.snackbar .action .action-btn{font-size:var(--snackbar-title-size);font-weight:400;border-radius:8px;min-height:19px!important;margin:0!important;max-width:100%}.snackbar .action .action-btn mat-icon{font-size:var(--snackbar-icon-size)}.snackbar-success{border-color:#0d7d6a;color:#0d7d6a}.snackbar-error{border-color:#a42b2b;color:#a42b2b}.snackbar-warning{border-color:#b54708;color:#b54708}.snackbar-info{border-color:#0d47a1;color:#0d47a1}.snackbar-help{border-color:var(--primary-color-3nd);color:var(--primary-color-3nd)}@media (max-width: 600px){.snackbar{padding:10px 14px;--snackbar-icon-size: clamp(16px, 3.6vw, 18px);--snackbar-title-size: clamp(14px, 3.8vw, 15px);--snackbar-subtitle-size: clamp(12px, 3.4vw, 13px)}.snackbar .sub-snackbar{gap:8px}.snackbar .sub-snackbar .text-content{line-height:22px}.snackbar .action{margin-top:8px}.snackbar .action .action-btn{width:100%;font-size:var(--snackbar-title-size)}}@media (max-width: 360px){.snackbar{padding:8px 10px;border-radius:8px;--snackbar-icon-size: clamp(14px, 4.5vw, 16px);--snackbar-title-size: clamp(13px, 4.6vw, 14px);--snackbar-subtitle-size: clamp(11px, 4.2vw, 12px)}}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.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: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SnackbarStaticComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: 'app-snackbar-static', standalone: true, imports: [MatIcon, NgIf, TranslateModule, MatIconButton, MatButton, NgStyle], template: "<div class=\"snackbar snackbar-{{type}}\" [ngStyle]=\"{'width': width == 'auto' ? 'auto' : width}\">\r\n <div class=\"sub-snackbar\">\r\n <mat-icon *ngIf=\"type === 'error'\">error</mat-icon>\r\n <mat-icon *ngIf=\"type === 'success'\">check_box</mat-icon>\r\n <mat-icon *ngIf=\"type === 'warning'\">warning</mat-icon>\r\n <mat-icon *ngIf=\"type === 'info'\">info</mat-icon>\r\n <mat-icon *ngIf=\"type === 'help'\">help</mat-icon>\r\n\r\n <div class=\"text-content\">\r\n <div class=\"title\">{{ titleKey | translate : paramsTitle }}</div>\r\n <div class=\"subtitle\">{{ messageKey | translate: params }}</div>\r\n </div>\r\n\r\n </div>\r\n <div class=\"action\" *ngIf=\"textBtn\">\r\n <button mat-stroked-button class=\"btn-none-background-primary action-btn\" (click)=\"submit()\" id=\"snackbar-action-btn\">\r\n {{ textBtn | translate}}\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".snackbar{position:relative;width:auto;max-width:100%;box-sizing:border-box;background:#fff;border:1.5px solid #1c8c7a;border-radius:10px;padding:12px 20px;display:flex;flex-direction:column;color:#1c8c7a;box-shadow:0 2px 4px #00000014;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;--snackbar-icon-size: clamp(16px, 2.4vw, 20px);--snackbar-title-size: clamp(14px, 2.6vw, 16px);--snackbar-subtitle-size: clamp(12px, 2.3vw, 14px)}.snackbar .sub-snackbar{display:flex;gap:10px;align-items:start}.snackbar .sub-snackbar mat-icon{font-size:var(--snackbar-icon-size);line-height:1;width:1em;height:1em;flex:0 0 auto}.snackbar .sub-snackbar .text-content{display:flex;flex-direction:column;line-height:24px}.snackbar .sub-snackbar .text-content .title{font-weight:400;color:inherit;font-family:lusail-regular,sans-serif;font-size:var(--snackbar-title-size)
|
|
25
|
+
args: [{ selector: 'app-snackbar-static', standalone: true, imports: [MatIcon, NgIf, TranslateModule, MatIconButton, MatButton, NgStyle], template: "<div class=\"snackbar snackbar-{{type}}\" [ngStyle]=\"{'width': width == 'auto' ? 'auto' : width}\">\r\n <div class=\"sub-snackbar\">\r\n <mat-icon *ngIf=\"type === 'error'\">error</mat-icon>\r\n <mat-icon *ngIf=\"type === 'success'\">check_box</mat-icon>\r\n <mat-icon *ngIf=\"type === 'warning'\">warning</mat-icon>\r\n <mat-icon *ngIf=\"type === 'info'\">info</mat-icon>\r\n <mat-icon *ngIf=\"type === 'help'\">help</mat-icon>\r\n\r\n <div class=\"text-content\">\r\n <div class=\"title\">{{ titleKey | translate : paramsTitle }}</div>\r\n <div class=\"subtitle\">{{ messageKey | translate: params }}</div>\r\n </div>\r\n\r\n </div>\r\n <div class=\"action\" *ngIf=\"textBtn\">\r\n <button mat-stroked-button class=\"btn-none-background-primary action-btn\" (click)=\"submit()\" id=\"snackbar-action-btn\">\r\n {{ textBtn | translate}}\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".snackbar{position:relative;width:auto;max-width:100%;box-sizing:border-box;background:#fff;border:1.5px solid #1c8c7a;border-radius:10px;padding:12px 20px;display:flex;flex-direction:column;color:#1c8c7a;box-shadow:0 2px 4px #00000014;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;--snackbar-icon-size: clamp(16px, 2.4vw, 20px);--snackbar-title-size: clamp(14px, 2.6vw, 16px);--snackbar-subtitle-size: clamp(12px, 2.3vw, 14px)}.snackbar .sub-snackbar{display:flex;gap:10px;align-items:start}.snackbar .sub-snackbar mat-icon{font-size:var(--snackbar-icon-size);line-height:1;width:1em;height:1em;flex:0 0 auto}.snackbar .sub-snackbar .text-content{display:flex;flex-direction:column;line-height:24px}.snackbar .sub-snackbar .text-content .title{font-weight:400;color:inherit;font-family:lusail-regular,sans-serif;font-size:var(--snackbar-title-size)}.snackbar .sub-snackbar .text-content .subtitle{font-weight:400;color:#888;font-family:lusail-light,sans-serif;font-size:var(--snackbar-subtitle-size);margin-top:3px!important}.snackbar .action{display:flex;justify-content:flex-end}.snackbar .action .action-btn{font-size:var(--snackbar-title-size);font-weight:400;border-radius:8px;min-height:19px!important;margin:0!important;max-width:100%}.snackbar .action .action-btn mat-icon{font-size:var(--snackbar-icon-size)}.snackbar-success{border-color:#0d7d6a;color:#0d7d6a}.snackbar-error{border-color:#a42b2b;color:#a42b2b}.snackbar-warning{border-color:#b54708;color:#b54708}.snackbar-info{border-color:#0d47a1;color:#0d47a1}.snackbar-help{border-color:var(--primary-color-3nd);color:var(--primary-color-3nd)}@media (max-width: 600px){.snackbar{padding:10px 14px;--snackbar-icon-size: clamp(16px, 3.6vw, 18px);--snackbar-title-size: clamp(14px, 3.8vw, 15px);--snackbar-subtitle-size: clamp(12px, 3.4vw, 13px)}.snackbar .sub-snackbar{gap:8px}.snackbar .sub-snackbar .text-content{line-height:22px}.snackbar .action{margin-top:8px}.snackbar .action .action-btn{width:100%;font-size:var(--snackbar-title-size)}}@media (max-width: 360px){.snackbar{padding:8px 10px;border-radius:8px;--snackbar-icon-size: clamp(14px, 4.5vw, 16px);--snackbar-title-size: clamp(13px, 4.6vw, 14px);--snackbar-subtitle-size: clamp(11px, 4.2vw, 12px)}}\n"] }]
|
|
26
26
|
}], propDecorators: { messageKey: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}], titleKey: [{
|
|
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
40
40
|
}], textBtn: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXItc3RhdGljLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ludm9pY2VxL3VpLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvc25hY2tiYXItc3RhdGljL3NuYWNrYmFyLXN0YXRpYy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NuYWNrYmFyLXN0YXRpYy9zbmFja2Jhci1zdGF0aWMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNyRSxPQUFPLEVBQUMsU0FBUyxFQUFFLGFBQWEsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNqRCxPQUFPLEVBQUMsSUFBSSxFQUFFLE9BQU8sRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBU3RELE1BQU0sT0FBTyx1QkFBdUI7SUFQcEM7UUFRVyxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFDZCxXQUFNLEdBQXdCLEVBQUUsQ0FBQztRQUNqQyxnQkFBVyxHQUF3QixFQUFFLENBQUM7UUFFckMsY0FBUyxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3BELFVBQUssR0FBVyxNQUFNLENBQUM7S0FLakM7SUFIQyxNQUFNO1FBQ0osSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQTtJQUN2QixDQUFDOytHQVhVLHVCQUF1QjttR0FBdkIsdUJBQXVCLGdSQ2JwQywrNUJBb0JBLDZ2RURYWSxPQUFPLDJJQUFFLElBQUksNEZBQUUsZUFBZSw0RkFBaUIsU0FBUyxpTEFBRSxPQUFPOzs0RkFJaEUsdUJBQXVCO2tCQVBuQyxTQUFTOytCQUNFLHFCQUFxQixjQUNuQixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLE9BQU8sQ0FBQzs4QkFLbkUsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNO2dCQUNFLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtNYXRCdXR0b24sIE1hdEljb25CdXR0b259IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XHJcbmltcG9ydCB7IE1hdEljb24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuaW1wb3J0IHtOZ0lmLCBOZ1N0eWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXNuYWNrYmFyLXN0YXRpYycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTWF0SWNvbiwgTmdJZiwgVHJhbnNsYXRlTW9kdWxlLCBNYXRJY29uQnV0dG9uLCBNYXRCdXR0b24sIE5nU3R5bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zbmFja2Jhci1zdGF0aWMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NuYWNrYmFyLXN0YXRpYy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTbmFja2JhclN0YXRpY0NvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgbWVzc2FnZUtleSA9ICcnO1xyXG4gIEBJbnB1dCgpIHRpdGxlS2V5ID0gJyc7XHJcbiAgQElucHV0KCkgcGFyYW1zOiBSZWNvcmQ8c3RyaW5nLCBhbnk+ID0ge307XHJcbiAgQElucHV0KCkgcGFyYW1zVGl0bGU6IFJlY29yZDxzdHJpbmcsIGFueT4gPSB7fTtcclxuICBASW5wdXQoKSB0eXBlOiAnZXJyb3InIHwgJ3N1Y2Nlc3MnIHwgJ3dhcm5pbmcnIHwgJ2luZm8nIHwgJ2hlbHAnXHJcbiAgQE91dHB1dCgpIGFjdGlvbkJ0bjogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnYXV0byc7XHJcbiAgQElucHV0KCkgdGV4dEJ0bjogc3RyaW5nO1xyXG4gIHN1Ym1pdCgpIHtcclxuICAgIHRoaXMuYWN0aW9uQnRuLmVtaXQoKVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwic25hY2tiYXIgc25hY2tiYXIte3t0eXBlfX1cIiBbbmdTdHlsZV09XCJ7J3dpZHRoJzogd2lkdGggPT0gJ2F1dG8nID8gJ2F1dG8nIDogd2lkdGh9XCI+XHJcbiAgPGRpdiBjbGFzcz1cInN1Yi1zbmFja2JhclwiPlxyXG4gICAgPG1hdC1pY29uICpuZ0lmPVwidHlwZSA9PT0gJ2Vycm9yJ1wiPmVycm9yPC9tYXQtaWNvbj5cclxuICAgIDxtYXQtaWNvbiAqbmdJZj1cInR5cGUgPT09ICdzdWNjZXNzJ1wiPmNoZWNrX2JveDwvbWF0LWljb24+XHJcbiAgICA8bWF0LWljb24gKm5nSWY9XCJ0eXBlID09PSAnd2FybmluZydcIj53YXJuaW5nPC9tYXQtaWNvbj5cclxuICAgIDxtYXQtaWNvbiAqbmdJZj1cInR5cGUgPT09ICdpbmZvJ1wiPmluZm88L21hdC1pY29uPlxyXG4gICAgPG1hdC1pY29uICpuZ0lmPVwidHlwZSA9PT0gJ2hlbHAnXCI+aGVscDwvbWF0LWljb24+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cInRleHQtY29udGVudFwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj57eyB0aXRsZUtleSB8IHRyYW5zbGF0ZSA6IHBhcmFtc1RpdGxlIH19PC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzdWJ0aXRsZVwiPnt7IG1lc3NhZ2VLZXkgfCB0cmFuc2xhdGU6IHBhcmFtcyB9fTwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJhY3Rpb25cIiAqbmdJZj1cInRleHRCdG5cIj5cclxuICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uIGNsYXNzPVwiYnRuLW5vbmUtYmFja2dyb3VuZC1wcmltYXJ5IGFjdGlvbi1idG5cIiAoY2xpY2spPVwic3VibWl0KClcIiBpZD1cInNuYWNrYmFyLWFjdGlvbi1idG5cIj5cclxuICAgICAgICB7eyB0ZXh0QnRuIHwgdHJhbnNsYXRlfX1cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -5808,11 +5808,11 @@ class SnackbarStaticComponent {
|
|
|
5808
5808
|
this.actionBtn.emit();
|
|
5809
5809
|
}
|
|
5810
5810
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SnackbarStaticComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5811
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SnackbarStaticComponent, isStandalone: true, selector: "app-snackbar-static", inputs: { messageKey: "messageKey", titleKey: "titleKey", params: "params", paramsTitle: "paramsTitle", type: "type", width: "width", textBtn: "textBtn" }, outputs: { actionBtn: "actionBtn" }, ngImport: i0, template: "<div class=\"snackbar snackbar-{{type}}\" [ngStyle]=\"{'width': width == 'auto' ? 'auto' : width}\">\r\n <div class=\"sub-snackbar\">\r\n <mat-icon *ngIf=\"type === 'error'\">error</mat-icon>\r\n <mat-icon *ngIf=\"type === 'success'\">check_box</mat-icon>\r\n <mat-icon *ngIf=\"type === 'warning'\">warning</mat-icon>\r\n <mat-icon *ngIf=\"type === 'info'\">info</mat-icon>\r\n <mat-icon *ngIf=\"type === 'help'\">help</mat-icon>\r\n\r\n <div class=\"text-content\">\r\n <div class=\"title\">{{ titleKey | translate : paramsTitle }}</div>\r\n <div class=\"subtitle\">{{ messageKey | translate: params }}</div>\r\n </div>\r\n\r\n </div>\r\n <div class=\"action\" *ngIf=\"textBtn\">\r\n <button mat-stroked-button class=\"btn-none-background-primary action-btn\" (click)=\"submit()\" id=\"snackbar-action-btn\">\r\n {{ textBtn | translate}}\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".snackbar{position:relative;width:auto;max-width:100%;box-sizing:border-box;background:#fff;border:1.5px solid #1c8c7a;border-radius:10px;padding:12px 20px;display:flex;flex-direction:column;color:#1c8c7a;box-shadow:0 2px 4px #00000014;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;--snackbar-icon-size: clamp(16px, 2.4vw, 20px);--snackbar-title-size: clamp(14px, 2.6vw, 16px);--snackbar-subtitle-size: clamp(12px, 2.3vw, 14px)}.snackbar .sub-snackbar{display:flex;gap:10px;align-items:start}.snackbar .sub-snackbar mat-icon{font-size:var(--snackbar-icon-size);line-height:1;width:1em;height:1em;flex:0 0 auto}.snackbar .sub-snackbar .text-content{display:flex;flex-direction:column;line-height:24px}.snackbar .sub-snackbar .text-content .title{font-weight:400;color:inherit;font-family:lusail-regular,sans-serif;font-size:var(--snackbar-title-size)
|
|
5811
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SnackbarStaticComponent, isStandalone: true, selector: "app-snackbar-static", inputs: { messageKey: "messageKey", titleKey: "titleKey", params: "params", paramsTitle: "paramsTitle", type: "type", width: "width", textBtn: "textBtn" }, outputs: { actionBtn: "actionBtn" }, ngImport: i0, template: "<div class=\"snackbar snackbar-{{type}}\" [ngStyle]=\"{'width': width == 'auto' ? 'auto' : width}\">\r\n <div class=\"sub-snackbar\">\r\n <mat-icon *ngIf=\"type === 'error'\">error</mat-icon>\r\n <mat-icon *ngIf=\"type === 'success'\">check_box</mat-icon>\r\n <mat-icon *ngIf=\"type === 'warning'\">warning</mat-icon>\r\n <mat-icon *ngIf=\"type === 'info'\">info</mat-icon>\r\n <mat-icon *ngIf=\"type === 'help'\">help</mat-icon>\r\n\r\n <div class=\"text-content\">\r\n <div class=\"title\">{{ titleKey | translate : paramsTitle }}</div>\r\n <div class=\"subtitle\">{{ messageKey | translate: params }}</div>\r\n </div>\r\n\r\n </div>\r\n <div class=\"action\" *ngIf=\"textBtn\">\r\n <button mat-stroked-button class=\"btn-none-background-primary action-btn\" (click)=\"submit()\" id=\"snackbar-action-btn\">\r\n {{ textBtn | translate}}\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".snackbar{position:relative;width:auto;max-width:100%;box-sizing:border-box;background:#fff;border:1.5px solid #1c8c7a;border-radius:10px;padding:12px 20px;display:flex;flex-direction:column;color:#1c8c7a;box-shadow:0 2px 4px #00000014;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;--snackbar-icon-size: clamp(16px, 2.4vw, 20px);--snackbar-title-size: clamp(14px, 2.6vw, 16px);--snackbar-subtitle-size: clamp(12px, 2.3vw, 14px)}.snackbar .sub-snackbar{display:flex;gap:10px;align-items:start}.snackbar .sub-snackbar mat-icon{font-size:var(--snackbar-icon-size);line-height:1;width:1em;height:1em;flex:0 0 auto}.snackbar .sub-snackbar .text-content{display:flex;flex-direction:column;line-height:24px}.snackbar .sub-snackbar .text-content .title{font-weight:400;color:inherit;font-family:lusail-regular,sans-serif;font-size:var(--snackbar-title-size)}.snackbar .sub-snackbar .text-content .subtitle{font-weight:400;color:#888;font-family:lusail-light,sans-serif;font-size:var(--snackbar-subtitle-size);margin-top:3px!important}.snackbar .action{display:flex;justify-content:flex-end}.snackbar .action .action-btn{font-size:var(--snackbar-title-size);font-weight:400;border-radius:8px;min-height:19px!important;margin:0!important;max-width:100%}.snackbar .action .action-btn mat-icon{font-size:var(--snackbar-icon-size)}.snackbar-success{border-color:#0d7d6a;color:#0d7d6a}.snackbar-error{border-color:#a42b2b;color:#a42b2b}.snackbar-warning{border-color:#b54708;color:#b54708}.snackbar-info{border-color:#0d47a1;color:#0d47a1}.snackbar-help{border-color:var(--primary-color-3nd);color:var(--primary-color-3nd)}@media (max-width: 600px){.snackbar{padding:10px 14px;--snackbar-icon-size: clamp(16px, 3.6vw, 18px);--snackbar-title-size: clamp(14px, 3.8vw, 15px);--snackbar-subtitle-size: clamp(12px, 3.4vw, 13px)}.snackbar .sub-snackbar{gap:8px}.snackbar .sub-snackbar .text-content{line-height:22px}.snackbar .action{margin-top:8px}.snackbar .action .action-btn{width:100%;font-size:var(--snackbar-title-size)}}@media (max-width: 360px){.snackbar{padding:8px 10px;border-radius:8px;--snackbar-icon-size: clamp(14px, 4.5vw, 16px);--snackbar-title-size: clamp(13px, 4.6vw, 14px);--snackbar-subtitle-size: clamp(11px, 4.2vw, 12px)}}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: 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: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
5812
5812
|
}
|
|
5813
5813
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SnackbarStaticComponent, decorators: [{
|
|
5814
5814
|
type: Component,
|
|
5815
|
-
args: [{ selector: 'app-snackbar-static', standalone: true, imports: [MatIcon, NgIf, TranslateModule, MatIconButton, MatButton, NgStyle], template: "<div class=\"snackbar snackbar-{{type}}\" [ngStyle]=\"{'width': width == 'auto' ? 'auto' : width}\">\r\n <div class=\"sub-snackbar\">\r\n <mat-icon *ngIf=\"type === 'error'\">error</mat-icon>\r\n <mat-icon *ngIf=\"type === 'success'\">check_box</mat-icon>\r\n <mat-icon *ngIf=\"type === 'warning'\">warning</mat-icon>\r\n <mat-icon *ngIf=\"type === 'info'\">info</mat-icon>\r\n <mat-icon *ngIf=\"type === 'help'\">help</mat-icon>\r\n\r\n <div class=\"text-content\">\r\n <div class=\"title\">{{ titleKey | translate : paramsTitle }}</div>\r\n <div class=\"subtitle\">{{ messageKey | translate: params }}</div>\r\n </div>\r\n\r\n </div>\r\n <div class=\"action\" *ngIf=\"textBtn\">\r\n <button mat-stroked-button class=\"btn-none-background-primary action-btn\" (click)=\"submit()\" id=\"snackbar-action-btn\">\r\n {{ textBtn | translate}}\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".snackbar{position:relative;width:auto;max-width:100%;box-sizing:border-box;background:#fff;border:1.5px solid #1c8c7a;border-radius:10px;padding:12px 20px;display:flex;flex-direction:column;color:#1c8c7a;box-shadow:0 2px 4px #00000014;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;--snackbar-icon-size: clamp(16px, 2.4vw, 20px);--snackbar-title-size: clamp(14px, 2.6vw, 16px);--snackbar-subtitle-size: clamp(12px, 2.3vw, 14px)}.snackbar .sub-snackbar{display:flex;gap:10px;align-items:start}.snackbar .sub-snackbar mat-icon{font-size:var(--snackbar-icon-size);line-height:1;width:1em;height:1em;flex:0 0 auto}.snackbar .sub-snackbar .text-content{display:flex;flex-direction:column;line-height:24px}.snackbar .sub-snackbar .text-content .title{font-weight:400;color:inherit;font-family:lusail-regular,sans-serif;font-size:var(--snackbar-title-size)
|
|
5815
|
+
args: [{ selector: 'app-snackbar-static', standalone: true, imports: [MatIcon, NgIf, TranslateModule, MatIconButton, MatButton, NgStyle], template: "<div class=\"snackbar snackbar-{{type}}\" [ngStyle]=\"{'width': width == 'auto' ? 'auto' : width}\">\r\n <div class=\"sub-snackbar\">\r\n <mat-icon *ngIf=\"type === 'error'\">error</mat-icon>\r\n <mat-icon *ngIf=\"type === 'success'\">check_box</mat-icon>\r\n <mat-icon *ngIf=\"type === 'warning'\">warning</mat-icon>\r\n <mat-icon *ngIf=\"type === 'info'\">info</mat-icon>\r\n <mat-icon *ngIf=\"type === 'help'\">help</mat-icon>\r\n\r\n <div class=\"text-content\">\r\n <div class=\"title\">{{ titleKey | translate : paramsTitle }}</div>\r\n <div class=\"subtitle\">{{ messageKey | translate: params }}</div>\r\n </div>\r\n\r\n </div>\r\n <div class=\"action\" *ngIf=\"textBtn\">\r\n <button mat-stroked-button class=\"btn-none-background-primary action-btn\" (click)=\"submit()\" id=\"snackbar-action-btn\">\r\n {{ textBtn | translate}}\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".snackbar{position:relative;width:auto;max-width:100%;box-sizing:border-box;background:#fff;border:1.5px solid #1c8c7a;border-radius:10px;padding:12px 20px;display:flex;flex-direction:column;color:#1c8c7a;box-shadow:0 2px 4px #00000014;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;--snackbar-icon-size: clamp(16px, 2.4vw, 20px);--snackbar-title-size: clamp(14px, 2.6vw, 16px);--snackbar-subtitle-size: clamp(12px, 2.3vw, 14px)}.snackbar .sub-snackbar{display:flex;gap:10px;align-items:start}.snackbar .sub-snackbar mat-icon{font-size:var(--snackbar-icon-size);line-height:1;width:1em;height:1em;flex:0 0 auto}.snackbar .sub-snackbar .text-content{display:flex;flex-direction:column;line-height:24px}.snackbar .sub-snackbar .text-content .title{font-weight:400;color:inherit;font-family:lusail-regular,sans-serif;font-size:var(--snackbar-title-size)}.snackbar .sub-snackbar .text-content .subtitle{font-weight:400;color:#888;font-family:lusail-light,sans-serif;font-size:var(--snackbar-subtitle-size);margin-top:3px!important}.snackbar .action{display:flex;justify-content:flex-end}.snackbar .action .action-btn{font-size:var(--snackbar-title-size);font-weight:400;border-radius:8px;min-height:19px!important;margin:0!important;max-width:100%}.snackbar .action .action-btn mat-icon{font-size:var(--snackbar-icon-size)}.snackbar-success{border-color:#0d7d6a;color:#0d7d6a}.snackbar-error{border-color:#a42b2b;color:#a42b2b}.snackbar-warning{border-color:#b54708;color:#b54708}.snackbar-info{border-color:#0d47a1;color:#0d47a1}.snackbar-help{border-color:var(--primary-color-3nd);color:var(--primary-color-3nd)}@media (max-width: 600px){.snackbar{padding:10px 14px;--snackbar-icon-size: clamp(16px, 3.6vw, 18px);--snackbar-title-size: clamp(14px, 3.8vw, 15px);--snackbar-subtitle-size: clamp(12px, 3.4vw, 13px)}.snackbar .sub-snackbar{gap:8px}.snackbar .sub-snackbar .text-content{line-height:22px}.snackbar .action{margin-top:8px}.snackbar .action .action-btn{width:100%;font-size:var(--snackbar-title-size)}}@media (max-width: 360px){.snackbar{padding:8px 10px;border-radius:8px;--snackbar-icon-size: clamp(14px, 4.5vw, 16px);--snackbar-title-size: clamp(13px, 4.6vw, 14px);--snackbar-subtitle-size: clamp(11px, 4.2vw, 12px)}}\n"] }]
|
|
5816
5816
|
}], propDecorators: { messageKey: [{
|
|
5817
5817
|
type: Input
|
|
5818
5818
|
}], titleKey: [{
|
|
@@ -5860,7 +5860,7 @@ class ActionButtonComponent {
|
|
|
5860
5860
|
this.buttonClick.emit();
|
|
5861
5861
|
}
|
|
5862
5862
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5863
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionButtonComponent, isStandalone: true, selector: "lib-action-button", inputs: { buttonText: "buttonText", buttonTextKey: "buttonTextKey", buttonGradient: "buttonGradient", id: "id" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\r\n class=\"action-button\"\r\n (click)=\"onButtonClick()\"\r\n [style.background]=\"buttonGradient\"\r\n [attr.id]=\"id || (buttonTextKey ? ('action-button-' + buttonTextKey) : 'action-button')\"\r\n type=\"button\">\r\n <span class=\"button-texts\">\r\n <span *ngIf=\"buttonTextKey\">{{ buttonTextKey | translate }}</span>\r\n <span *ngIf=\"!buttonTextKey\">{{ buttonText }}</span>\r\n </span>\r\n <mat-icon class=\"arrow-icon\" [class.arrow-rtl]=\"isArabic\">arrow_forward</mat-icon>\r\n</button>\r\n", styles: [".action-button{display:flex;align-items:center;justify-content:center;gap:16px;height:62px;border-radius:16px;border:none;position:relative;overflow:hidden;cursor:pointer;width:100%;padding:0;background-size:cover;background-position:center;margin-top:15px}.action-button .button-texts{font-family:lusail-medium,sans-serif!important;font-weight:500!important;font-size:24px!important;line-height:1.2!important;color:#2e2e2e!important;white-space:nowrap;position:relative;z-index:1}.action-button .arrow-icon{font-size:24px!important;width:24px;height:30px;color:#2e2e2e;position:relative;z-index:1}.action-button .arrow-icon.arrow-rtl{transform:rotate(180deg)}.action-button:hover{opacity:.9}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
|
|
5863
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionButtonComponent, isStandalone: true, selector: "lib-action-button", inputs: { buttonText: "buttonText", buttonTextKey: "buttonTextKey", buttonGradient: "buttonGradient", id: "id" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\r\n class=\"action-button\"\r\n (click)=\"onButtonClick()\"\r\n [style.background]=\"buttonGradient\"\r\n [attr.id]=\"id || (buttonTextKey ? ('action-button-' + buttonTextKey) : 'action-button')\"\r\n type=\"button\">\r\n <span class=\"button-texts\">\r\n <span *ngIf=\"buttonTextKey\">{{ buttonTextKey | translate }}</span>\r\n <span *ngIf=\"!buttonTextKey\">{{ buttonText }}</span>\r\n </span>\r\n <mat-icon class=\"arrow-icon\" [class.arrow-rtl]=\"isArabic\">arrow_forward</mat-icon>\r\n</button>\r\n", styles: [".action-button{display:flex;align-items:center;justify-content:center;gap:16px;height:62px;border-radius:16px;border:none;position:relative;overflow:hidden;cursor:pointer;width:100%;padding:0;background-size:cover;background-position:center;margin-top:15px}.action-button .button-texts{font-family:lusail-medium,sans-serif!important;font-weight:500!important;font-size:24px!important;line-height:1.2!important;color:#2e2e2e!important;white-space:nowrap;position:relative;z-index:1}.action-button .arrow-icon{font-size:24px!important;width:24px;height:30px;color:#2e2e2e;position:relative;z-index:1}.action-button .arrow-icon.arrow-rtl{transform:rotate(180deg)}.action-button:hover{opacity:.9}@media (max-width: 1579px){.action-button{height:56px;gap:12px;margin-top:12px;border-radius:14px}.action-button .button-texts{font-size:20px!important}.action-button .arrow-icon{font-size:20px!important;width:20px;height:26px}}@media (max-width: 1199px){.action-button{height:48px;gap:10px;margin-top:10px;border-radius:12px}.action-button .button-texts{font-size:18px!important}.action-button .arrow-icon{font-size:18px!important;width:18px;height:24px}}@media (max-width: 991px){.action-button .button-texts{white-space:normal;text-align:center}}@media (max-width: 768px){.action-button{height:40px;gap:8px;margin-top:8px;border-radius:12px}.action-button .button-texts{font-size:16px!important}.action-button .arrow-icon{font-size:18px!important;width:18px;height:22px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
|
|
5864
5864
|
}
|
|
5865
5865
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionButtonComponent, decorators: [{
|
|
5866
5866
|
type: Component,
|
|
@@ -5868,7 +5868,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
5868
5868
|
CommonModule,
|
|
5869
5869
|
MatIconModule,
|
|
5870
5870
|
TranslateModule
|
|
5871
|
-
], template: "<button\r\n class=\"action-button\"\r\n (click)=\"onButtonClick()\"\r\n [style.background]=\"buttonGradient\"\r\n [attr.id]=\"id || (buttonTextKey ? ('action-button-' + buttonTextKey) : 'action-button')\"\r\n type=\"button\">\r\n <span class=\"button-texts\">\r\n <span *ngIf=\"buttonTextKey\">{{ buttonTextKey | translate }}</span>\r\n <span *ngIf=\"!buttonTextKey\">{{ buttonText }}</span>\r\n </span>\r\n <mat-icon class=\"arrow-icon\" [class.arrow-rtl]=\"isArabic\">arrow_forward</mat-icon>\r\n</button>\r\n", styles: [".action-button{display:flex;align-items:center;justify-content:center;gap:16px;height:62px;border-radius:16px;border:none;position:relative;overflow:hidden;cursor:pointer;width:100%;padding:0;background-size:cover;background-position:center;margin-top:15px}.action-button .button-texts{font-family:lusail-medium,sans-serif!important;font-weight:500!important;font-size:24px!important;line-height:1.2!important;color:#2e2e2e!important;white-space:nowrap;position:relative;z-index:1}.action-button .arrow-icon{font-size:24px!important;width:24px;height:30px;color:#2e2e2e;position:relative;z-index:1}.action-button .arrow-icon.arrow-rtl{transform:rotate(180deg)}.action-button:hover{opacity:.9}\n"] }]
|
|
5871
|
+
], template: "<button\r\n class=\"action-button\"\r\n (click)=\"onButtonClick()\"\r\n [style.background]=\"buttonGradient\"\r\n [attr.id]=\"id || (buttonTextKey ? ('action-button-' + buttonTextKey) : 'action-button')\"\r\n type=\"button\">\r\n <span class=\"button-texts\">\r\n <span *ngIf=\"buttonTextKey\">{{ buttonTextKey | translate }}</span>\r\n <span *ngIf=\"!buttonTextKey\">{{ buttonText }}</span>\r\n </span>\r\n <mat-icon class=\"arrow-icon\" [class.arrow-rtl]=\"isArabic\">arrow_forward</mat-icon>\r\n</button>\r\n", styles: [".action-button{display:flex;align-items:center;justify-content:center;gap:16px;height:62px;border-radius:16px;border:none;position:relative;overflow:hidden;cursor:pointer;width:100%;padding:0;background-size:cover;background-position:center;margin-top:15px}.action-button .button-texts{font-family:lusail-medium,sans-serif!important;font-weight:500!important;font-size:24px!important;line-height:1.2!important;color:#2e2e2e!important;white-space:nowrap;position:relative;z-index:1}.action-button .arrow-icon{font-size:24px!important;width:24px;height:30px;color:#2e2e2e;position:relative;z-index:1}.action-button .arrow-icon.arrow-rtl{transform:rotate(180deg)}.action-button:hover{opacity:.9}@media (max-width: 1579px){.action-button{height:56px;gap:12px;margin-top:12px;border-radius:14px}.action-button .button-texts{font-size:20px!important}.action-button .arrow-icon{font-size:20px!important;width:20px;height:26px}}@media (max-width: 1199px){.action-button{height:48px;gap:10px;margin-top:10px;border-radius:12px}.action-button .button-texts{font-size:18px!important}.action-button .arrow-icon{font-size:18px!important;width:18px;height:24px}}@media (max-width: 991px){.action-button .button-texts{white-space:normal;text-align:center}}@media (max-width: 768px){.action-button{height:40px;gap:8px;margin-top:8px;border-radius:12px}.action-button .button-texts{font-size:16px!important}.action-button .arrow-icon{font-size:18px!important;width:18px;height:22px}}\n"] }]
|
|
5872
5872
|
}], propDecorators: { buttonText: [{
|
|
5873
5873
|
type: Input
|
|
5874
5874
|
}], buttonTextKey: [{
|
|
@@ -5901,7 +5901,7 @@ class ActionCardComponent {
|
|
|
5901
5901
|
this.buttonClick.emit();
|
|
5902
5902
|
}
|
|
5903
5903
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5904
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionCardComponent, isStandalone: true, selector: "lib-action-card", inputs: { icon: "icon", iconSvg: "iconSvg", title: "title", description: "description", buttonText: "buttonText", buttonTextKey: "buttonTextKey", titleKey: "titleKey", descriptionKey: "descriptionKey", iconColor: "iconColor", borderColor: "borderColor", borderLeftColor: "borderLeftColor", borderRightColor: "borderRightColor", borderBottomColor: "borderBottomColor", topBorderColor: "topBorderColor", topBorderGradient: "topBorderGradient", buttonGradient: "buttonGradient", decorativeIconColor: "decorativeIconColor", featureCheckIconColor: "featureCheckIconColor", variant: "variant", iconSize: "iconSize", features: "features", featuresHeading: "featuresHeading", featuresHeadingKey: "featuresHeadingKey", showDivider: "showDivider", topBorderHeight: "topBorderHeight" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div class=\"action-card\" \r\n [class.extended-variant]=\"variant === 'extended'\"\r\n [style.--top-border-gradient]=\"topBorderGradient || buttonGradient\" \r\n [style.--top-border-height]=\"topBorderHeight + 'px'\"\r\n [style.border-right-color]=\"borderRightColor || borderColor\" \r\n [style.border-bottom-color]=\"borderBottomColor || borderColor\" \r\n [style.border-left-color]=\"borderLeftColor || borderColor\">\r\n <div class=\"card-content\" [class.extended-content]=\"variant === 'extended'\">\r\n <div class=\"main-content\" [class.extended-main]=\"variant === 'extended'\">\r\n <div class=\"header-section\" [class.extended-header]=\"variant === 'extended'\">\r\n <div class=\"header-top-wrapper\" *ngIf=\"variant === 'default'\">\r\n <div class=\"icon-wrapper\" \r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"header-top\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n </div>\r\n </div>\r\n <div class=\"icon-wrapper\" \r\n *ngIf=\"variant === 'extended'\"\r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"title-description-wrapper\" *ngIf=\"variant === 'extended'\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n <p class=\"card-description\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <p class=\"card-description\" *ngIf=\"variant === 'default'\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <lib-action-button\r\n [buttonText]=\"buttonText\"\r\n [buttonTextKey]=\"buttonTextKey\"\r\n [buttonGradient]=\"buttonGradient\"\r\n (buttonClick)=\"onButtonClick()\">\r\n </lib-action-button>\r\n <div class=\"features-divider\" *ngIf=\"showDivider && features && features.length > 0\"></div>\r\n \r\n <div class=\"features-section\" *ngIf=\"features && features.length > 0\">\r\n <h3 class=\"features-heading\" *ngIf=\"featuresHeading || featuresHeadingKey\">\r\n <span *ngIf=\"featuresHeadingKey\">{{ featuresHeadingKey | translate }}</span>\r\n <span *ngIf=\"!featuresHeadingKey\">{{ featuresHeading }}</span>\r\n </h3>\r\n <div class=\"feature-item\" *ngFor=\"let feature of features\">\r\n <mat-icon class=\"feature-check-icon\" [style.color]=\"featureCheckIconColor || iconColor\">check_circle</mat-icon>\r\n <span class=\"feature-text\">\r\n <span *ngIf=\"feature.textKey\">{{ feature.textKey | translate }}</span>\r\n <span *ngIf=\"!feature.textKey\">{{ feature.text }}</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"decorative-icon-wrapper\" *ngIf=\"variant === 'default' && (icon || iconSvg)\">\r\n <div class=\"decorative-icon\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"decorative-icon-svg\" [style.filter]=\"'opacity(0.3)'\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.color]=\"decorativeIconColor\">{{ icon }}</mat-icon>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".action-card{background-color:var(--grayscale-surface-default, #ffffff);border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-radius:16px;width:100%;height:100%;min-height:247px;position:relative;overflow:hidden}.action-card:before{content:\"\";position:absolute;top:0;left:0;right:0;height:var(--top-border-height, 12px);background:var(--top-border-gradient, var(--button-gradient, linear-gradient(90deg, #E4C9D0 0%, #8A1538 100%)));border-radius:16px 16px 0 0;z-index:1}.action-card.extended-variant{min-height:572px}.card-content{display:flex;gap:8px;align-items:flex-start;padding:16px 20px;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.card-content.extended-content{padding:20px;gap:0}.main-content{flex:1 1 0;display:flex;flex-direction:column;gap:64px;min-width:0;min-height:0}.main-content.extended-main{gap:24px}.header-section{display:flex;flex-direction:column;gap:12px;width:100%;height:83px}.header-section.extended-header{height:auto;gap:20px}.header-top-wrapper{display:flex;flex-direction:row;gap:12px;align-items:flex-start;width:100%}.header-top{display:flex;gap:8px;align-items:flex-start;flex:1}.title-description-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.icon-wrapper mat-icon{font-size:40px;width:40px;height:40px}.icon-wrapper .icon-svg{width:40px;height:40px;object-fit:contain}.card-title{font-family:lusail-bold,sans-serif;font-weight:700;font-size:24px!important;line-height:1.2;color:#222;margin:0;height:40px;display:flex;align-items:flex-end;justify-content:flex-start;flex:1}.extended-variant .card-title{color:#000;height:auto}.card-description{font-family:lusail-regular,sans-serif;font-weight:400;font-size:20px!important;line-height:1.2;color:#888;margin:0;height:40px;display:flex;align-items:center}.extended-variant .card-description{font-family:lusail-light,sans-serif;font-weight:300;height:100px}.decorative-icon-wrapper{position:relative;width:153px;height:211px;flex-shrink:0}.decorative-icon{position:absolute;left:0;top:43px;width:144px;height:152px;opacity:.3;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.decorative-icon mat-icon{font-size:152px;width:144px;height:152px}.decorative-icon .decorative-icon-svg{width:144px;height:152px;object-fit:contain}.features-divider{width:100%;height:1px;background-color:#e9e9e9;margin:0}.features-section{display:flex;flex-direction:column;gap:24px;width:100%}.features-section .feature-item:not(:last-child){margin-bottom:0}.features-heading{font-family:lusail-bold,sans-serif;font-weight:700;font-size:20px!important;line-height:1.2;color:#2e2e2e;margin:0;padding:0}.feature-item{display:flex;gap:20px;align-items:center;width:100%;padding:0;margin:0}.feature-check-icon{font-size:24px!important;width:24px;height:24px;flex-shrink:0}.feature-text{font-family:lusail-light,sans-serif;font-weight:300;font-size:20px!important;line-height:1.2;color:#2e2e2e;flex:1}@media (max-width: 768px){.action-card{min-height:221px;border-radius:16px}.action-card.extended-variant{min-height:221px}.card-content,.card-content.extended-content{padding:16px 20px;gap:8px}.main-content,.main-content.extended-main{gap:64px}.header-section,.header-section.extended-header{height:83px;gap:12px}.header-top-wrapper{gap:8px}.icon-wrapper{width:32px;height:32px}.icon-wrapper mat-icon{font-size:32px;width:32px;height:32px}.icon-wrapper .icon-svg{width:32px;height:32px}.card-description{font-size:16px!important;height:auto;line-height:1.2}.title-description-wrapper{gap:12px}.decorative-icon-wrapper{display:none}.features-section{gap:16px}.features-heading{font-size:18px!important}.feature-item{gap:12px}.feature-check-icon{font-size:20px!important;width:20px;height:20px}.feature-text{font-size:16px!important}::ng-deep .cards-grid{grid-template-columns:repeat(1,1fr)!important}::ng-deep .solution-cards-row{flex-direction:column!important}::ng-deep .action-button{height:40px!important}::ng-deep .action-button .button-texts span{font-size:16px!important}::ng-deep .welcome-title{font-size:20px!important}::ng-deep .welcome-subtitle{font-size:14px!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: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: ActionButtonComponent, selector: "lib-action-button", inputs: ["buttonText", "buttonTextKey", "buttonGradient", "id"], outputs: ["buttonClick"] }] }); }
|
|
5904
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionCardComponent, isStandalone: true, selector: "lib-action-card", inputs: { icon: "icon", iconSvg: "iconSvg", title: "title", description: "description", buttonText: "buttonText", buttonTextKey: "buttonTextKey", titleKey: "titleKey", descriptionKey: "descriptionKey", iconColor: "iconColor", borderColor: "borderColor", borderLeftColor: "borderLeftColor", borderRightColor: "borderRightColor", borderBottomColor: "borderBottomColor", topBorderColor: "topBorderColor", topBorderGradient: "topBorderGradient", buttonGradient: "buttonGradient", decorativeIconColor: "decorativeIconColor", featureCheckIconColor: "featureCheckIconColor", variant: "variant", iconSize: "iconSize", features: "features", featuresHeading: "featuresHeading", featuresHeadingKey: "featuresHeadingKey", showDivider: "showDivider", topBorderHeight: "topBorderHeight" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div class=\"action-card\" \r\n [class.extended-variant]=\"variant === 'extended'\"\r\n [style.--top-border-gradient]=\"topBorderGradient || buttonGradient\" \r\n [style.--top-border-height]=\"topBorderHeight + 'px'\"\r\n [style.border-right-color]=\"borderRightColor || borderColor\" \r\n [style.border-bottom-color]=\"borderBottomColor || borderColor\" \r\n [style.border-left-color]=\"borderLeftColor || borderColor\">\r\n <div class=\"card-content\" [class.extended-content]=\"variant === 'extended'\">\r\n <div class=\"main-content\" [class.extended-main]=\"variant === 'extended'\">\r\n <div class=\"header-section\" [class.extended-header]=\"variant === 'extended'\">\r\n <div class=\"header-top-wrapper\" *ngIf=\"variant === 'default'\">\r\n <div class=\"icon-wrapper\" \r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"header-top\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n </div>\r\n </div>\r\n <div class=\"icon-wrapper\" \r\n *ngIf=\"variant === 'extended'\"\r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"title-description-wrapper\" *ngIf=\"variant === 'extended'\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n <p class=\"card-description\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <p class=\"card-description\" *ngIf=\"variant === 'default'\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <lib-action-button\r\n [buttonText]=\"buttonText\"\r\n [buttonTextKey]=\"buttonTextKey\"\r\n [buttonGradient]=\"buttonGradient\"\r\n (buttonClick)=\"onButtonClick()\">\r\n </lib-action-button>\r\n <div class=\"features-divider\" *ngIf=\"showDivider && features && features.length > 0\"></div>\r\n \r\n <div class=\"features-section\" *ngIf=\"features && features.length > 0\">\r\n <h3 class=\"features-heading\" *ngIf=\"featuresHeading || featuresHeadingKey\">\r\n <span *ngIf=\"featuresHeadingKey\">{{ featuresHeadingKey | translate }}</span>\r\n <span *ngIf=\"!featuresHeadingKey\">{{ featuresHeading }}</span>\r\n </h3>\r\n <div class=\"feature-item\" *ngFor=\"let feature of features\">\r\n <mat-icon class=\"feature-check-icon\" [style.color]=\"featureCheckIconColor || iconColor\">check_circle</mat-icon>\r\n <span class=\"feature-text\">\r\n <span *ngIf=\"feature.textKey\">{{ feature.textKey | translate }}</span>\r\n <span *ngIf=\"!feature.textKey\">{{ feature.text }}</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"decorative-icon-wrapper\" *ngIf=\"variant === 'default' && (icon || iconSvg)\">\r\n <div class=\"decorative-icon\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"decorative-icon-svg\" [style.filter]=\"'opacity(0.3)'\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.color]=\"decorativeIconColor\">{{ icon }}</mat-icon>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".action-card{background-color:var(--grayscale-surface-default, #ffffff);border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-radius:16px;width:100%;height:100%;min-height:247px;position:relative;overflow:hidden}.action-card:before{content:\"\";position:absolute;top:0;left:0;right:0;height:var(--top-border-height, 12px);background:var(--top-border-gradient, var(--button-gradient, linear-gradient(90deg, #E4C9D0 0%, #8A1538 100%)));border-radius:16px 16px 0 0;z-index:1}.action-card.extended-variant{min-height:572px}.card-content{display:flex;gap:8px;align-items:flex-start;padding:16px 20px;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.card-content.extended-content{padding:20px;gap:0}.main-content{flex:1 1 0;display:flex;flex-direction:column;gap:64px;min-width:0;min-height:0}.main-content.extended-main{gap:24px}.header-section{display:flex;flex-direction:column;gap:12px;width:100%;height:83px}.header-section.extended-header{height:auto;gap:20px}.header-top-wrapper{display:flex;flex-direction:row;gap:12px;align-items:flex-start;width:100%}.header-top{display:flex;gap:8px;align-items:flex-start;flex:1}.title-description-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.icon-wrapper mat-icon{font-size:40px;width:40px;height:40px}.icon-wrapper .icon-svg{width:40px;height:40px;object-fit:contain}.card-title{font-family:lusail-bold,sans-serif;font-weight:700;font-size:24px!important;line-height:1.2;color:#222;margin:0;height:40px;display:flex;align-items:flex-end;justify-content:flex-start;flex:1}.extended-variant .card-title{color:#000;height:auto}.card-description{font-family:lusail-regular,sans-serif;font-weight:400;font-size:20px!important;line-height:1.2;color:#888;margin:0;height:40px;display:flex;align-items:center}.extended-variant .card-description{font-family:lusail-light,sans-serif;font-weight:300;height:100px}.decorative-icon-wrapper{position:relative;width:153px;height:211px;flex-shrink:0}.decorative-icon{position:absolute;left:0;top:43px;width:144px;height:152px;opacity:.3;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.decorative-icon mat-icon{font-size:152px;width:144px;height:152px}.decorative-icon .decorative-icon-svg{width:144px;height:152px;object-fit:contain}.features-divider{width:100%;height:1px;background-color:#e9e9e9;margin:0}.features-section{display:flex;flex-direction:column;gap:24px;width:100%}.features-section .feature-item:not(:last-child){margin-bottom:0}.features-heading{font-family:lusail-bold,sans-serif;font-weight:700;font-size:20px!important;line-height:1.2;color:#2e2e2e;margin:0;padding:0}.feature-item{display:flex;gap:20px;align-items:center;width:100%;padding:0;margin:0}.feature-check-icon{font-size:24px!important;width:24px;height:24px;flex-shrink:0}.feature-text{font-family:lusail-light,sans-serif;font-weight:300;font-size:20px!important;line-height:1.2;color:#2e2e2e;flex:1}@media (max-width: 1579px){.card-title{font-size:22px!important}.card-description,.features-heading,.feature-text{font-size:18px!important}.decorative-icon-wrapper{width:130px;height:190px}.decorative-icon{top:38px;width:128px;height:136px}.decorative-icon mat-icon{font-size:136px;width:128px;height:136px}.decorative-icon .decorative-icon-svg{width:128px;height:136px}}@media (max-width: 1199px){.main-content{gap:48px}.main-content.extended-main{gap:20px}.card-title{font-size:20px!important}.card-description{font-size:16px!important}.header-section{height:auto;min-height:72px}}@media (max-width: 768px){.action-card{min-height:221px;border-radius:16px}.action-card.extended-variant{min-height:221px}.card-content,.card-content.extended-content{padding:16px 20px;gap:8px}.main-content,.main-content.extended-main{gap:64px}.header-section,.header-section.extended-header{height:83px;gap:12px}.header-top-wrapper{gap:8px}.icon-wrapper{width:32px;height:32px}.icon-wrapper mat-icon{font-size:32px;width:32px;height:32px}.icon-wrapper .icon-svg{width:32px;height:32px}.card-description{font-size:16px!important;height:auto;line-height:1.2}.title-description-wrapper{gap:12px}.decorative-icon-wrapper{display:none}.features-section{gap:16px}.features-heading{font-size:18px!important}.feature-item{gap:12px}.feature-check-icon{font-size:20px!important;width:20px;height:20px}.feature-text{font-size:16px!important}::ng-deep .solution-cards-row{flex-direction:column!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: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: ActionButtonComponent, selector: "lib-action-button", inputs: ["buttonText", "buttonTextKey", "buttonGradient", "id"], outputs: ["buttonClick"] }] }); }
|
|
5905
5905
|
}
|
|
5906
5906
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionCardComponent, decorators: [{
|
|
5907
5907
|
type: Component,
|
|
@@ -5910,7 +5910,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
5910
5910
|
MatIconModule,
|
|
5911
5911
|
TranslateModule,
|
|
5912
5912
|
ActionButtonComponent
|
|
5913
|
-
], template: "<div class=\"action-card\" \r\n [class.extended-variant]=\"variant === 'extended'\"\r\n [style.--top-border-gradient]=\"topBorderGradient || buttonGradient\" \r\n [style.--top-border-height]=\"topBorderHeight + 'px'\"\r\n [style.border-right-color]=\"borderRightColor || borderColor\" \r\n [style.border-bottom-color]=\"borderBottomColor || borderColor\" \r\n [style.border-left-color]=\"borderLeftColor || borderColor\">\r\n <div class=\"card-content\" [class.extended-content]=\"variant === 'extended'\">\r\n <div class=\"main-content\" [class.extended-main]=\"variant === 'extended'\">\r\n <div class=\"header-section\" [class.extended-header]=\"variant === 'extended'\">\r\n <div class=\"header-top-wrapper\" *ngIf=\"variant === 'default'\">\r\n <div class=\"icon-wrapper\" \r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"header-top\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n </div>\r\n </div>\r\n <div class=\"icon-wrapper\" \r\n *ngIf=\"variant === 'extended'\"\r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"title-description-wrapper\" *ngIf=\"variant === 'extended'\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n <p class=\"card-description\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <p class=\"card-description\" *ngIf=\"variant === 'default'\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <lib-action-button\r\n [buttonText]=\"buttonText\"\r\n [buttonTextKey]=\"buttonTextKey\"\r\n [buttonGradient]=\"buttonGradient\"\r\n (buttonClick)=\"onButtonClick()\">\r\n </lib-action-button>\r\n <div class=\"features-divider\" *ngIf=\"showDivider && features && features.length > 0\"></div>\r\n \r\n <div class=\"features-section\" *ngIf=\"features && features.length > 0\">\r\n <h3 class=\"features-heading\" *ngIf=\"featuresHeading || featuresHeadingKey\">\r\n <span *ngIf=\"featuresHeadingKey\">{{ featuresHeadingKey | translate }}</span>\r\n <span *ngIf=\"!featuresHeadingKey\">{{ featuresHeading }}</span>\r\n </h3>\r\n <div class=\"feature-item\" *ngFor=\"let feature of features\">\r\n <mat-icon class=\"feature-check-icon\" [style.color]=\"featureCheckIconColor || iconColor\">check_circle</mat-icon>\r\n <span class=\"feature-text\">\r\n <span *ngIf=\"feature.textKey\">{{ feature.textKey | translate }}</span>\r\n <span *ngIf=\"!feature.textKey\">{{ feature.text }}</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"decorative-icon-wrapper\" *ngIf=\"variant === 'default' && (icon || iconSvg)\">\r\n <div class=\"decorative-icon\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"decorative-icon-svg\" [style.filter]=\"'opacity(0.3)'\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.color]=\"decorativeIconColor\">{{ icon }}</mat-icon>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".action-card{background-color:var(--grayscale-surface-default, #ffffff);border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-radius:16px;width:100%;height:100%;min-height:247px;position:relative;overflow:hidden}.action-card:before{content:\"\";position:absolute;top:0;left:0;right:0;height:var(--top-border-height, 12px);background:var(--top-border-gradient, var(--button-gradient, linear-gradient(90deg, #E4C9D0 0%, #8A1538 100%)));border-radius:16px 16px 0 0;z-index:1}.action-card.extended-variant{min-height:572px}.card-content{display:flex;gap:8px;align-items:flex-start;padding:16px 20px;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.card-content.extended-content{padding:20px;gap:0}.main-content{flex:1 1 0;display:flex;flex-direction:column;gap:64px;min-width:0;min-height:0}.main-content.extended-main{gap:24px}.header-section{display:flex;flex-direction:column;gap:12px;width:100%;height:83px}.header-section.extended-header{height:auto;gap:20px}.header-top-wrapper{display:flex;flex-direction:row;gap:12px;align-items:flex-start;width:100%}.header-top{display:flex;gap:8px;align-items:flex-start;flex:1}.title-description-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.icon-wrapper mat-icon{font-size:40px;width:40px;height:40px}.icon-wrapper .icon-svg{width:40px;height:40px;object-fit:contain}.card-title{font-family:lusail-bold,sans-serif;font-weight:700;font-size:24px!important;line-height:1.2;color:#222;margin:0;height:40px;display:flex;align-items:flex-end;justify-content:flex-start;flex:1}.extended-variant .card-title{color:#000;height:auto}.card-description{font-family:lusail-regular,sans-serif;font-weight:400;font-size:20px!important;line-height:1.2;color:#888;margin:0;height:40px;display:flex;align-items:center}.extended-variant .card-description{font-family:lusail-light,sans-serif;font-weight:300;height:100px}.decorative-icon-wrapper{position:relative;width:153px;height:211px;flex-shrink:0}.decorative-icon{position:absolute;left:0;top:43px;width:144px;height:152px;opacity:.3;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.decorative-icon mat-icon{font-size:152px;width:144px;height:152px}.decorative-icon .decorative-icon-svg{width:144px;height:152px;object-fit:contain}.features-divider{width:100%;height:1px;background-color:#e9e9e9;margin:0}.features-section{display:flex;flex-direction:column;gap:24px;width:100%}.features-section .feature-item:not(:last-child){margin-bottom:0}.features-heading{font-family:lusail-bold,sans-serif;font-weight:700;font-size:20px!important;line-height:1.2;color:#2e2e2e;margin:0;padding:0}.feature-item{display:flex;gap:20px;align-items:center;width:100%;padding:0;margin:0}.feature-check-icon{font-size:24px!important;width:24px;height:24px;flex-shrink:0}.feature-text{font-family:lusail-light,sans-serif;font-weight:300;font-size:20px!important;line-height:1.2;color:#2e2e2e;flex:1}@media (max-width: 768px){.action-card{min-height:221px;border-radius:16px}.action-card.extended-variant{min-height:221px}.card-content,.card-content.extended-content{padding:16px 20px;gap:8px}.main-content,.main-content.extended-main{gap:64px}.header-section,.header-section.extended-header{height:83px;gap:12px}.header-top-wrapper{gap:8px}.icon-wrapper{width:32px;height:32px}.icon-wrapper mat-icon{font-size:32px;width:32px;height:32px}.icon-wrapper .icon-svg{width:32px;height:32px}.card-description{font-size:16px!important;height:auto;line-height:1.2}.title-description-wrapper{gap:12px}.decorative-icon-wrapper{display:none}.features-section{gap:16px}.features-heading{font-size:18px!important}.feature-item{gap:12px}.feature-check-icon{font-size:20px!important;width:20px;height:20px}.feature-text{font-size:16px!important}::ng-deep .
|
|
5913
|
+
], template: "<div class=\"action-card\" \r\n [class.extended-variant]=\"variant === 'extended'\"\r\n [style.--top-border-gradient]=\"topBorderGradient || buttonGradient\" \r\n [style.--top-border-height]=\"topBorderHeight + 'px'\"\r\n [style.border-right-color]=\"borderRightColor || borderColor\" \r\n [style.border-bottom-color]=\"borderBottomColor || borderColor\" \r\n [style.border-left-color]=\"borderLeftColor || borderColor\">\r\n <div class=\"card-content\" [class.extended-content]=\"variant === 'extended'\">\r\n <div class=\"main-content\" [class.extended-main]=\"variant === 'extended'\">\r\n <div class=\"header-section\" [class.extended-header]=\"variant === 'extended'\">\r\n <div class=\"header-top-wrapper\" *ngIf=\"variant === 'default'\">\r\n <div class=\"icon-wrapper\" \r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"header-top\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n </div>\r\n </div>\r\n <div class=\"icon-wrapper\" \r\n *ngIf=\"variant === 'extended'\"\r\n [style.color]=\"iconColor\"\r\n [style.width.px]=\"iconSize\"\r\n [style.height.px]=\"iconSize\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n </div>\r\n <div class=\"title-description-wrapper\" *ngIf=\"variant === 'extended'\">\r\n <h2 class=\"card-title\">\r\n <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n </h2>\r\n <p class=\"card-description\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <p class=\"card-description\" *ngIf=\"variant === 'default'\">\r\n <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n </p>\r\n </div>\r\n <lib-action-button\r\n [buttonText]=\"buttonText\"\r\n [buttonTextKey]=\"buttonTextKey\"\r\n [buttonGradient]=\"buttonGradient\"\r\n (buttonClick)=\"onButtonClick()\">\r\n </lib-action-button>\r\n <div class=\"features-divider\" *ngIf=\"showDivider && features && features.length > 0\"></div>\r\n \r\n <div class=\"features-section\" *ngIf=\"features && features.length > 0\">\r\n <h3 class=\"features-heading\" *ngIf=\"featuresHeading || featuresHeadingKey\">\r\n <span *ngIf=\"featuresHeadingKey\">{{ featuresHeadingKey | translate }}</span>\r\n <span *ngIf=\"!featuresHeadingKey\">{{ featuresHeading }}</span>\r\n </h3>\r\n <div class=\"feature-item\" *ngFor=\"let feature of features\">\r\n <mat-icon class=\"feature-check-icon\" [style.color]=\"featureCheckIconColor || iconColor\">check_circle</mat-icon>\r\n <span class=\"feature-text\">\r\n <span *ngIf=\"feature.textKey\">{{ feature.textKey | translate }}</span>\r\n <span *ngIf=\"!feature.textKey\">{{ feature.text }}</span>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"decorative-icon-wrapper\" *ngIf=\"variant === 'default' && (icon || iconSvg)\">\r\n <div class=\"decorative-icon\">\r\n <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"decorative-icon-svg\" [style.filter]=\"'opacity(0.3)'\" />\r\n <mat-icon *ngIf=\"!iconSvg && icon\" [style.color]=\"decorativeIconColor\">{{ icon }}</mat-icon>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".action-card{background-color:var(--grayscale-surface-default, #ffffff);border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-radius:16px;width:100%;height:100%;min-height:247px;position:relative;overflow:hidden}.action-card:before{content:\"\";position:absolute;top:0;left:0;right:0;height:var(--top-border-height, 12px);background:var(--top-border-gradient, var(--button-gradient, linear-gradient(90deg, #E4C9D0 0%, #8A1538 100%)));border-radius:16px 16px 0 0;z-index:1}.action-card.extended-variant{min-height:572px}.card-content{display:flex;gap:8px;align-items:flex-start;padding:16px 20px;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.card-content.extended-content{padding:20px;gap:0}.main-content{flex:1 1 0;display:flex;flex-direction:column;gap:64px;min-width:0;min-height:0}.main-content.extended-main{gap:24px}.header-section{display:flex;flex-direction:column;gap:12px;width:100%;height:83px}.header-section.extended-header{height:auto;gap:20px}.header-top-wrapper{display:flex;flex-direction:row;gap:12px;align-items:flex-start;width:100%}.header-top{display:flex;gap:8px;align-items:flex-start;flex:1}.title-description-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.icon-wrapper mat-icon{font-size:40px;width:40px;height:40px}.icon-wrapper .icon-svg{width:40px;height:40px;object-fit:contain}.card-title{font-family:lusail-bold,sans-serif;font-weight:700;font-size:24px!important;line-height:1.2;color:#222;margin:0;height:40px;display:flex;align-items:flex-end;justify-content:flex-start;flex:1}.extended-variant .card-title{color:#000;height:auto}.card-description{font-family:lusail-regular,sans-serif;font-weight:400;font-size:20px!important;line-height:1.2;color:#888;margin:0;height:40px;display:flex;align-items:center}.extended-variant .card-description{font-family:lusail-light,sans-serif;font-weight:300;height:100px}.decorative-icon-wrapper{position:relative;width:153px;height:211px;flex-shrink:0}.decorative-icon{position:absolute;left:0;top:43px;width:144px;height:152px;opacity:.3;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.decorative-icon mat-icon{font-size:152px;width:144px;height:152px}.decorative-icon .decorative-icon-svg{width:144px;height:152px;object-fit:contain}.features-divider{width:100%;height:1px;background-color:#e9e9e9;margin:0}.features-section{display:flex;flex-direction:column;gap:24px;width:100%}.features-section .feature-item:not(:last-child){margin-bottom:0}.features-heading{font-family:lusail-bold,sans-serif;font-weight:700;font-size:20px!important;line-height:1.2;color:#2e2e2e;margin:0;padding:0}.feature-item{display:flex;gap:20px;align-items:center;width:100%;padding:0;margin:0}.feature-check-icon{font-size:24px!important;width:24px;height:24px;flex-shrink:0}.feature-text{font-family:lusail-light,sans-serif;font-weight:300;font-size:20px!important;line-height:1.2;color:#2e2e2e;flex:1}@media (max-width: 1579px){.card-title{font-size:22px!important}.card-description,.features-heading,.feature-text{font-size:18px!important}.decorative-icon-wrapper{width:130px;height:190px}.decorative-icon{top:38px;width:128px;height:136px}.decorative-icon mat-icon{font-size:136px;width:128px;height:136px}.decorative-icon .decorative-icon-svg{width:128px;height:136px}}@media (max-width: 1199px){.main-content{gap:48px}.main-content.extended-main{gap:20px}.card-title{font-size:20px!important}.card-description{font-size:16px!important}.header-section{height:auto;min-height:72px}}@media (max-width: 768px){.action-card{min-height:221px;border-radius:16px}.action-card.extended-variant{min-height:221px}.card-content,.card-content.extended-content{padding:16px 20px;gap:8px}.main-content,.main-content.extended-main{gap:64px}.header-section,.header-section.extended-header{height:83px;gap:12px}.header-top-wrapper{gap:8px}.icon-wrapper{width:32px;height:32px}.icon-wrapper mat-icon{font-size:32px;width:32px;height:32px}.icon-wrapper .icon-svg{width:32px;height:32px}.card-description{font-size:16px!important;height:auto;line-height:1.2}.title-description-wrapper{gap:12px}.decorative-icon-wrapper{display:none}.features-section{gap:16px}.features-heading{font-size:18px!important}.feature-item{gap:12px}.feature-check-icon{font-size:20px!important;width:20px;height:20px}.feature-text{font-size:16px!important}::ng-deep .solution-cards-row{flex-direction:column!important}}\n"] }]
|
|
5914
5914
|
}], propDecorators: { icon: [{
|
|
5915
5915
|
type: Input
|
|
5916
5916
|
}], iconSvg: [{
|