monkey-front-components 0.0.116 → 0.0.120

package/bundles/monkey-front-components.umd.js

@@ -734,14 +734,17 @@
             };
             return _this;
         }
-        BaseDynamicArray.prototype.makeInternalPlusValidation = function (data, sourceField, settings, rowIndex) {
-            var _this = this;
-            var operator = settings.operator, value = settings.value;
+        BaseDynamicArray.prototype.handleInternalPlusValidation = function (mainField, data) {
+            var operator = mainField.operator, value = mainField.value;
             var validators = {
                 e: function (val1, val2) { return val1 === val2; },
                 lt: function (val1, val2) { return val1 < val2; },
                 gt: function (val1, val2) { return val1 > val2; }
             };
+            return validators[operator](data, value);
+        };
+        BaseDynamicArray.prototype.makeInternalPlusValidation = function (data, sourceField, settings, rowIndex) {
+            var _this = this;
             var changeFields = function (show) {
                 var saved = __spreadArray([], __read(_this.fields));
                 saved.map(function (val) {
@@ -759,7 +762,7 @@
                     return null;
                 });
             };
-            var validated = validators[operator](data, value);
+            var validated = this.handleInternalPlusValidation(settings, data);
             changeFields(validated);
         };
         BaseDynamicArray.prototype.createOneControl = function (fieldName, ctrl, create) {
@@ -789,7 +792,7 @@
                 }
             });
         };
