monkey-front-core 0.0.234 → 0.0.237

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.
@@ -23,10 +23,10 @@ export class AlertsComponent {
23
23
  }
24
24
  }
25
25
  AlertsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsComponent, deps: [{ token: i1.MonkeyStyleGuideModalService }], target: i0.ɵɵFactoryTarget.Component });
26
- AlertsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AlertsComponent, selector: "monkeyecx-alerts", inputs: { config: "config", modalRef: "modalRef" }, ngImport: i0, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n <div class=\"alert-header\">\n <img [src]=\"_img\">\n </div>\n <div class=\"alert-body\">\n <span class=\"title\">\n {{ _title | translate }}\n </span>\n <span class=\"message\">\n {{ _message | translate }}\n </span>\n </div>\n <div class=\"alert-footer\">\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </div>\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{min-height:312px}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;height:200px;width:100%}:host .alert-body{display:flex;flex-direction:column;gap:16px;max-width:368px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:24px;position:-webkit-sticky;position:sticky;bottom:0}\n"], components: [{ type: i1.MonkeyModalComponent, selector: "monkey-modal", inputs: ["config", "modalRef", "onHandleConfirm"] }, { type: i1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i3.TranslatePipe } });
26
+ AlertsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AlertsComponent, selector: "monkeyecx-alerts", inputs: { config: "config", modalRef: "modalRef" }, ngImport: i0, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n <div class=\"alert-header\">\n <img [src]=\"_img\">\n </div>\n <div class=\"alert-body\">\n <span class=\"title\">\n {{ _title | translate }}\n </span>\n <span class=\"message\">\n {{ _message | translate }}\n </span>\n </div>\n <div class=\"alert-footer\">\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </div>\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{height:100%}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;width:100%;max-height:280px}@media screen and (max-width: 959px){:host .alert-header img{height:200px}}:host .alert-body{display:flex;flex-direction:column;gap:16px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:0 24px 24px;position:-webkit-sticky;position:sticky;bottom:0;background:#fafafa}\n"], components: [{ type: i1.MonkeyModalComponent, selector: "monkey-modal", inputs: ["config", "modalRef", "onHandleConfirm"] }, { type: i1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i3.TranslatePipe } });
27
27
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsComponent, decorators: [{
28
28
  type: Component,
29
- args: [{ selector: 'monkeyecx-alerts', template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n <div class=\"alert-header\">\n <img [src]=\"_img\">\n </div>\n <div class=\"alert-body\">\n <span class=\"title\">\n {{ _title | translate }}\n </span>\n <span class=\"message\">\n {{ _message | translate }}\n </span>\n </div>\n <div class=\"alert-footer\">\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </div>\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{min-height:312px}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;height:200px;width:100%}:host .alert-body{display:flex;flex-direction:column;gap:16px;max-width:368px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:24px;position:-webkit-sticky;position:sticky;bottom:0}\n"] }]
29
+ args: [{ selector: 'monkeyecx-alerts', template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n <div class=\"alert-header\">\n <img [src]=\"_img\">\n </div>\n <div class=\"alert-body\">\n <span class=\"title\">\n {{ _title | translate }}\n </span>\n <span class=\"message\">\n {{ _message | translate }}\n </span>\n </div>\n <div class=\"alert-footer\">\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </div>\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{height:100%}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;width:100%;max-height:280px}@media screen and (max-width: 959px){:host .alert-header img{height:200px}}:host .alert-body{display:flex;flex-direction:column;gap:16px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:0 24px 24px;position:-webkit-sticky;position:sticky;bottom:0;background:#fafafa}\n"] }]
30
30
  }], ctorParameters: function () { return [{ type: i1.MonkeyStyleGuideModalService }]; }, propDecorators: { config: [{
31
31
  type: Input
32
32
  }], modalRef: [{
@@ -29,12 +29,12 @@ export class MonkeyEcxAlertsConfigService {
29
29
  this.handleValidation(config);
30
30
  }
31
31
  }
32
- MonkeyEcxAlertsConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxAlertsConfigService, deps: [{ token: i1.MonkeyStyleGuideModalService }], target: i0.ɵɵFactoryTarget.Injectable });
32
+ MonkeyEcxAlertsConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxAlertsConfigService, deps: [{ token: i1.MonkeyStyleGuideModalFixedService }], target: i0.ɵɵFactoryTarget.Injectable });
33
33
  MonkeyEcxAlertsConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxAlertsConfigService, providedIn: 'root' });
