monkey-front-core 0.0.389 → 0.0.391

package/fesm2020/monkey-front-core.mjs

@@ -35,6 +35,7 @@ class AlertsComponent {
         this._img = '';
         this._title = '';
         this._message = '';
+        this._action = null;
         // not to do
     }
     ngOnInit() {
@@ -42,16 +43,23 @@ class AlertsComponent {
         this._img = config?.data?.img;
         this._title = config?.data?.title;
         this._message = config?.data?.message;
+        this._action = config?.data?.action;
     }
     onClose() {
         this.modalService.close(this.modalRef);
     }
+    onAction() {
+        const { _action } = this;
+        if (_action?.href) {
+            window.location.href = _action?.href;
+        }
+    }
 }
 AlertsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsComponent, deps: [{ token: i1.MonkeyStyleGuideModalService }], target: i0.ɵɵFactoryTarget.Component });
-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      {{ 'BUTTONS.CLOSE' | translate }}\r\n    </monkey-button>\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%}@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: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 } });
+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      {{ 'BUTTONS.CLOSE' | translate }}\r\n    </monkey-button>\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%}@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: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 } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsComponent, decorators: [{
             type: Component,
-            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      {{ 'BUTTONS.CLOSE' | translate }}\r\n    </monkey-button>\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%}@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:sticky;bottom:0;background:#fafafa}\n"] }]
+            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      {{ 'BUTTONS.CLOSE' | translate }}\r\n    </monkey-button>\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%}@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:sticky;bottom:0;background:#fafafa}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MonkeyStyleGuideModalService }]; }, propDecorators: { config: [{
                 type: Input
             }], modalRef: [{
@@ -3484,7 +3492,7 @@ class MonkeyEcxAlertsConfigService {
     }
     handleValidation(config) {
         if (config.alert) {
-            const { img, title, message, endDate, noEndDate } = config.alert;
+            const { img, title, message, endDate, noEndDate, action } = config.alert;
             if (moment.default().isSameOrBefore(moment.default(endDate)) || noEndDate) {
                 this.modalService.open(AlertsComponent, {
                     color: 'theme',
@@ -3492,7 +3500,8 @@ class MonkeyEcxAlertsConfigService {
                     data: {
                         img,
                         title,
-                        message
+                        message,
+                        action
                     }
                 });
             }