-        BaseDynamicArray.prototype.createControl = function () {
+        BaseDynamicArray.prototype.createControl = function (data) {
             var _this = this;
             var fields = this.fields;
             if (!fields)
@@ -799,7 +802,13 @@
             fields.forEach(function (field) {
                 var fieldType = field.fieldType, validations = field.validations, name = field.name, disabled = field.disabled, alwaysShow = field.alwaysShow;
                 var value = field.value;
-                if (fieldType === 'button' || !alwaysShow)
+                if (field.alwaysShowPlusValidation) {
+                    if (_this.handleInternalPlusValidation(field.alwaysShowPlusValidation, data))
+                        return;
+                }
+                else if (!alwaysShow)
+                    return;
+                if (fieldType === 'button')
                     return;
                 if (fieldType === 'radiobutton' || fieldType === 'checkbox' || fieldType === 'select') {
                     value = '';
@@ -873,6 +882,7 @@
                     .map(function (_, index) {
                     var form = _this.createControl();
                     if (data && data[index]) {
+                        form = _this.createControl(data[index]);
                         var handledData = data[index];
                         Object.entries(handledData).forEach(function (_b) {
                             var _c = __read(_b, 2), key = _c[0], value = _c[1];
@@ -935,6 +945,8 @@
             this._formErrors = {};
             this._function = function (file, callback) {
                 var _a, _b, _c, _d;
+                if (_this._form.disable)
+                    return;
                 if (!((_b = (_a = _this._field) === null || _a === void 0 ? void 0 : _a.functions) === null || _b === void 0 ? void 0 : _b.onHandleUpload)) {
                     console.error('onHandleUpload not declared');
                     return;
@@ -1076,7 +1088,7 @@
         return MECXDynamicInputComponent;
     }());
     MECXDynamicInputComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: MECXDynamicInputComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MECXDynamicInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", 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\n  errorMessage=\"{{ _formErrors[_field?.name]?.firstMessage | translate }} {{ _formErrors[_field?.name]?.lastMessage }}\"\n  [mask]=\"_field?.mask\" [prefix]=\"_field?.prefix\" [name]=\"_field?.name\"\n  [formControl]=\"_form.controls[_field?.name]\" [placeholder]=\"_field?.placeholder | translate\"\n  [helperMessage]=\"_field?.helperMessage | translate\" [label]=\"_field?.label | translate\"\n  [type]=\"_field?.type\" #inputElement (onChange)=\"onChange($event)\"\n  [onlyNumber]=\"_field?.onlyNumber\" [currency]=\"_field?.currency\" [maxLength]=\"_field?.maxLength\"\n  [maxDateToday]=\"_field?.maxDateToday\">\n</monkey-input>", components: [{ type: i1__namespace$1.MonkeyInputComponent, selector: "monkey-input", inputs: ["name", "helperMessage", "placeholder", "maxLength", "maxDateToday", "value", "type", "label", "icon", "infoMessage", "errorMessage", "mask", "prefix", "onlyNumber", "onlyAlphaNumeric", "upperCase", "lowerCase", "capitalize", "currency"], 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 });
+    MECXDynamicInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", 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\n  errorMessage=\"{{ _formErrors[_field?.name]?.firstMessage | translate }} {{ _formErrors[_field?.name]?.lastMessage }}\"\n  [mask]=\"_field?.mask\" [prefix]=\"_field?.prefix\" [name]=\"_field?.name\"\n  [formControl]=\"_form.controls[_field?.name]\" [placeholder]=\"_field?.placeholder | translate\"\n  [helperMessage]=\"_field?.helperMessage | translate\" [label]=\"_field?.label | translate\"\n  [type]=\"_field?.type\" #inputElement (onChange)=\"onChange($event)\"\n  [onlyNumber]=\"_field?.onlyNumber\" [currency]=\"_field?.currency\" [maxLength]=\"_field?.maxLength\"\n  [maxDateToday]=\"_field?.maxDateToday\">\n</monkey-input>", components: [{ type: i1__namespace$1.MonkeyInputComponent, selector: "monkey-input", inputs: ["name", "helperMessage", "placeholder", "maxLength", "maxDateToday", "value", "type", "label", "icon", "infoMessage", "errorMessage", "mask", "prefix", "onlyNumber", "onlyAlphaNumeric", "upperCase", "lowerCase", "capitalize", "currency", "percent"], 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 });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: MECXDynamicInputComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1155,15 +1167,24 @@
             var _this = this;
             var _a, _b;
             var _c = this, _form = _c._form, _field = _c._field, self = _c.self;
+            console.log('1');
+            if (_form.disable)
+                return;
+            console.log('2');
             var name = _field.name;
+            console.log('3');
             if ((_a = _field === null || _field === void 0 ? void 0 : _field.value) === null || _a === void 0 ? void 0 : _a.length)
                 return;
+            console.log('4');
             var _d = (_b = _field === null || _field === void 0 ? void 0 : _field.functions) === null || _b === void 0 ? void 0 : _b.onHandleGenericLoad, func = _d.func, url = _d.url;
+            console.log('5');
             if (!func || !self[func]) {
                 console.error('onHandleGenericLoad not declared');
                 return;
             }
+            console.log('6');
             _form.disable();
+            console.log('7');
             self[func]({
                 name: name,
                 url: url,
@@ -1195,7 +1216,7 @@
         return MECXDynamicSelectComponent;
     }());
     MECXDynamicSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: MECXDynamicSelectComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MECXDynamicSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: MECXDynamicSelectComponent, selector: "mecx-dynamic-select", inputs: { _field: "_field", _form: "_form", _formErrors: "_formErrors", self: "self" }, host: { properties: { "class": "this.className" } }, ngImport: i0__namespace, template: "<!--<ng-container *ngIf=\"_field?.value?.length; else noValues\">\n  <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\" #select  (click)=\"onHandleGenericLoad(select)\">\n    <monkey-option *ngFor=\"let value of _field?.value\" [label]=\"value.description | translate\"\n      [value]=\"value.value\">\n    </monkey-option>\n  </monkey-select>\n</ng-container>\n<ng-template #noValues>\n  <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]=\"'Clique para carregar'\" (click)=\"onHandleGenericLoad(select)\">\n  </monkey-select>\n</ng-template>-->\n\n<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  <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: ["labelSelect", "onHandleOptions", "value", "label", "helperMessage", "placeholder", "icon", "infoMessage", "errorMessage"], outputs: ["onChange"] }, { type: i1__namespace$1.MonkeyOptionComponent, selector: "monkey-option", inputs: ["type", "enableClick", "label", "value", "selectAll", "selected"], 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 });
+    MECXDynamicSelectComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", 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  <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: ["labelSelect", "onHandleOptions", "value", "label", "helperMessage", "placeholder", "icon", "infoMessage", "errorMessage"], outputs: ["onChange"] }, { type: i1__namespace$1.MonkeyOptionComponent, selector: "monkey-option", inputs: ["type", "enableClick", "label", "value", "selectAll", "selected"], 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 });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: MECXDynamicSelectComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1234,6 +1255,8 @@
             var _this = this;
             var _a, _b;
             var _c = this, _form = _c._form, _field = _c._field, self = _c.self;
+            if (_form.disable)
+                return;
             var name = _field.name;
             if ((_a = _field === null || _field === void 0 ? void 0 : _field.value) === null || _a === void 0 ? void 0 : _a.length)
                 return;
@@ -1287,16 +1310,17 @@
         button: MECXDynamicButtonComponent
     };
     var MECXDynamicDirective = /** @class */ (function () {
-        function MECXDynamicDirective(resolver, container) {
+        function MECXDynamicDirective(resolver, container, cdr) {
             this.resolver = resolver;
             this.container = container;
+            this.cdr = cdr;
             // not to do
         }
         MECXDynamicDirective.prototype.handleInternalPlusValidation = function () {
             var _a, _b;
             if (!((_a = this.field) === null || _a === void 0 ? void 0 : _a.alwaysShowPlusValidation))
                 return false;
-            var _c = (_b = this.field) === null || _b === void 0 ? void 0 : _b.alwaysShowPlusValidation, operator = _c.operator, value = _c.value, field = _c.field;
+            var _d = (_b = this.field) === null || _b === void 0 ? void 0 : _b.alwaysShowPlusValidation, operator = _d.operator, value = _d.value, field = _d.field;
             var validators = {
                 e: function (val1, val2) { return val1 === val2; },
                 lt: function (val1, val2) { return val1 < val2; },
@@ -1323,34 +1347,38 @@
             this.buildComponent();
         };
         MECXDynamicDirective.prototype.ngOnChanges = function () {
-            var _a, _b;
+            var _this = this;
+            var _a, _b, _c;
             if (this.plusValidations && this.plusValidations[this.field.name]) {
                 if (!this.field.alwaysShow && this.plusValidations[this.field.name].alwaysShow) {
-                    this.buildComponent();
-                    this.form.controls[this.field.name].setValue(null);
+                    (_a = this.form.controls[this.field.name]) === null || _a === void 0 ? void 0 : _a.setValue(null);
+                    setTimeout(function () {
+                        _this.buildComponent();
+                        _this.cdr.detectChanges();
+                    }, 1);
                     return;
                 }
-                if ((_a = this.componentRef) === null || _a === void 0 ? void 0 : _a.instance) {
+                if ((_b = this.componentRef) === null || _b === void 0 ? void 0 : _b.instance) {
                     this.componentRef.destroy();
                     this.componentRef = null;
                     this.form.controls[this.field.name].setValue(null);
                     this.form.controls[this.field.name].clearValidators();
                 }
             }
-            if (!((_b = this.componentRef) === null || _b === void 0 ? void 0 : _b.instance))
+            if (!((_c = this.componentRef) === null || _c === void 0 ? void 0 : _c.instance))
                 return;
             this.componentRef.instance._formErrors = this.formErrors || {};
         };
         return MECXDynamicDirective;
     }());
-    MECXDynamicDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: MECXDynamicDirective, deps: [{ token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    MECXDynamicDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: MECXDynamicDirective, deps: [{ token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ViewContainerRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
     MECXDynamicDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.4", type: MECXDynamicDirective, selector: "[MECXDynamic]", inputs: { field: "field", form: "form", formErrors: "formErrors", self: "self", plusValidations: "plusValidations" }, usesOnChanges: true, ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: MECXDynamicDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[MECXDynamic]'
                     }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ViewContainerRef }]; }, propDecorators: { field: [{
+            }], ctorParameters: function () { return [{ type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { field: [{
                     type: i0.Input
                 }], form: [{
                     type: i0.Input