34
34
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxAlertsConfigService, decorators: [{
35
35
  type: Injectable,
36
36
  args: [{
37
37
  providedIn: 'root'
38
38
  }]
39
- }], ctorParameters: function () { return [{ type: i1.MonkeyStyleGuideModalService }]; } });
40
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ua2V5ZWN4LWFsZXJ0cy1jb25maWcuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1mcm9udC1jb3JlL3NyYy9saWIvY29yZS9zZXJ2aWNlcy9jb25maWcvbW9ua2V5ZWN4LWFsZXJ0cy1jb25maWcuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sS0FBSyxPQUFPLE1BQU0sUUFBUSxDQUFDO0FBRWxDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBRXRELE1BQU0sTUFBTSxHQUFRLE9BQU8sQ0FBQztBQUs1QixNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLFlBQW9CLFlBQTBDO1FBQTFDLGlCQUFZLEdBQVosWUFBWSxDQUE4QjtRQUM1RCxZQUFZO0lBQ2QsQ0FBQztJQUVPLGdCQUFnQixDQUFDLE1BQXVCO1FBQzlDLElBQUksTUFBTSxDQUFDLEtBQUssRUFBRTtZQUNoQixNQUFNLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQztZQUN0RCxJQUFJLE1BQU0sQ0FBQyxPQUFPLEVBQUUsQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFFO2dCQUM1RCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUU7b0JBQ3RDLEtBQUssRUFBRSxPQUFPO29CQUNkLElBQUksRUFBRSxJQUFJO29CQUNWLElBQUksRUFBRTt3QkFDSixHQUFHO3dCQUNILEtBQUs7d0JBQ0wsT0FBTztxQkFDUjtpQkFDRixDQUFDLENBQUM7YUFDSjtTQUNGO0lBQ0gsQ0FBQztJQUVNLEtBQUssQ0FBQyxNQUF1QjtRQUNsQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDaEMsQ0FBQzs7eUhBeEJVLDRCQUE0Qjs2SEFBNUIsNEJBQTRCLGNBRjNCLE1BQU07MkZBRVAsNEJBQTRCO2tCQUh4QyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1vbmtleVN0eWxlR3VpZGVNb2RhbFNlcnZpY2UgfSBmcm9tICdtb25rZXktc3R5bGUtZ3VpZGUnO1xuaW1wb3J0ICogYXMgbW9tZW50XyBmcm9tICdtb21lbnQnO1xuaW1wb3J0IHsgTW9ua2V5RWN4Q29uZmlnIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBBbGVydHNDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9jb21wb25lbnRzJztcblxuY29uc3QgbW9tZW50OiBhbnkgPSBtb21lbnRfO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBNb25rZXlFY3hBbGVydHNDb25maWdTZXJ2aWNlIHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBtb2RhbFNlcnZpY2U6IE1vbmtleVN0eWxlR3VpZGVNb2RhbFNlcnZpY2UpIHtcbiAgICAvLyBub3QgdG8gZG9cbiAgfVxuXG4gIHByaXZhdGUgaGFuZGxlVmFsaWRhdGlvbihjb25maWc6IE1vbmtleUVjeENvbmZpZykge1xuICAgIGlmIChjb25maWcuYWxlcnQpIHtcbiAgICAgIGNvbnN0IHsgaW1nLCB0aXRsZSwgbWVzc2FnZSwgZW5kRGF0ZSB9ID0gY29uZmlnLmFsZXJ0O1xuICAgICAgaWYgKG1vbWVudC5kZWZhdWx0KCkuaXNTYW1lT3JCZWZvcmUobW9tZW50LmRlZmF1bHQoZW5kRGF0ZSkpKSB7XG4gICAgICAgIHRoaXMubW9kYWxTZXJ2aWNlLm9wZW4oQWxlcnRzQ29tcG9uZW50LCB7XG4gICAgICAgICAgY29sb3I6ICd0aGVtZScsXG4gICAgICAgICAgc2l6ZTogJ21kJyxcbiAgICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgICBpbWcsXG4gICAgICAgICAgICB0aXRsZSxcbiAgICAgICAgICAgIG1lc3NhZ2VcbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBhcHBseShjb25maWc6IE1vbmtleUVjeENvbmZpZykge1xuICAgIHRoaXMuaGFuZGxlVmFsaWRhdGlvbihjb25maWcpO1xuICB9XG59XG4iXX0=
39
+ }], ctorParameters: function () { return [{ type: i1.MonkeyStyleGuideModalFixedService }]; } });
40
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ua2V5ZWN4LWFsZXJ0cy1jb25maWcuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1mcm9udC1jb3JlL3NyYy9saWIvY29yZS9zZXJ2aWNlcy9jb25maWcvbW9ua2V5ZWN4LWFsZXJ0cy1jb25maWcuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sS0FBSyxPQUFPLE1BQU0sUUFBUSxDQUFDO0FBRWxDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBRXRELE1BQU0sTUFBTSxHQUFRLE9BQU8sQ0FBQztBQUs1QixNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLFlBQW9CLFlBQStDO1FBQS9DLGlCQUFZLEdBQVosWUFBWSxDQUFtQztRQUNqRSxZQUFZO0lBQ2QsQ0FBQztJQUVPLGdCQUFnQixDQUFDLE1BQXVCO1FBQzlDLElBQUksTUFBTSxDQUFDLEtBQUssRUFBRTtZQUNoQixNQUFNLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQztZQUN0RCxJQUFJLE1BQU0sQ0FBQyxPQUFPLEVBQUUsQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFFO2dCQUM1RCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUU7b0JBQ3RDLEtBQUssRUFBRSxPQUFPO29CQUNkLElBQUksRUFBRSxJQUFJO29CQUNWLElBQUksRUFBRTt3QkFDSixHQUFHO3dCQUNILEtBQUs7d0JBQ0wsT0FBTztxQkFDUjtpQkFDRixDQUFDLENBQUM7YUFDSjtTQUNGO0lBQ0gsQ0FBQztJQUVNLEtBQUssQ0FBQyxNQUF1QjtRQUNsQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDaEMsQ0FBQzs7eUhBeEJVLDRCQUE0Qjs2SEFBNUIsNEJBQTRCLGNBRjNCLE1BQU07MkZBRVAsNEJBQTRCO2tCQUh4QyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1vbmtleVN0eWxlR3VpZGVNb2RhbEZpeGVkU2VydmljZSB9IGZyb20gJ21vbmtleS1zdHlsZS1ndWlkZSc7XG5pbXBvcnQgKiBhcyBtb21lbnRfIGZyb20gJ21vbWVudCc7XG5pbXBvcnQgeyBNb25rZXlFY3hDb25maWcgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcbmltcG9ydCB7IEFsZXJ0c0NvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudHMnO1xuXG5jb25zdCBtb21lbnQ6IGFueSA9IG1vbWVudF87XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIE1vbmtleUVjeEFsZXJ0c0NvbmZpZ1NlcnZpY2Uge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG1vZGFsU2VydmljZTogTW9ua2V5U3R5bGVHdWlkZU1vZGFsRml4ZWRTZXJ2aWNlKSB7XG4gICAgLy8gbm90IHRvIGRvXG4gIH1cblxuICBwcml2YXRlIGhhbmRsZVZhbGlkYXRpb24oY29uZmlnOiBNb25rZXlFY3hDb25maWcpIHtcbiAgICBpZiAoY29uZmlnLmFsZXJ0KSB7XG4gICAgICBjb25zdCB7IGltZywgdGl0bGUsIG1lc3NhZ2UsIGVuZERhdGUgfSA9IGNvbmZpZy5hbGVydDtcbiAgICAgIGlmIChtb21lbnQuZGVmYXVsdCgpLmlzU2FtZU9yQmVmb3JlKG1vbWVudC5kZWZhdWx0KGVuZERhdGUpKSkge1xuICAgICAgICB0aGlzLm1vZGFsU2VydmljZS5vcGVuKEFsZXJ0c0NvbXBvbmVudCwge1xuICAgICAgICAgIGNvbG9yOiAndGhlbWUnLFxuICAgICAgICAgIHNpemU6ICdtZCcsXG4gICAgICAgICAgZGF0YToge1xuICAgICAgICAgICAgaW1nLFxuICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICBtZXNzYWdlXG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwdWJsaWMgYXBwbHkoY29uZmlnOiBNb25rZXlFY3hDb25maWcpIHtcbiAgICB0aGlzLmhhbmRsZVZhbGlkYXRpb24oY29uZmlnKTtcbiAgfVxufVxuIl19
@@ -45,10 +45,10 @@ class AlertsComponent {
45
45
  }
