monkey-front-core 0.0.602 → 0.0.604
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 +2 -2
- package/esm2020/lib/core/utils/validators.mjs +5 -3
- package/fesm2015/monkey-front-core.mjs +6 -4
- package/fesm2015/monkey-front-core.mjs.map +1 -1
- package/fesm2020/monkey-front-core.mjs +6 -4
- package/fesm2020/monkey-front-core.mjs.map +1 -1
- package/monkey-front-core-0.0.604.tgz +0 -0
- package/package.json +1 -1
- package/monkey-front-core-0.0.602.tgz +0 -0
|
@@ -63,10 +63,10 @@ class AlertsComponent {
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
AlertsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsComponent, deps: [{ token: i1.MonkeyStyleGuideModalService }], target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
-
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 <ng-container *ngIf=\"!_hideClose\">\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </ng-container>\n \n <ng-container *ngIf=\"_action\">\n <monkey-button type=\"primary\" color=\"theme\" (click)=\"onAction()\">\n {{ _action.label | translate }}\n </monkey-button>\n </ng-container>\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%;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 } });
|
|
66
|
+
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 <ng-container *ngIf=\"!_hideClose\">\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </ng-container>\n \n <ng-container *ngIf=\"_action\">\n <monkey-button type=\"primary\" color=\"theme\" (click)=\"onAction()\">\n {{ _action.label | translate }}\n </monkey-button>\n </ng-container>\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%;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;white-space:pre-line;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 } });
|
|
67
67
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsComponent, decorators: [{
|
|
68
68
|
type: Component,
|
|
69
|
-
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 <ng-container *ngIf=\"!_hideClose\">\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </ng-container>\n \n <ng-container *ngIf=\"_action\">\n <monkey-button type=\"primary\" color=\"theme\" (click)=\"onAction()\">\n {{ _action.label | translate }}\n </monkey-button>\n </ng-container>\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%;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"] }]
|
|
69
|
+
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 <ng-container *ngIf=\"!_hideClose\">\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </ng-container>\n \n <ng-container *ngIf=\"_action\">\n <monkey-button type=\"primary\" color=\"theme\" (click)=\"onAction()\">\n {{ _action.label | translate }}\n </monkey-button>\n </ng-container>\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%;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;white-space:pre-line;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"] }]
|
|
70
70
|
}], ctorParameters: function () { return [{ type: i1.MonkeyStyleGuideModalService }]; }, propDecorators: { config: [{
|
|
71
71
|
type: Input
|
|
72
72
|
}], modalRef: [{
|
|
@@ -1578,8 +1578,10 @@ function validateFullName(control) {
|
|
|
1578
1578
|
if (!value)
|
|
1579
1579
|
return null;
|
|
1580
1580
|
const fullName = value.split(/\s+/);
|
|
1581
|
-
const hasShortPart = fullName.
|
|
1582
|
-
|
|
1581
|
+
const hasShortPart = fullName.filter((part) => {
|
|
1582
|
+
return part.length >= 2;
|
|
1583
|
+
}).length;
|
|
1584
|
+
if (hasShortPart < 2) {
|
|
1583
1585
|
return { fullName: true };
|
|
1584
1586
|
}
|
|
1585
1587
|
return null;
|