monkey-front-components 0.0.179 → 0.0.180
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/bundles/monkey-front-components.umd.js +211 -74
- package/bundles/monkey-front-components.umd.js.map +1 -1
- package/esm2015/lib/components/base/base-component.js +3 -3
- package/esm2015/lib/components/base/base-dynamic-array.js +3 -3
- package/esm2015/lib/components/base/base-dynamic.js +3 -3
- package/esm2015/lib/components/dynamic/button/button.component.js +3 -3
- package/esm2015/lib/components/dynamic/dynamic-directive.js +3 -3
- package/esm2015/lib/components/dynamic/dynamic.module.js +4 -4
- package/esm2015/lib/components/dynamic/file-upload/file-upload.component.js +3 -3
- package/esm2015/lib/components/dynamic/form/dynamic-form-array.component.js +3 -3
- package/esm2015/lib/components/dynamic/form/dynamic-form.component.js +3 -3
- package/esm2015/lib/components/dynamic/input/input.component.js +3 -3
- package/esm2015/lib/components/dynamic/input-phone/input-phone.component.js +3 -3
- package/esm2015/lib/components/dynamic/radio/radio.component.js +3 -3
- package/esm2015/lib/components/dynamic/select/select.component.js +3 -3
- package/esm2015/lib/components/dynamic/select-search/select-search.component.js +3 -3
- package/esm2015/lib/components/index.js +2 -1
- package/esm2015/lib/components/shared/index.js +2 -0
- package/esm2015/lib/components/shared/password-strength/index.js +3 -0
- package/esm2015/lib/components/shared/password-strength/password-strength.component.js +89 -0
- package/esm2015/lib/components/shared/password-strength/password-strength.js +2 -0
- package/esm2015/lib/components/shared/password-strength/password-strength.module.js +50 -0
- package/fesm2015/monkey-front-components.js +173 -49
- package/fesm2015/monkey-front-components.js.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/shared/index.d.ts +1 -0
- package/lib/components/shared/password-strength/index.d.ts +2 -0
- package/lib/components/shared/password-strength/password-strength.component.d.ts +22 -0
- package/lib/components/shared/password-strength/password-strength.d.ts +5 -0
- package/lib/components/shared/password-strength/password-strength.module.d.ts +12 -0
- package/monkey-front-components-0.0.180.tgz +0 -0
- package/package.json +2 -2
- package/monkey-front-components-0.0.179.tgz +0 -0
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('rxjs'), require('@angular/core'), require('rxjs/operators'), require('monkey-style-guide'), require('monkey-front-core'), require('@angular/forms'), require('@ngx-translate/core'), require('@angular/common')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('monkey-front-components', ['exports', 'rxjs', '@angular/core', 'rxjs/operators', 'monkey-style-guide', 'monkey-front-core', '@angular/forms', '@ngx-translate/core', '@angular/common'], factory) :
|
|
4
4
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["monkey-front-components"] = {}, global.rxjs, global.ng.core, global.rxjs.operators, global["monkey-style-guide"], global["monkey-front-core"], global.ng.forms, global["@ngx-translate/core"], global.ng.common));
|
|
5
|
-
})(this, (function (exports, rxjs, i0, operators, i1,
|
|
5
|
+
})(this, (function (exports, rxjs, i0, operators, i1, i1$1, i1$2, i4, i3) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -24,9 +24,10 @@
|
|
|
24
24
|
|
|
25
25
|
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
26
|
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1);
|
|
27
|
-
var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
|
|
27
|
+
var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$1);
|
|
28
|
+
var i1__namespace = /*#__PURE__*/_interopNamespace(i1$2);
|
|
29
|
+
var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
|
|
28
30
|
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
29
|
-
var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
|
|
30
31
|
|
|
31
32
|
/*! *****************************************************************************
|
|
32
33
|
Copyright (c) Microsoft Corporation.
|
|
@@ -541,7 +542,7 @@
|
|
|
541
542
|
BaseComponent.prototype.clearAllServiceData = function (clearData) {
|
|
542
543
|
var context = this;
|
|
543
544
|
Object.values(context).forEach(function (ctx) {
|
|
544
|
-
if (ctx instanceof
|
|
545
|
+
if (ctx instanceof i1$1.MonkeyEcxCommonsService) {
|
|
545
546
|
ctx.clear(clearData);
|
|
546
547
|
}
|
|
547
548
|
});
|
|
@@ -623,18 +624,18 @@
|
|
|
623
624
|
BaseComponent.prototype.getCountryValidators = function (country) {
|
|
624
625
|
return {
|
|
625
626
|
br: {
|
|
626
|
-
governmentId:
|
|
627
|
+
governmentId: i1$1.ValidateUtils.DocumentValidator
|
|
627
628
|
},
|
|
628
629
|
cl: {
|
|
629
|
-
governmentId:
|
|
630
|
+
governmentId: i1$1.ValidateUtils.DocumentRutValidator
|
|
630
631
|
}
|
|
631
632
|
}[country];
|
|
632
633
|
};
|
|
633
634
|
return BaseComponent;
|
|
634
635
|
}());
|
|
635
|
-
BaseComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
636
|
-
BaseComponent.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
637
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
636
|
+
BaseComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: BaseComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
637
|
+
BaseComponent.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: BaseComponent, selector: "[baseComponent]", ngImport: i0__namespace });
|
|
638
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: BaseComponent, decorators: [{
|
|
638
639
|
type: i0.Directive,
|
|
639
640
|
args: [{
|
|
640
641
|
selector: '[baseComponent]'
|
|
@@ -642,19 +643,19 @@
|
|
|
642
643
|
}], ctorParameters: function () { return []; } });
|
|
643
644
|
|
|
644
645
|
var validators = {
|
|
645
|
-
required: i1$
|
|
646
|
-
email:
|
|
647
|
-
governmentId:
|
|
648
|
-
governmentIdRut:
|
|
649
|
-
documentBR:
|
|
650
|
-
documentCL:
|
|
651
|
-
date:
|
|
652
|
-
zipCode:
|
|
646
|
+
required: i1$2.Validators.required,
|
|
647
|
+
email: i1$1.Validators.email,
|
|
648
|
+
governmentId: i1$1.Validators.documentBR,
|
|
649
|
+
governmentIdRut: i1$1.Validators.documentCL,
|
|
650
|
+
documentBR: i1$1.Validators.documentBR,
|
|
651
|
+
documentCL: i1$1.Validators.documentCL,
|
|
652
|
+
date: i1$1.Validators.date,
|
|
653
|
+
zipCode: i1$1.Validators.zipCode,
|
|
653
654
|
minLength: function (param) {
|
|
654
|
-
return i1$
|
|
655
|
+
return i1$2.Validators.minLength(param);
|
|
655
656
|
},
|
|
656
657
|
maxLength: function (param) {
|
|
657
|
-
return i1$
|
|
658
|
+
return i1$2.Validators.maxLength(param);
|
|
658
659
|
}
|
|
659
660
|
};
|
|
660
661
|
|
|
@@ -701,7 +702,7 @@
|
|
|
701
702
|
: validators[valid.name];
|
|
702
703
|
validList_1.push(validated);
|
|
703
704
|
});
|
|
704
|
-
return i1$
|
|
705
|
+
return i1$2.Validators.compose(validList_1);
|
|
705
706
|
}
|
|
706
707
|
return null;
|
|
707
708
|
};
|
|
@@ -733,9 +734,9 @@
|
|
|
733
734
|
};
|
|
734
735
|
return BaseDynamic;
|
|
735
736
|
}(BaseComponent));
|
|
736
|
-
BaseDynamic.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
737
|
-
BaseDynamic.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
738
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
737
|
+
BaseDynamic.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: BaseDynamic, deps: [{ token: i1__namespace.FormBuilder }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
738
|
+
BaseDynamic.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: BaseDynamic, selector: "[baseDynamic]", inputs: { onHandleSubmit: "onHandleSubmit", onHandleUpdateForm: "onHandleUpdateForm", self: "self", fields: "fields", data: "data", disabled: "disabled" }, outputs: { onHandleSubmitFormReady: "onHandleSubmitFormReady" }, usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace });
|
|
739
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: BaseDynamic, decorators: [{
|
|
739
740
|
type: i0.Directive,
|
|
740
741
|
args: [{
|
|
741
742
|
selector: '[baseDynamic]'
|
|
@@ -871,7 +872,7 @@
|
|
|
871
872
|
: validators[valid.name];
|
|
872
873
|
validList_1.push(validated);
|
|
873
874
|
});
|
|
874
|
-
return i1$
|
|
875
|
+
return i1$2.Validators.compose(validList_1);
|
|
875
876
|
}
|
|
876
877
|
return null;
|
|
877
878
|
};
|
|
@@ -954,9 +955,9 @@
|
|
|
954
955
|
};
|
|
955
956
|
return BaseDynamicArray;
|
|
956
957
|
}(BaseComponent));
|
|
957
|
-
BaseDynamicArray.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
958
|
-
BaseDynamicArray.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
959
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
958
|
+
BaseDynamicArray.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: BaseDynamicArray, deps: [{ token: i1__namespace.FormBuilder }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
959
|
+
BaseDynamicArray.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: BaseDynamicArray, selector: "[baseDynamicArray]", inputs: { onHandleSubmit: "onHandleSubmit", onHandleUpdateForm: "onHandleUpdateForm", self: "self", fields: "fields", data: "data", qtd: "qtd", disabled: "disabled" }, outputs: { onHandleSubmitFormReady: "onHandleSubmitFormReady" }, usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace });
|
|
960
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: BaseDynamicArray, decorators: [{
|
|
960
961
|
type: i0.Directive,
|
|
961
962
|
args: [{
|
|
962
963
|
selector: '[baseDynamicArray]'
|
|
@@ -1015,9 +1016,9 @@
|
|
|
1015
1016
|
};
|
|
1016
1017
|
return MECXDynamicFileUploadComponent;
|
|
1017
1018
|
}());
|
|
1018
|
-
MECXDynamicFileUploadComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1019
|
-
MECXDynamicFileUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1020
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1019
|
+
MECXDynamicFileUploadComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicFileUploadComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1020
|
+
MECXDynamicFileUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: MECXDynamicFileUploadComponent, selector: "mecx-dynamic-file-upload", inputs: { _field: "_field", _form: "_form", _formErrors: "_formErrors", self: "self" }, host: { properties: { "class": "this.className" } }, usesOnChanges: true, ngImport: i0__namespace, template: "<monkey-file-upload\n errorMessage=\"{{ _formErrors[_field?.name]?.firstMessage | translate }} {{ _formErrors[_field?.name]?.lastMessage }}\"\n [icon]=\"_field?.icon\" [formControl]=\"_form.controls[_field?.name]\"\n [placeholder]=\"_field?.placeholder | translate\"\n [helperMessage]=\"_field?.helperMessage | translate\" [label]=\"_field?.label | translate\"\n [maxSize]=\"_field?.maxSize || 5242880\" [fileUpload]=\"_function\"\n [maxSizeErrorMessage]=\"'FIELD.FILE.MAX-FILE' | translate\"\n [allowedExtensionErrorMessage]=\"'FIELD.FILE.ALLOWED-EXTENSION' | translate\"\n [allowedExtensions]=\"_field?.allowedExtensions || []\">\n</monkey-file-upload>", components: [{ type: i1__namespace$1.MonkeyFileUploadComponent, selector: "monkey-file-upload", inputs: ["name", "label", "helperMessage", "placeholder", "icon", "infoMessage", "uploadOngoingMessage", "errorMessage", "listenFiles", "maxSize", "allowedExtensions", "maxSizeErrorMessage", "allowedExtensionErrorMessage", "fileUpload", "value"], outputs: ["onChange", "onHandleFilesReady"] }], directives: [{ type: i1__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i4__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1021
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicFileUploadComponent, decorators: [{
|
|
1021
1022
|
type: i0.Component,
|
|
1022
1023
|
args: [{
|
|
1023
1024
|
selector: 'mecx-dynamic-file-upload',
|
|
@@ -1072,9 +1073,9 @@
|
|
|
1072
1073
|
};
|
|
1073
1074
|
return MECXDynamicButtonComponent;
|
|
1074
1075
|
}());
|
|
1075
|
-
MECXDynamicButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1076
|
-
MECXDynamicButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1077
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1076
|
+
MECXDynamicButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicButtonComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1077
|
+
MECXDynamicButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: MECXDynamicButtonComponent, selector: "mecx-dynamic-button", inputs: { _field: "_field", _form: "_form", _formErrors: "_formErrors", self: "self" }, host: { properties: { "class": "this.className" } }, usesOnChanges: true, ngImport: i0__namespace, template: "<monkey-button [icon]=\"_field?.icon\" [type]=\"_field?.type\" [color]=\"_field?.color\"\n (click)=\"onClick()\">\n {{ _field?.label | translate }}\n</monkey-button>", styles: ["mecx-dynamic-button monkey-button button{height:40px}\n"], components: [{ type: i1__namespace$1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], pipes: { "translate": i4__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1078
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicButtonComponent, decorators: [{
|
|
1078
1079
|
type: i0.Component,
|
|
1079
1080
|
args: [{
|
|
1080
1081
|
selector: 'mecx-dynamic-button',
|
|
@@ -1134,9 +1135,9 @@
|
|
|
1134
1135
|
};
|
|
1135
1136
|
return MECXDynamicInputComponent;
|
|
1136
1137
|
}());
|
|
1137
|
-
MECXDynamicInputComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1138
|
-
MECXDynamicInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1139
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1138
|
+
MECXDynamicInputComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicInputComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1139
|
+
MECXDynamicInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: MECXDynamicInputComponent, selector: "mecx-dynamic-input", inputs: { _field: "_field", _form: "_form", _formErrors: "_formErrors", self: "self" }, host: { properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<monkey-input\r\n errorMessage=\"{{ _formErrors[_field?.name]?.firstMessage | translate }} {{ _formErrors[_field?.name]?.lastMessage }}\"\r\n [mask]=\"_field?.mask\" [prefix]=\"_field?.prefix\" [name]=\"_field?.name\"\r\n [formControl]=\"_form.controls[_field?.name]\" [placeholder]=\"_field?.placeholder | translate\"\r\n [helperMessage]=\"_field?.helperMessage | translate\" [label]=\"_field?.label | translate\"\r\n [type]=\"_field?.type\" #inputElement (onChange)=\"onChange($event)\"\r\n [onlyNumber]=\"_field?.onlyNumber\" [currency]=\"_field?.currency\" [maxLength]=\"_field?.maxLength\"\r\n [maxDateToday]=\"_field?.maxDateToday\">\r\n</monkey-input>", components: [{ type: i1__namespace$1.MonkeyInputComponent, selector: "monkey-input", inputs: ["name", "label", "helperMessage", "placeholder", "icon", "type", "infoMessage", "errorMessage", "mask", "prefix", "maxLength", "onlyNumber", "onlyAlphaNumeric", "upperCase", "lowerCase", "capitalize", "currency", "percent", "maxDateToday", "value"], outputs: ["onChange"] }], directives: [{ type: i1__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i4__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1140
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicInputComponent, decorators: [{
|
|
1140
1141
|
type: i0.Component,
|
|
1141
1142
|
args: [{
|
|
1142
1143
|
selector: 'mecx-dynamic-input',
|
|
@@ -1200,9 +1201,9 @@
|
|
|
1200
1201
|
};
|
|
1201
1202
|
return MECXDynamicInputPhoneComponent;
|
|
1202
1203
|
}());
|
|
1203
|
-
MECXDynamicInputPhoneComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1204
|
-
MECXDynamicInputPhoneComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1205
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1204
|
+
MECXDynamicInputPhoneComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicInputPhoneComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1205
|
+
MECXDynamicInputPhoneComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: MECXDynamicInputPhoneComponent, selector: "mecx-dynamic-input-phone", inputs: { _field: "_field", _form: "_form", _formErrors: "_formErrors", self: "self" }, host: { properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<monkey-input-phone [name]=\"_field?.name\" [label]=\"_field?.label | translate\"\r\n [helperMessage]=\"_field?.helperMessage | translate\"\r\n [placeholder]=\"_field?.placeholder | translate\" [icon]=\"_field?.icon\"\r\n (onChange)=\"onChange($event)\" [internationalNumber]=\"_field?.internationalNumber\"\r\n errorMessage=\"{{ _formErrors[_field?.name]?.firstMessage | translate }} {{ _formErrors[_field?.name]?.lastMessage }}\"\r\n [maxLength]=\"_field?.maxLength\" [formControl]=\"_form.controls[_field?.name]\" #inputElement>\r\n</monkey-input-phone>", components: [{ type: i1__namespace$1.MonkeyInputPhoneComponent, selector: "monkey-input-phone", inputs: ["name", "label", "helperMessage", "placeholder", "icon", "infoMessage", "errorMessage", "maxLength", "internationalNumber", "value"], outputs: ["onChange"] }], directives: [{ type: i1__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i4__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1206
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicInputPhoneComponent, decorators: [{
|
|
1206
1207
|
type: i0.Component,
|
|
1207
1208
|
args: [{
|
|
1208
1209
|
selector: 'mecx-dynamic-input-phone',
|
|
@@ -1242,9 +1243,9 @@
|
|
|
1242
1243
|
});
|
|
1243
1244
|
return MECXDynamicRadioComponent;
|
|
1244
1245
|
}());
|
|
1245
|
-
MECXDynamicRadioComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1246
|
-
MECXDynamicRadioComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1247
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1246
|
+
MECXDynamicRadioComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicRadioComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1247
|
+
MECXDynamicRadioComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: MECXDynamicRadioComponent, selector: "mecx-dynamic-radio", inputs: { _field: "_field", _form: "_form", _formErrors: "_formErrors" }, host: { properties: { "class": "this.className" } }, ngImport: i0__namespace, template: "<monkey-radiobutton\n errorMessage=\"{{ _formErrors[_field?.name]?.firstMessage | translate }} {{ _formErrors[_field?.name]?.lastMessage }}\"\n [formControl]=\"_form.controls[_field?.name]\" [helperMessage]=\"_field?.helperMessage | translate\"\n [label]=\"_field?.label | translate\">\n <monkey-option *ngFor=\"let value of _field?.value\" [label]=\"value.description | translate\"\n [value]=\"value.value\">\n </monkey-option>\n</monkey-radiobutton>", components: [{ type: i1__namespace$1.MonkeyRadioButtonComponent, selector: "monkey-radiobutton", inputs: ["label", "helperMessage", "placeholder", "icon", "infoMessage", "errorMessage", "value"], outputs: ["onChange"] }, { type: i1__namespace$1.MonkeyOptionComponent, selector: "monkey-option", inputs: ["type", "label", "value", "selectAll", "selected", "enableClick"], outputs: ["onSelectOption"] }], directives: [{ type: i1__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i4__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1248
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicRadioComponent, decorators: [{
|
|
1248
1249
|
type: i0.Component,
|
|
1249
1250
|
args: [{
|
|
1250
1251
|
selector: 'mecx-dynamic-radio',
|
|
@@ -1321,9 +1322,9 @@
|
|
|
1321
1322
|
};
|
|
1322
1323
|
return MECXDynamicSelectComponent;
|
|
1323
1324
|
}());
|
|
1324
|
-
MECXDynamicSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1325
|
-
MECXDynamicSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1326
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1325
|
+
MECXDynamicSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicSelectComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1326
|
+
MECXDynamicSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: MECXDynamicSelectComponent, selector: "mecx-dynamic-select", inputs: { _field: "_field", _form: "_form", _formErrors: "_formErrors", self: "self" }, host: { properties: { "class": "this.className" } }, ngImport: i0__namespace, template: "<monkey-select\n errorMessage=\"{{ _formErrors[_field?.name]?.firstMessage | translate }} {{ _formErrors[_field?.name]?.lastMessage }}\"\n [formControl]=\"_form.controls[_field?.name]\" [helperMessage]=\"_field?.helperMessage | translate\"\n [label]=\"_field?.label | translate\" (click)=\"onHandleGenericLoad()\"\n [onHandleOptions]=\"_onHandleOptions\" (onChange)=\"onChange($event)\"\n [labelSelect]=\"_form.get(_field?.name).value || ('FIELD.SELECT' | translate)\"\n [placeholder]=\"_field?.placeholder | translate\">\n <monkey-option [label]=\"'FIELD.LOADING' | translate\" *ngIf=\"!_field?.value?.length\"\n enableClick=\"false\">\n </monkey-option>\n <monkey-option *ngFor=\"let value of _field?.value\" [label]=\"value.description | translate\"\n [value]=\"value.value\">\n </monkey-option>\n</monkey-select>", components: [{ type: i1__namespace$1.MonkeySelectComponent, selector: "monkey-select", inputs: ["label", "helperMessage", "placeholder", "icon", "infoMessage", "errorMessage", "labelSelect", "onHandleOptions", "value"], outputs: ["onChange"] }, { type: i1__namespace$1.MonkeyOptionComponent, selector: "monkey-option", inputs: ["type", "label", "value", "selectAll", "selected", "enableClick"], outputs: ["onSelectOption"] }], directives: [{ type: i1__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i4__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1327
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicSelectComponent, decorators: [{
|
|
1327
1328
|
type: i0.Component,
|
|
1328
1329
|
args: [{
|
|
1329
1330
|
selector: 'mecx-dynamic-select',
|
|
@@ -1402,9 +1403,9 @@
|
|
|
1402
1403
|
};
|
|
1403
1404
|
return MECXDynamicSelectSearchComponent;
|
|
1404
1405
|
}());
|
|
1405
|
-
MECXDynamicSelectSearchComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1406
|
-
MECXDynamicSelectSearchComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1407
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1406
|
+
MECXDynamicSelectSearchComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicSelectSearchComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1407
|
+
MECXDynamicSelectSearchComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: MECXDynamicSelectSearchComponent, selector: "mecx-dynamic-select-search", inputs: { _field: "_field", _form: "_form", _formErrors: "_formErrors", self: "self" }, host: { properties: { "class": "this.className" } }, ngImport: i0__namespace, template: "<monkey-select-search\n errorMessage=\"{{ _formErrors[_field?.name]?.firstMessage | translate }} {{ _formErrors[_field?.name]?.lastMessage }}\"\n [formControl]=\"_form.controls[_field?.name]\" [helperMessage]=\"_field?.helperMessage | translate\"\n [label]=\"_field?.label | translate\" (click)=\"onHandleGenericLoad()\"\n [onHandleOptions]=\"_onHandleOptions\" (onChange)=\"onChange($event)\"\n [fieldToCompare]=\"_field?.fieldToCompare\"\n [labelSelect]=\"_form.get(_field?.name).value || ('FIELD.SELECT' | translate)\"\n [placeholder]=\"_field?.placeholder | translate\">\n <monkey-option [label]=\"'FIELD.LOADING' | translate\" *ngIf=\"!_field?.value?.length\"\n enableClick=\"false\">\n </monkey-option>\n <monkey-option *ngFor=\"let value of _field?.value\" [label]=\"value.description | translate\"\n [value]=\"value.value\">\n </monkey-option>\n</monkey-select-search>", components: [{ type: i1__namespace$1.MonkeySelectSearchComponent, selector: "monkey-select-search", inputs: ["label", "helperMessage", "placeholder", "icon", "infoMessage", "errorMessage", "labelSelect", "fieldToCompare", "onHandleOptions", "value"], outputs: ["onChange", "onSearch"] }, { type: i1__namespace$1.MonkeyOptionComponent, selector: "monkey-option", inputs: ["type", "label", "value", "selectAll", "selected", "enableClick"], outputs: ["onSelectOption"] }], directives: [{ type: i1__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i4__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1408
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicSelectSearchComponent, decorators: [{
|
|
1408
1409
|
type: i0.Component,
|
|
1409
1410
|
args: [{
|
|
1410
1411
|
selector: 'mecx-dynamic-select-search',
|
|
@@ -1493,9 +1494,9 @@
|
|
|
1493
1494
|
};
|
|
1494
1495
|
return MECXDynamicDirective;
|
|
1495
1496
|
}());
|
|
1496
|
-
MECXDynamicDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1497
|
-
MECXDynamicDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
1498
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1497
|
+
MECXDynamicDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicDirective, deps: [{ token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ViewContainerRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
1498
|
+
MECXDynamicDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: MECXDynamicDirective, selector: "[MECXDynamic]", inputs: { field: "field", form: "form", formErrors: "formErrors", self: "self", plusValidations: "plusValidations" }, usesOnChanges: true, ngImport: i0__namespace });
|
|
1499
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicDirective, decorators: [{
|
|
1499
1500
|
type: i0.Directive,
|
|
1500
1501
|
args: [{
|
|
1501
1502
|
selector: '[MECXDynamic]'
|
|
@@ -1547,9 +1548,9 @@
|
|
|
1547
1548
|
};
|
|
1548
1549
|
return MECXDynamicFormComponent;
|
|
1549
1550
|
}(BaseDynamic));
|
|
1550
|
-
MECXDynamicFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1551
|
-
MECXDynamicFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1552
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1551
|
+
MECXDynamicFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicFormComponent, deps: [{ token: i1__namespace.FormBuilder }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1552
|
+
MECXDynamicFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: MECXDynamicFormComponent, selector: "mecx-dynamic-form", usesInheritance: true, ngImport: i0__namespace, template: "<form name=\"form\" [formGroup]=\"_form\" *ngIf=\"_form\">\n <div class=\"row\">\n <div *ngFor=\"let field of fields;\" MECXDynamic [field]=\"field\" [form]=\"_form\" [self]=\"self\"\n [formErrors]=\"__monkeyecxFormErrors\" [style.display]=\"'none'\">\n </div>\n </div>\n</form>", directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: MECXDynamicDirective, selector: "[MECXDynamic]", inputs: ["field", "form", "formErrors", "self", "plusValidations"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1553
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicFormComponent, decorators: [{
|
|
1553
1554
|
type: i0.Component,
|
|
1554
1555
|
args: [{
|
|
1555
1556
|
selector: 'mecx-dynamic-form',
|
|
@@ -1591,7 +1592,7 @@
|
|
|
1591
1592
|
if (this.formValues) {
|
|
1592
1593
|
this.__monkeyecxFormErrors = [this.formValues.length];
|
|
1593
1594
|
this.formValues.controls.forEach(function (item, index) {
|
|
1594
|
-
if (item instanceof i1$
|
|
1595
|
+
if (item instanceof i1$2.FormGroup) {
|
|
1595
1596
|
if (!_this.validateForm(item, index)) {
|
|
1596
1597
|
hasErrors = true;
|
|
1597
1598
|
}
|
|
@@ -1618,9 +1619,9 @@
|
|
|
1618
1619
|
};
|
|
1619
1620
|
return MECXDynamicFormArrayComponent;
|
|
1620
1621
|
}(BaseDynamicArray));
|
|
1621
|
-
MECXDynamicFormArrayComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1622
|
-
MECXDynamicFormArrayComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1623
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1622
|
+
MECXDynamicFormArrayComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicFormArrayComponent, deps: [{ token: i1__namespace.FormBuilder }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1623
|
+
MECXDynamicFormArrayComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: MECXDynamicFormArrayComponent, selector: "mecx-dynamic-form-array", usesInheritance: true, ngImport: i0__namespace, template: "<form name=\"form\" [formGroup]=\"_form\" *ngIf=\"_form\">\n <div formArrayName=\"fields\">\n <div *ngFor=\"let item of formValues.controls; let indForm=index\" [formGroupName]=\"indForm\">\n <monkey-button type=\"secondary\" color=\"error\" icon=\"close-20\" iconPosition=\"right\"\n [label]=\"'BUTTONS.REMOVE' | translate\" (click)=\"onHandleRemove(indForm)\"\n *ngIf=\"formValues.controls.length > 1 && !disabled\">\n </monkey-button>\n <div class=\"row mt-3\">\n <div *ngFor=\"let field of fields;\" MECXDynamic [field]=\"field\" [form]=\"item\" [self]=\"self\"\n [formErrors]=\"__monkeyecxFormErrors[indForm]\"\n [plusValidations]=\"_plusValidations[indForm]\" [style.display]=\"'none'\">\n </div>\n </div>\n </div>\n </div>\n</form>\n<monkey-button type=\"secondary\" color=\"theme\" icon=\"more-20\" iconPosition=\"right\"\n [label]=\"'BUTTONS.ADD' | translate\" (click)=\"onHandleAdd()\" *ngIf=\"!disabled\">\n</monkey-button>", styles: ["mecx-dynamic-form-array monkey-button{width:100%}mecx-dynamic-form-array monkey-button button{width:100%;height:40px}\n"], components: [{ type: i1__namespace$1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1__namespace.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: MECXDynamicDirective, selector: "[MECXDynamic]", inputs: ["field", "form", "formErrors", "self", "plusValidations"] }], pipes: { "translate": i4__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1624
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicFormArrayComponent, decorators: [{
|
|
1624
1625
|
type: i0.Component,
|
|
1625
1626
|
args: [{
|
|
1626
1627
|
selector: 'mecx-dynamic-form-array',
|
|
@@ -1635,8 +1636,8 @@
|
|
|
1635
1636
|
}
|
|
1636
1637
|
return MECXDynamicModule;
|
|
1637
1638
|
}());
|
|
1638
|
-
MECXDynamicModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1639
|
-
MECXDynamicModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1639
|
+
MECXDynamicModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1640
|
+
MECXDynamicModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicModule, declarations: [MECXDynamicButtonComponent,
|
|
1640
1641
|
MECXDynamicFileUploadComponent,
|
|
1641
1642
|
MECXDynamicFormComponent,
|
|
1642
1643
|
MECXDynamicFormArrayComponent,
|
|
@@ -1645,20 +1646,20 @@
|
|
|
1645
1646
|
MECXDynamicRadioComponent,
|
|
1646
1647
|
MECXDynamicSelectComponent,
|
|
1647
1648
|
MECXDynamicSelectSearchComponent,
|
|
1648
|
-
MECXDynamicDirective], imports: [i3
|
|
1649
|
-
i1$
|
|
1650
|
-
i1$
|
|
1649
|
+
MECXDynamicDirective], imports: [i3.CommonModule,
|
|
1650
|
+
i1$2.FormsModule,
|
|
1651
|
+
i1$2.ReactiveFormsModule,
|
|
1651
1652
|
i1.MonkeyInputModule,
|
|
1652
1653
|
i1.MonkeySelectModule,
|
|
1653
1654
|
i1.MonkeyRadioButtonModule,
|
|
1654
1655
|
i1.MonkeyOptionModule,
|
|
1655
1656
|
i1.MonkeyFileUploadModule,
|
|
1656
1657
|
i1.MonkeyButtonModule,
|
|
1657
|
-
i1.MonkeyInputPhoneModule,
|
|
1658
|
-
MECXDynamicModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1659
|
-
i3
|
|
1660
|
-
i1$
|
|
1661
|
-
i1$
|
|
1658
|
+
i1.MonkeyInputPhoneModule, i4__namespace.TranslateModule], exports: [MECXDynamicDirective, MECXDynamicFormComponent, MECXDynamicFormArrayComponent] });
|
|
1659
|
+
MECXDynamicModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicModule, imports: [[
|
|
1660
|
+
i3.CommonModule,
|
|
1661
|
+
i1$2.FormsModule,
|
|
1662
|
+
i1$2.ReactiveFormsModule,
|
|
1662
1663
|
i1.MonkeyInputModule,
|
|
1663
1664
|
i1.MonkeySelectModule,
|
|
1664
1665
|
i1.MonkeyRadioButtonModule,
|
|
@@ -1666,9 +1667,9 @@
|
|
|
1666
1667
|
i1.MonkeyFileUploadModule,
|
|
1667
1668
|
i1.MonkeyButtonModule,
|
|
1668
1669
|
i1.MonkeyInputPhoneModule,
|
|
1669
|
-
|
|
1670
|
+
i4.TranslateModule.forChild()
|
|
1670
1671
|
]] });
|
|
1671
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1672
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicModule, decorators: [{
|
|
1672
1673
|
type: i0.NgModule,
|
|
1673
1674
|
args: [{
|
|
1674
1675
|
declarations: [
|
|
@@ -1684,9 +1685,9 @@
|
|
|
1684
1685
|
MECXDynamicDirective
|
|
1685
1686
|
],
|
|
1686
1687
|
imports: [
|
|
1687
|
-
i3
|
|
1688
|
-
i1$
|
|
1689
|
-
i1$
|
|
1688
|
+
i3.CommonModule,
|
|
1689
|
+
i1$2.FormsModule,
|
|
1690
|
+
i1$2.ReactiveFormsModule,
|
|
1690
1691
|
i1.MonkeyInputModule,
|
|
1691
1692
|
i1.MonkeySelectModule,
|
|
1692
1693
|
i1.MonkeyRadioButtonModule,
|
|
@@ -1694,13 +1695,147 @@
|
|
|
1694
1695
|
i1.MonkeyFileUploadModule,
|
|
1695
1696
|
i1.MonkeyButtonModule,
|
|
1696
1697
|
i1.MonkeyInputPhoneModule,
|
|
1697
|
-
|
|
1698
|
+
i4.TranslateModule.forChild()
|
|
1698
1699
|
],
|
|
1699
1700
|
exports: [MECXDynamicDirective, MECXDynamicFormComponent, MECXDynamicFormArrayComponent],
|
|
1700
1701
|
entryComponents: [MECXDynamicInputComponent]
|
|
1701
1702
|
}]
|
|
1702
1703
|
}] });
|
|
1703
1704
|
|
|
1705
|
+
var MECXPasswordStrengthComponent = /** @class */ (function () {
|
|
1706
|
+
function MECXPasswordStrengthComponent(configService) {
|
|
1707
|
+
this.configService = configService;
|
|
1708
|
+
this.onHandleSubmitReady = new i0.EventEmitter();
|
|
1709
|
+
this._validatorsPasswordPass = [];
|
|
1710
|
+
this._stepPassword = null;
|
|
1711
|
+
this.validatorsPassword = new Map();
|
|
1712
|
+
// not do
|
|
1713
|
+
}
|
|
1714
|
+
MECXPasswordStrengthComponent.prototype.handleColor = function (score) {
|
|
1715
|
+
var idx = 0;
|
|
1716
|
+
if (score > 50)
|
|
1717
|
+
idx = 1;
|
|
1718
|
+
if (score === 100)
|
|
1719
|
+
idx = 2;
|
|
1720
|
+
this._stepPassword = idx;
|
|
1721
|
+
};
|
|
1722
|
+
MECXPasswordStrengthComponent.prototype.passwordStrengthValidator = function (pass) {
|
|
1723
|
+
var _this = this;
|
|
1724
|
+
this._validatorsPasswordPass = [];
|
|
1725
|
+
var score = 0;
|
|
1726
|
+
this.validatorsPassword.forEach(function (key, value) {
|
|
1727
|
+
_this._validatorsPasswordPass.push({
|
|
1728
|
+
regex: "" + value,
|
|
1729
|
+
validate: "" + key.VALIDATE === String(RegExp("" + key.REGEX).test(pass)),
|
|
1730
|
+
percent: 100 / _this.validatorsPassword.size
|
|
1731
|
+
});
|
|
1732
|
+
});
|
|
1733
|
+
this._validatorsPasswordPass.forEach(function (check) {
|
|
1734
|
+
if (check.validate) {
|
|
1735
|
+
score += check.percent;
|
|
1736
|
+
}
|
|
1737
|
+
});
|
|
1738
|
+
return Math.trunc(score);
|
|
1739
|
+
};
|
|
1740
|
+
MECXPasswordStrengthComponent.prototype.onHandleReady = function () {
|
|
1741
|
+
var _a;
|
|
1742
|
+
var validate = (_a = this._validatorsPasswordPass) === null || _a === void 0 ? void 0 : _a.find(function (_d) {
|
|
1743
|
+
var validate = _d.validate;
|
|
1744
|
+
return !validate;
|
|
1745
|
+
});
|
|
1746
|
+
this.onHandleSubmitReady.next(!validate);
|
|
1747
|
+
};
|
|
1748
|
+
MECXPasswordStrengthComponent.prototype.onHandleChages = function () {
|
|
1749
|
+
var password = this.passwordToCheck;
|
|
1750
|
+
this.handleColor(this.passwordStrengthValidator(password));
|
|
1751
|
+
this.onHandleReady();
|
|
1752
|
+
};
|
|
1753
|
+
MECXPasswordStrengthComponent.prototype.onHandlePasswordStrengthKeys = function (params) {
|
|
1754
|
+
var _this = this;
|
|
1755
|
+
var _a, _b, _c;
|
|
1756
|
+
var ps = (_c = (_b = (_a = params === null || params === void 0 ? void 0 : params.program) === null || _a === void 0 ? void 0 : _a.screens) === null || _b === void 0 ? void 0 : _b.login) === null || _c === void 0 ? void 0 : _c.passwordStrength;
|
|
1757
|
+
if (ps) {
|
|
1758
|
+
Object.entries(ps)
|
|
1759
|
+
.forEach(function (_d) {
|
|
1760
|
+
var _e = __read(_d, 2), key = _e[0], value = _e[1];
|
|
1761
|
+
if (i1$1.MonkeyEcxUtils.persistNullEmptyUndefined(value)) {
|
|
1762
|
+
_this.validatorsPassword.set(key, value);
|
|
1763
|
+
}
|
|
1764
|
+
});
|
|
1765
|
+
this.onHandleChages();
|
|
1766
|
+
}
|
|
1767
|
+
};
|
|
1768
|
+
MECXPasswordStrengthComponent.prototype.ngOnInit = function () {
|
|
1769
|
+
var _this = this;
|
|
1770
|
+
this.configService.config().subscribe(function (_) {
|
|
1771
|
+
_this.onHandlePasswordStrengthKeys(_);
|
|
1772
|
+
});
|
|
1773
|
+
};
|
|
1774
|
+
MECXPasswordStrengthComponent.prototype.ngOnChanges = function () {
|
|
1775
|
+
this.onHandleChages();
|
|
1776
|
+
};
|
|
1777
|
+
return MECXPasswordStrengthComponent;
|
|
1778
|
+
}());
|
|
1779
|
+
MECXPasswordStrengthComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXPasswordStrengthComponent, deps: [{ token: i1__namespace$2.MonkeyEcxConfigService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1780
|
+
MECXPasswordStrengthComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: MECXPasswordStrengthComponent, selector: "mecx-password-strength", inputs: { passwordToCheck: "passwordToCheck" }, outputs: { onHandleSubmitReady: "onHandleSubmitReady" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"_validatorsPasswordPass?.length\">\n <div id=\"strength\" class=\"d-flex full-width flex-column justify-content-center align-items-center\"\n #strength>\n <div id=\"strengthBar\" class=\"strength-bar d-flex full-width flex-row\">\n <div class=\"d-flex full-width align-items-center\">\n <div class=\"bar-label\">\n <small>{{ 'SCREENS.LOGIN.REGISTER.PASSWORD-STRENGTH.TITLE' | translate }}</small>\n </div>\n </div>\n <div class=\"d-flex full-width align-items-center flex-column\">\n <div class=\"point\" [class.error]=\"_stepPassword === 0\" [class.warning]=\"_stepPassword === 1\"\n [class.success]=\"_stepPassword === 2\">\n </div>\n <ng-container *ngIf=\"_stepPassword === 0\">\n <ng-container *ngTemplateOutlet=\"stepPasswordLabel\"></ng-container>\n </ng-container>\n </div>\n <div class=\"d-flex full-width align-items-center flex-column\">\n <div class=\"point\" [class.warning]=\"_stepPassword === 1\"\n [class.success]=\"_stepPassword === 2\"></div>\n <ng-container *ngIf=\"_stepPassword === 1\">\n <ng-container *ngTemplateOutlet=\"stepPasswordLabel\"></ng-container>\n </ng-container>\n </div>\n <div class=\"d-flex full-width align-items-center flex-column\">\n <div class=\"point\" [class.success]=\"_stepPassword === 2\"></div>\n <ng-container *ngIf=\"_stepPassword === 2\">\n <ng-container *ngTemplateOutlet=\"stepPasswordLabel\"></ng-container>\n </ng-container>\n </div>\n </div>\n </div>\n <div class=\"callbacks mt-2 row\">\n <div class=\"col-sm-6 mt-2 d-flex justify-content-start\"\n *ngFor=\"let validators of _validatorsPasswordPass\">\n <monkey-icon *ngIf=\"validators.validate\" icon=\"check-circle-20\"></monkey-icon>\n <monkey-icon *ngIf=\"!validators.validate\" icon=\"error-20\"></monkey-icon>\n <span class=\"ml-2\">\n {{ 'SCREENS.LOGIN.REGISTER.PASSWORD-STRENGTH.TYPES.' + validators.regex | translate }}\n </span>\n </div>\n </div>\n</ng-container>\n<ng-template #stepPasswordLabel>\n <div class=\"name-point mt-1\" [class.error]=\"_stepPassword === 0\"\n [class.warning]=\"_stepPassword === 1\" [class.success]=\"_stepPassword === 2\">\n {{ 'SCREENS.LOGIN.REGISTER.PASSWORD-STRENGTH.LABELS.' + _stepPassword | translate }}\n </div>\n</ng-template>", styles: ["mecx-password-strength{margin-bottom:8px}mecx-password-strength .strength-bar{display:inline;list-style:none;padding:0;vertical-align:2px;grid-gap:.5rem;gap:.5rem}mecx-password-strength .strength-bar .bar-label{font-style:normal;font-weight:normal;font-size:14px;line-height:16px;color:#4b4a53}mecx-password-strength .strength-bar .point:last-child{margin:0}mecx-password-strength .callbacks{font-style:normal;font-weight:normal;font-size:14px;line-height:16px;color:#72717e}mecx-password-strength .point{background:#ebebeb;border-radius:8px;display:inline-block;height:8px;margin-right:4px;width:100%}mecx-password-strength .point.success{background:var(--mecx-color-success-main)}mecx-password-strength .point.warning{background:var(--mecx-color-warning-main)}mecx-password-strength .point.error{background:var(--mecx-color-error-main)}mecx-password-strength .name-point.success{color:var(--mecx-color-success-main)}mecx-password-strength .name-point.warning{color:var(--mecx-color-warning-main)}mecx-password-strength .name-point.error{color:var(--mecx-color-error-main)}\n"], components: [{ type: i1__namespace$1.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i4__namespace.TranslatePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1781
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXPasswordStrengthComponent, decorators: [{
|
|
1782
|
+
type: i0.Component,
|
|
1783
|
+
args: [{
|
|
1784
|
+
selector: 'mecx-password-strength',
|
|
1785
|
+
templateUrl: './password-strength.component.html',
|
|
1786
|
+
styleUrls: ['./password-strength.component.scss'],
|
|
1787
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
1788
|
+
}]
|
|
1789
|
+
}], ctorParameters: function () { return [{ type: i1__namespace$2.MonkeyEcxConfigService }]; }, propDecorators: { passwordToCheck: [{
|
|
1790
|
+
type: i0.Input
|
|
1791
|
+
}], onHandleSubmitReady: [{
|
|
1792
|
+
type: i0.Output
|
|
1793
|
+
}] } });
|
|
1794
|
+
|
|
1795
|
+
var MECXPasswordStrengthModule = /** @class */ (function () {
|
|
1796
|
+
function MECXPasswordStrengthModule() {
|
|
1797
|
+
}
|
|
1798
|
+
return MECXPasswordStrengthModule;
|
|
1799
|
+
}());
|
|
1800
|
+
MECXPasswordStrengthModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXPasswordStrengthModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1801
|
+
MECXPasswordStrengthModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXPasswordStrengthModule, declarations: [MECXPasswordStrengthComponent], imports: [i3.CommonModule,
|
|
1802
|
+
i1$2.FormsModule,
|
|
1803
|
+
i1$2.ReactiveFormsModule,
|
|
1804
|
+
i1$1.MonkeyEcxPipesModule,
|
|
1805
|
+
i1$1.MonkeyEcxDirectivesModule,
|
|
1806
|
+
i1.MonkeyButtonModule,
|
|
1807
|
+
i1.MonkeyInputModule,
|
|
1808
|
+
i1.MonkeyIconModule, i4__namespace.TranslateModule], exports: [MECXPasswordStrengthComponent] });
|
|
1809
|
+
MECXPasswordStrengthModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXPasswordStrengthModule, imports: [[
|
|
1810
|
+
i3.CommonModule,
|
|
1811
|
+
i1$2.FormsModule,
|
|
1812
|
+
i1$2.ReactiveFormsModule,
|
|
1813
|
+
i1$1.MonkeyEcxPipesModule,
|
|
1814
|
+
i1$1.MonkeyEcxDirectivesModule,
|
|
1815
|
+
i1.MonkeyButtonModule,
|
|
1816
|
+
i1.MonkeyInputModule,
|
|
1817
|
+
i1.MonkeyIconModule,
|
|
1818
|
+
i4.TranslateModule.forChild()
|
|
1819
|
+
]] });
|
|
1820
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXPasswordStrengthModule, decorators: [{
|
|
1821
|
+
type: i0.NgModule,
|
|
1822
|
+
args: [{
|
|
1823
|
+
declarations: [MECXPasswordStrengthComponent],
|
|
1824
|
+
imports: [
|
|
1825
|
+
i3.CommonModule,
|
|
1826
|
+
i1$2.FormsModule,
|
|
1827
|
+
i1$2.ReactiveFormsModule,
|
|
1828
|
+
i1$1.MonkeyEcxPipesModule,
|
|
1829
|
+
i1$1.MonkeyEcxDirectivesModule,
|
|
1830
|
+
i1.MonkeyButtonModule,
|
|
1831
|
+
i1.MonkeyInputModule,
|
|
1832
|
+
i1.MonkeyIconModule,
|
|
1833
|
+
i4.TranslateModule.forChild()
|
|
1834
|
+
],
|
|
1835
|
+
exports: [MECXPasswordStrengthComponent]
|
|
1836
|
+
}]
|
|
1837
|
+
}] });
|
|
1838
|
+
|
|
1704
1839
|
/*
|
|
1705
1840
|
* Public API Surface of monkey-front-components
|
|
1706
1841
|
*/
|
|
@@ -1721,6 +1856,8 @@
|
|
|
1721
1856
|
exports.MECXDynamicModule = MECXDynamicModule;
|
|
1722
1857
|
exports.MECXDynamicRadioComponent = MECXDynamicRadioComponent;
|
|
1723
1858
|
exports.MECXDynamicSelectComponent = MECXDynamicSelectComponent;
|
|
1859
|
+
exports.MECXPasswordStrengthComponent = MECXPasswordStrengthComponent;
|
|
1860
|
+
exports.MECXPasswordStrengthModule = MECXPasswordStrengthModule;
|
|
1724
1861
|
exports.validators = validators;
|
|
1725
1862
|
|
|
1726
1863
|
Object.defineProperty(exports, '__esModule', { value: true });
|