46
46
  }
47
47
  AlertsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsComponent, deps: [{ token: i1.MonkeyStyleGuideModalService }], target: i0.ɵɵFactoryTarget.Component });
48
- AlertsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AlertsComponent, selector: "monkeyecx-alerts", inputs: { config: "config", modalRef: "modalRef" }, ngImport: i0, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n <div class=\"alert-header\">\n <img [src]=\"_img\">\n </div>\n <div class=\"alert-body\">\n <span class=\"title\">\n {{ _title | translate }}\n </span>\n <span class=\"message\">\n {{ _message | translate }}\n </span>\n </div>\n <div class=\"alert-footer\">\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </div>\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{min-height:312px}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;height:200px;width:100%}:host .alert-body{display:flex;flex-direction:column;gap:16px;max-width:368px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:24px;position:-webkit-sticky;position:sticky;bottom:0}\n"], components: [{ type: i1.MonkeyModalComponent, selector: "monkey-modal", inputs: ["config", "modalRef", "onHandleConfirm"] }, { type: i1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe } });
48
+ AlertsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AlertsComponent, selector: "monkeyecx-alerts", inputs: { config: "config", modalRef: "modalRef" }, ngImport: i0, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n <div class=\"alert-header\">\n <img [src]=\"_img\">\n </div>\n <div class=\"alert-body\">\n <span class=\"title\">\n {{ _title | translate }}\n </span>\n <span class=\"message\">\n {{ _message | translate }}\n </span>\n </div>\n <div class=\"alert-footer\">\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </div>\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{height:100%}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;width:100%;max-height:280px}@media screen and (max-width: 959px){:host .alert-header img{height:200px}}:host .alert-body{display:flex;flex-direction:column;gap:16px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:0 24px 24px;position:-webkit-sticky;position:sticky;bottom:0;background:#fafafa}\n"], components: [{ type: i1.MonkeyModalComponent, selector: "monkey-modal", inputs: ["config", "modalRef", "onHandleConfirm"] }, { type: i1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe } });
49
49
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsComponent, decorators: [{
50
50
  type: Component,
51
- args: [{ selector: 'monkeyecx-alerts', template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n <div class=\"alert-header\">\n <img [src]=\"_img\">\n </div>\n <div class=\"alert-body\">\n <span class=\"title\">\n {{ _title | translate }}\n </span>\n <span class=\"message\">\n {{ _message | translate }}\n </span>\n </div>\n <div class=\"alert-footer\">\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </div>\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{min-height:312px}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;height:200px;width:100%}:host .alert-body{display:flex;flex-direction:column;gap:16px;max-width:368px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:24px;position:-webkit-sticky;position:sticky;bottom:0}\n"] }]
51
+ args: [{ selector: 'monkeyecx-alerts', template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\n <div class=\"alert-header\">\n <img [src]=\"_img\">\n </div>\n <div class=\"alert-body\">\n <span class=\"title\">\n {{ _title | translate }}\n </span>\n <span class=\"message\">\n {{ _message | translate }}\n </span>\n </div>\n <div class=\"alert-footer\">\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </div>\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{height:100%}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;width:100%;max-height:280px}@media screen and (max-width: 959px){:host .alert-header img{height:200px}}:host .alert-body{display:flex;flex-direction:column;gap:16px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:0 24px 24px;position:-webkit-sticky;position:sticky;bottom:0;background:#fafafa}\n"] }]
52
52
  }], ctorParameters: function () { return [{ type: i1.MonkeyStyleGuideModalService }]; }, propDecorators: { config: [{
53
53
  type: Input
54
54
  }], modalRef: [{
@@ -3223,14 +3223,14 @@ class MonkeyEcxAlertsConfigService {
3223
3223
  this.handleValidation(config);
3224
3224
  }
3225
3225
  }
3226
- MonkeyEcxAlertsConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxAlertsConfigService, deps: [{ token: i1.MonkeyStyleGuideModalService }], target: i0.ɵɵFactoryTarget.Injectable });
3226
+ MonkeyEcxAlertsConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxAlertsConfigService, deps: [{ token: i1.MonkeyStyleGuideModalFixedService }], target: i0.ɵɵFactoryTarget.Injectable });
3227
3227
  MonkeyEcxAlertsConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxAlertsConfigService, providedIn: 'root' });
3228
3228
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxAlertsConfigService, decorators: [{
3229
3229
  type: Injectable,
3230
3230
  args: [{
3231
3231
  providedIn: 'root'
3232
3232
  }]
3233
- }], ctorParameters: function () { return [{ type: i1.MonkeyStyleGuideModalService }]; } });
3233
+ }], ctorParameters: function () { return [{ type: i1.MonkeyStyleGuideModalFixedService }]; } });
3234
3234
 
3235
3235
  class MonkeyEcxConfigService extends MonkeyEcxCommonsService {
3236
3236
  constructor(monkeyecxService, monkeyecxi18nConfigService, monkeyecxLogsConfigService, monkeyStyleGuideSettingsService, monkeyecxServiceWorkerConfigService, monkeyecxSecurityConsoleConfigService, monkeyecxMaintenanceConfigService, monkeyecxErrorConfigService, monkeyEcxFeatureToggleService, monkeyGAConfigService, monkeyEcxAlertsConfigService) {