monkey-front-core 0.0.393 → 0.0.395
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/esm2020/lib/components/alerts/alerts.component.mjs +5 -3
- package/esm2020/lib/core/interfaces/monkeyecx-config.mjs +1 -1
- package/esm2020/lib/core/services/config/monkeyecx-alerts-config.service.mjs +4 -3
- package/fesm2015/monkey-front-core.mjs +8 -5
- package/fesm2015/monkey-front-core.mjs.map +1 -1
- package/fesm2020/monkey-front-core.mjs +7 -4
- package/fesm2020/monkey-front-core.mjs.map +1 -1
- package/lib/components/alerts/alerts.component.d.ts +1 -0
- package/lib/core/interfaces/monkeyecx-config.d.ts +1 -0
- package/monkey-front-core-0.0.395.tgz +0 -0
- package/package.json +1 -1
- package/monkey-front-core-0.0.393.tgz +0 -0
|
@@ -36,6 +36,7 @@ class AlertsComponent {
|
|
|
36
36
|
this._title = '';
|
|
37
37
|
this._message = '';
|
|
38
38
|
this._action = null;
|
|
39
|
+
this._hideClose = false;
|
|
39
40
|
// not to do
|
|
40
41
|
}
|
|
41
42
|
ngOnInit() {
|
|
@@ -44,6 +45,7 @@ class AlertsComponent {
|
|
|
44
45
|
this._title = config?.data?.title;
|
|
45
46
|
this._message = config?.data?.message;
|
|
46
47
|
this._action = config?.data?.action;
|
|
48
|
+
this._hideClose = config?.data?.hideClose;
|
|
47
49
|
}
|
|
48
50
|
onClose() {
|
|
49
51
|
this.modalService.close(this.modalRef);
|
|
@@ -56,10 +58,10 @@ class AlertsComponent {
|
|
|
56
58
|
}
|
|
57
59
|
}
|
|
58
60
|
AlertsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsComponent, deps: [{ token: i1.MonkeyStyleGuideModalService }], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
-
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\">\r\n <div class=\"alert-header\">\r\n <img [src]=\"_img\">\r\n </div>\r\n <div class=\"alert-body\">\r\n <span class=\"title\">\r\n {{ _title | translate }}\r\n </span>\r\n <span class=\"message\">\r\n {{ _message | translate }}\r\n </span>\r\n </div>\r\n <div class=\"alert-footer\">\r\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\r\n
|
|
61
|
+
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\">\r\n <div class=\"alert-header\">\r\n <img [src]=\"_img\">\r\n </div>\r\n <div class=\"alert-body\">\r\n <span class=\"title\">\r\n {{ _title | translate }}\r\n </span>\r\n <span class=\"message\">\r\n {{ _message | translate }}\r\n </span>\r\n </div>\r\n <div class=\"alert-footer\">\r\n <ng-container *ngIf=\"!_hideClose\">\r\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\r\n {{ 'BUTTONS.CLOSE' | translate }}\r\n </monkey-button>\r\n </ng-container>\r\n \r\n <ng-container *ngIf=\"_action\">\r\n <monkey-button type=\"primary\" color=\"theme\" (click)=\"onAction()\">\r\n {{ _action.label | translate }}\r\n </monkey-button>\r\n </ng-container>\r\n </div>\r\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%;max-height:200px}@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:space-between;padding:0 24px 24px;position:sticky;bottom:0;background:#fafafa;gap:12px}:host .alert-footer ::ng-deep monkey-button{width:100%}:host .alert-footer ::ng-deep monkey-button button{width:100%}\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 } });
|
|
60
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsComponent, decorators: [{
|
|
61
63
|
type: Component,
|
|
62
|
-
args: [{ selector: 'monkeyecx-alerts', template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\r\n <div class=\"alert-header\">\r\n <img [src]=\"_img\">\r\n </div>\r\n <div class=\"alert-body\">\r\n <span class=\"title\">\r\n {{ _title | translate }}\r\n </span>\r\n <span class=\"message\">\r\n {{ _message | translate }}\r\n </span>\r\n </div>\r\n <div class=\"alert-footer\">\r\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\r\n
|
|
64
|
+
args: [{ selector: 'monkeyecx-alerts', template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\r\n <div class=\"alert-header\">\r\n <img [src]=\"_img\">\r\n </div>\r\n <div class=\"alert-body\">\r\n <span class=\"title\">\r\n {{ _title | translate }}\r\n </span>\r\n <span class=\"message\">\r\n {{ _message | translate }}\r\n </span>\r\n </div>\r\n <div class=\"alert-footer\">\r\n <ng-container *ngIf=\"!_hideClose\">\r\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\r\n {{ 'BUTTONS.CLOSE' | translate }}\r\n </monkey-button>\r\n </ng-container>\r\n \r\n <ng-container *ngIf=\"_action\">\r\n <monkey-button type=\"primary\" color=\"theme\" (click)=\"onAction()\">\r\n {{ _action.label | translate }}\r\n </monkey-button>\r\n </ng-container>\r\n </div>\r\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%;max-height:200px}@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:space-between;padding:0 24px 24px;position:sticky;bottom:0;background:#fafafa;gap:12px}:host .alert-footer ::ng-deep monkey-button{width:100%}:host .alert-footer ::ng-deep monkey-button button{width:100%}\n"] }]
|
|
63
65
|
}], ctorParameters: function () { return [{ type: i1.MonkeyStyleGuideModalService }]; }, propDecorators: { config: [{
|
|
64
66
|
type: Input
|
|
65
67
|
}], modalRef: [{
|
|
@@ -3492,7 +3494,7 @@ class MonkeyEcxAlertsConfigService {
|
|
|
3492
3494
|
}
|
|
3493
3495
|
handleValidation(config) {
|
|
3494
3496
|
if (config.alert) {
|
|
3495
|
-
const { img, title, message, endDate, noEndDate, action } = config.alert;
|
|
3497
|
+
const { img, title, message, endDate, noEndDate, action, hideClose } = config.alert;
|
|
3496
3498
|
if (moment.default().isSameOrBefore(moment.default(endDate)) || noEndDate) {
|
|
3497
3499
|
this.modalService.open(AlertsComponent, {
|
|
3498
3500
|
color: 'theme',
|
|
@@ -3501,7 +3503,8 @@ class MonkeyEcxAlertsConfigService {
|
|
|
3501
3503
|
img,
|
|
3502
3504
|
title,
|
|
3503
3505
|
message,
|
|
3504
|
-
action
|
|
3506
|
+
action,
|
|
3507
|
+
hideClose
|
|
3505
3508
|
}
|
|
3506
3509
|
});
|
|
3507
3510
|
}
|