monkey-front-components 0.0.413 → 0.0.415

package/esm2020/lib/components/dynamic/form/dynamic-form-array.component.mjs

@@ -1,72 +1,72 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { BaseDynamicArray } from '../../base';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "monkey-style-guide";
-import * as i3 from "@angular/common";
-import * as i4 from "../dynamic-directive";
-import * as i5 from "@ngx-translate/core";
-export class MECXDynamicFormArrayComponent extends BaseDynamicArray {
-    constructor(fb, cdr) {
-        super(fb);
-        this.cdr = cdr;
-        this.unsubscribeAll = new Subject();
-        this.__monkeyecxFormErrors = [];
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.onHandleSubmit.pipe(takeUntil(this.unsubscribeAll)).subscribe((func) => {
-            this.onSubmit(func);
-        });
-    }
-    ngOnDestroy() {
-        this.unsubscribeAll.next();
-        this.unsubscribeAll.complete();
-    }
-    onSubmit(callback) {
-        const { _form } = this;
-        // eslint-disable-next-line object-curly-newline
-        this.__monkeyecxFormErrors = [];
-        let validate = {
-            isValid: false
-        };
-        let hasErrors = false;
-        if (this.formValues) {
-            this.__monkeyecxFormErrors = [this.formValues.length];
-            this.formValues.controls.forEach((item, index) => {
-                if (item instanceof FormGroup) {
-                    if (!this.validateForm(item, index)) {
-                        hasErrors = true;
-                    }
-                }
-            });
-        }
-        validate = {
-            isValid: !hasErrors
-        };
-        this.cdr.detectChanges();
-        this.onHandleSubmitFormReady.next({
-            validate,
-            callback,
-            form: _form
-        });
-    }
-    onHandleAdd() {
-        this.formValues?.push(this.formBase());
-        this.cdr.detectChanges();
-    }
-    onHandleRemove(index) {
-        this.formValues?.removeAt(index);
-        this._plusValidations.splice(index, 1);
-    }
-}
-MECXDynamicFormArrayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MECXDynamicFormArrayComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MECXDynamicFormArrayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MECXDynamicFormArrayComponent, selector: "mecx-dynamic-form-array", usesInheritance: true, ngImport: i0, 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: i2.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i4.MECXDynamicDirective, selector: "[MECXDynamic]", inputs: ["field", "form", "formErrors", "self", "plusValidations"] }], pipes: { "translate": i5.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MECXDynamicFormArrayComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mecx-dynamic-form-array', encapsulation: ViewEncapsulation.None, 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"] }]
-        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i0.ChangeDetectorRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLWFycmF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1mcm9udC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljL2Zvcm0vZHluYW1pYy1mb3JtLWFycmF5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1mcm9udC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljL2Zvcm0vZHluYW1pYy1mb3JtLWFycmF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsaUJBQWlCLEVBQWdDLE1BQU0sZUFBZSxDQUFDO0FBQ25HLE9BQU8sRUFBZSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxZQUFZLENBQUM7Ozs7Ozs7QUFROUMsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGdCQUFnQjtJQUdqRSxZQUFZLEVBQWUsRUFBVSxHQUFzQjtRQUN6RCxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7UUFEeUIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFGbkQsbUJBQWMsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO1FBSXJDLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELFFBQVE7UUFDTixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFakIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQWMsRUFBRSxFQUFFO1lBQ3BGLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsUUFBUSxDQUFDLFFBQWtCO1FBQ3pCLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLENBQUM7UUFDdkIsZ0RBQWdEO1FBQ2hELElBQUksQ0FBQyxxQkFBcUIsR0FBRyxFQUFFLENBQUM7UUFFaEMsSUFBSSxRQUFRLEdBQUc7WUFDYixPQUFPLEVBQUUsS0FBSztTQUNmLENBQUM7UUFDRixJQUFJLFNBQVMsR0FBWSxLQUFLLENBQUM7UUFDL0IsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ25CLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDdEQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBUyxFQUFFLEtBQWEsRUFBRSxFQUFFO2dCQUM1RCxJQUFJLElBQUksWUFBWSxTQUFTLEVBQUU7b0JBQzdCLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsRUFBRTt3QkFDbkMsU0FBUyxHQUFHLElBQUksQ0FBQztxQkFDbEI7aUJBQ0Y7WUFDSCxDQUFDLENBQUMsQ0FBQztTQUNKO1FBQ0QsUUFBUSxHQUFHO1lBQ1QsT0FBTyxFQUFFLENBQUMsU0FBUztTQUNwQixDQUFDO1FBRUYsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUV6QixJQUFJLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDO1lBQ2hDLFFBQVE7WUFDUixRQUFRO1lBQ1IsSUFBSSxFQUFFLEtBQUs7U0FDWixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQVMsQ0FBQyxDQUFDO1FBQzlDLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFhO1FBQzFCLElBQUksQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7OzJIQTdEVSw2QkFBNkI7K0dBQTdCLDZCQUE2QixzRkNaMUMsbS9CQWtCZ0I7NEZETkgsNkJBQTZCO2tCQU56QyxTQUFTOytCQUNFLHlCQUF5QixpQkFHcEIsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiwgT25EZXN0cm95LCBDaGFuZ2VEZXRlY3RvclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IEJhc2VEeW5hbWljQXJyYXkgfSBmcm9tICcuLi8uLi9iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWVjeC1keW5hbWljLWZvcm0tYXJyYXknLFxuICB0ZW1wbGF0ZVVybDogJy4vZHluYW1pYy1mb3JtLWFycmF5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHluYW1pYy1mb3JtLWFycmF5LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgTUVDWER5bmFtaWNGb3JtQXJyYXlDb21wb25lbnQgZXh0ZW5kcyBCYXNlRHluYW1pY0FycmF5IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBwcml2YXRlIHVuc3Vic2NyaWJlQWxsID0gbmV3IFN1YmplY3QoKTtcblxuICBjb25zdHJ1Y3RvcihmYjogRm9ybUJ1aWxkZXIsIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHN1cGVyKGZiKTtcbiAgICB0aGlzLl9fbW9ua2V5ZWN4Rm9ybUVycm9ycyA9IFtdO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgc3VwZXIubmdPbkluaXQoKTtcblxuICAgIHRoaXMub25IYW5kbGVTdWJtaXQucGlwZSh0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZUFsbCkpLnN1YnNjcmliZSgoZnVuYzogRnVuY3Rpb24pID0+IHtcbiAgICAgIHRoaXMub25TdWJtaXQoZnVuYyk7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLnVuc3Vic2NyaWJlQWxsLm5leHQoKTtcbiAgICB0aGlzLnVuc3Vic2NyaWJlQWxsLmNvbXBsZXRlKCk7XG4gIH1cblxuICBvblN1Ym1pdChjYWxsYmFjazogRnVuY3Rpb24pIHtcbiAgICBjb25zdCB7IF9mb3JtIH0gPSB0aGlzO1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBvYmplY3QtY3VybHktbmV3bGluZVxuICAgIHRoaXMuX19tb25rZXllY3hGb3JtRXJyb3JzID0gW107XG5cbiAgICBsZXQgdmFsaWRhdGUgPSB7XG4gICAgICBpc1ZhbGlkOiBmYWxzZVxuICAgIH07XG4gICAgbGV0IGhhc0Vycm9yczogYm9vbGVhbiA9IGZhbHNlO1xuICAgIGlmICh0aGlzLmZvcm1WYWx1ZXMpIHtcbiAgICAgIHRoaXMuX19tb25rZXllY3hGb3JtRXJyb3JzID0gW3RoaXMuZm9ybVZhbHVlcy5sZW5ndGhdO1xuICAgICAgdGhpcy5mb3JtVmFsdWVzLmNvbnRyb2xzLmZvckVhY2goKGl0ZW06IGFueSwgaW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgICBpZiAoaXRlbSBpbnN0YW5jZW9mIEZvcm1Hcm91cCkge1xuICAgICAgICAgIGlmICghdGhpcy52YWxpZGF0ZUZvcm0oaXRlbSwgaW5kZXgpKSB7XG4gICAgICAgICAgICBoYXNFcnJvcnMgPSB0cnVlO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuICAgIHZhbGlkYXRlID0ge1xuICAgICAgaXNWYWxpZDogIWhhc0Vycm9yc1xuICAgIH07XG5cbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG5cbiAgICB0aGlzLm9uSGFuZGxlU3VibWl0Rm9ybVJlYWR5Lm5leHQoe1xuICAgICAgdmFsaWRhdGUsXG4gICAgICBjYWxsYmFjayxcbiAgICAgIGZvcm06IF9mb3JtXG4gICAgfSk7XG4gIH1cblxuICBvbkhhbmRsZUFkZCgpIHtcbiAgICB0aGlzLmZvcm1WYWx1ZXM/LnB1c2godGhpcy5mb3JtQmFzZSgpIGFzIGFueSk7XG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgb25IYW5kbGVSZW1vdmUoaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMuZm9ybVZhbHVlcz8ucmVtb3ZlQXQoaW5kZXgpO1xuICAgIHRoaXMuX3BsdXNWYWxpZGF0aW9ucy5zcGxpY2UoaW5kZXgsIDEpO1xuICB9XG59XG4iLCI8Zm9ybSBuYW1lPVwiZm9ybVwiIFtmb3JtR3JvdXBdPVwiX2Zvcm1cIiAqbmdJZj1cIl9mb3JtXCI+XG4gIDxkaXYgZm9ybUFycmF5TmFtZT1cImZpZWxkc1wiPlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZm9ybVZhbHVlcy5jb250cm9sczsgbGV0IGluZEZvcm09aW5kZXhcIiBbZm9ybUdyb3VwTmFtZV09XCJpbmRGb3JtXCI+XG4gICAgICA8bW9ua2V5LWJ1dHRvbiB0eXBlPVwic2Vjb25kYXJ5XCIgY29sb3I9XCJlcnJvclwiIGljb249XCJjbG9zZS0yMFwiIGljb25Qb3NpdGlvbj1cInJpZ2h0XCJcbiAgICAgICAgW2xhYmVsXT1cIidCVVRUT05TLlJFTU9WRScgfCB0cmFuc2xhdGVcIiAoY2xpY2spPVwib25IYW5kbGVSZW1vdmUoaW5kRm9ybSlcIlxuICAgICAgICAqbmdJZj1cImZvcm1WYWx1ZXMuY29udHJvbHMubGVuZ3RoID4gMSAmJiAhZGlzYWJsZWRcIj5cbiAgICAgIDwvbW9ua2V5LWJ1dHRvbj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3cgbXQtM1wiPlxuICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBmaWVsZCBvZiBmaWVsZHM7XCIgTUVDWER5bmFtaWMgW2ZpZWxkXT1cImZpZWxkXCIgW2Zvcm1dPVwiaXRlbVwiIFtzZWxmXT1cInNlbGZcIlxuICAgICAgICAgIFtmb3JtRXJyb3JzXT1cIl9fbW9ua2V5ZWN4Rm9ybUVycm9yc1tpbmRGb3JtXVwiXG4gICAgICAgICAgW3BsdXNWYWxpZGF0aW9uc109XCJfcGx1c1ZhbGlkYXRpb25zW2luZEZvcm1dXCIgW3N0eWxlLmRpc3BsYXldPVwiJ25vbmUnXCI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9mb3JtPlxuPG1vbmtleS1idXR0b24gdHlwZT1cInNlY29uZGFyeVwiIGNvbG9yPVwidGhlbWVcIiBpY29uPVwibW9yZS0yMFwiIGljb25Qb3NpdGlvbj1cInJpZ2h0XCJcbiAgW2xhYmVsXT1cIidCVVRUT05TLkFERCcgfCB0cmFuc2xhdGVcIiAoY2xpY2spPVwib25IYW5kbGVBZGQoKVwiICpuZ0lmPVwiIWRpc2FibGVkXCI+XG48L21vbmtleS1idXR0b24+Il19
+import { Component, ViewEncapsulation } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { BaseDynamicArray } from '../../base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "monkey-style-guide";
+import * as i3 from "@angular/common";
+import * as i4 from "../dynamic-directive";
+import * as i5 from "@ngx-translate/core";
+export class MECXDynamicFormArrayComponent extends BaseDynamicArray {
+    constructor(fb, cdr) {
+        super(fb);
+        this.cdr = cdr;
+        this.unsubscribeAll = new Subject();
+        this.__monkeyecxFormErrors = [];
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.onHandleSubmit.pipe(takeUntil(this.unsubscribeAll)).subscribe((func) => {
+            this.onSubmit(func);
+        });
+    }
+    ngOnDestroy() {
+        this.unsubscribeAll.next();
+        this.unsubscribeAll.complete();
+    }
+    onSubmit(callback) {
+        const { _form } = this;
+        // eslint-disable-next-line object-curly-newline
+        this.__monkeyecxFormErrors = [];
+        let validate = {
+            isValid: false
+        };
+        let hasErrors = false;
+        if (this.formValues) {
+            this.__monkeyecxFormErrors = [this.formValues.length];
+            this.formValues.controls.forEach((item, index) => {
+                if (item instanceof FormGroup) {
+                    if (!this.validateForm(item, index)) {
+                        hasErrors = true;
+                    }
+                }
+            });
+        }
+        validate = {
+            isValid: !hasErrors
+        };
+        this.cdr.detectChanges();
+        this.onHandleSubmitFormReady.next({
+            validate,
+            callback,
+            form: _form
+        });
+    }
+    onHandleAdd() {
+        this.formValues?.push(this.formBase());
+        this.cdr.detectChanges();
+    }
+    onHandleRemove(index) {
+        this.formValues?.removeAt(index);
+        this._plusValidations.splice(index, 1);
+    }
+}
+MECXDynamicFormArrayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXDynamicFormArrayComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MECXDynamicFormArrayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXDynamicFormArrayComponent, selector: "mecx-dynamic-form-array", usesInheritance: true, ngImport: i0, 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: i2.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i4.MECXDynamicDirective, selector: "[MECXDynamic]", inputs: ["field", "form", "formErrors", "self", "plusValidations"] }], pipes: { "translate": i5.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXDynamicFormArrayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mecx-dynamic-form-array', encapsulation: ViewEncapsulation.None, 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"] }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLWFycmF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1mcm9udC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljL2Zvcm0vZHluYW1pYy1mb3JtLWFycmF5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1mcm9udC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljL2Zvcm0vZHluYW1pYy1mb3JtLWFycmF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsaUJBQWlCLEVBQWdDLE1BQU0sZUFBZSxDQUFDO0FBQ25HLE9BQU8sRUFBZSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxZQUFZLENBQUM7Ozs7Ozs7QUFROUMsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGdCQUFnQjtJQUdqRSxZQUFZLEVBQWUsRUFBVSxHQUFzQjtRQUN6RCxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7UUFEeUIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFGbkQsbUJBQWMsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO1FBSXJDLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELFFBQVE7UUFDTixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFakIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLElBQWMsRUFBRSxFQUFFO1lBQ3BGLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsUUFBUSxDQUFDLFFBQWtCO1FBQ3pCLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLENBQUM7UUFDdkIsZ0RBQWdEO1FBQ2hELElBQUksQ0FBQyxxQkFBcUIsR0FBRyxFQUFFLENBQUM7UUFFaEMsSUFBSSxRQUFRLEdBQUc7WUFDYixPQUFPLEVBQUUsS0FBSztTQUNmLENBQUM7UUFDRixJQUFJLFNBQVMsR0FBWSxLQUFLLENBQUM7UUFDL0IsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ25CLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDdEQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBUyxFQUFFLEtBQWEsRUFBRSxFQUFFO2dCQUM1RCxJQUFJLElBQUksWUFBWSxTQUFTLEVBQUU7b0JBQzdCLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsRUFBRTt3QkFDbkMsU0FBUyxHQUFHLElBQUksQ0FBQztxQkFDbEI7aUJBQ0Y7WUFDSCxDQUFDLENBQUMsQ0FBQztTQUNKO1FBQ0QsUUFBUSxHQUFHO1lBQ1QsT0FBTyxFQUFFLENBQUMsU0FBUztTQUNwQixDQUFDO1FBRUYsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUV6QixJQUFJLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDO1lBQ2hDLFFBQVE7WUFDUixRQUFRO1lBQ1IsSUFBSSxFQUFFLEtBQUs7U0FDWixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQVMsQ0FBQyxDQUFDO1FBQzlDLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFhO1FBQzFCLElBQUksQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7OzBIQTdEVSw2QkFBNkI7OEdBQTdCLDZCQUE2QixzRkNaMUMsbS9CQWtCZ0I7MkZETkgsNkJBQTZCO2tCQU56QyxTQUFTOytCQUNFLHlCQUF5QixpQkFHcEIsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiwgT25EZXN0cm95LCBDaGFuZ2VEZXRlY3RvclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IEJhc2VEeW5hbWljQXJyYXkgfSBmcm9tICcuLi8uLi9iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWVjeC1keW5hbWljLWZvcm0tYXJyYXknLFxuICB0ZW1wbGF0ZVVybDogJy4vZHluYW1pYy1mb3JtLWFycmF5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHluYW1pYy1mb3JtLWFycmF5LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgTUVDWER5bmFtaWNGb3JtQXJyYXlDb21wb25lbnQgZXh0ZW5kcyBCYXNlRHluYW1pY0FycmF5IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBwcml2YXRlIHVuc3Vic2NyaWJlQWxsID0gbmV3IFN1YmplY3QoKTtcblxuICBjb25zdHJ1Y3RvcihmYjogRm9ybUJ1aWxkZXIsIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHN1cGVyKGZiKTtcbiAgICB0aGlzLl9fbW9ua2V5ZWN4Rm9ybUVycm9ycyA9IFtdO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgc3VwZXIubmdPbkluaXQoKTtcblxuICAgIHRoaXMub25IYW5kbGVTdWJtaXQucGlwZSh0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZUFsbCkpLnN1YnNjcmliZSgoZnVuYzogRnVuY3Rpb24pID0+IHtcbiAgICAgIHRoaXMub25TdWJtaXQoZnVuYyk7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLnVuc3Vic2NyaWJlQWxsLm5leHQoKTtcbiAgICB0aGlzLnVuc3Vic2NyaWJlQWxsLmNvbXBsZXRlKCk7XG4gIH1cblxuICBvblN1Ym1pdChjYWxsYmFjazogRnVuY3Rpb24pIHtcbiAgICBjb25zdCB7IF9mb3JtIH0gPSB0aGlzO1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBvYmplY3QtY3VybHktbmV3bGluZVxuICAgIHRoaXMuX19tb25rZXllY3hGb3JtRXJyb3JzID0gW107XG5cbiAgICBsZXQgdmFsaWRhdGUgPSB7XG4gICAgICBpc1ZhbGlkOiBmYWxzZVxuICAgIH07XG4gICAgbGV0IGhhc0Vycm9yczogYm9vbGVhbiA9IGZhbHNlO1xuICAgIGlmICh0aGlzLmZvcm1WYWx1ZXMpIHtcbiAgICAgIHRoaXMuX19tb25rZXllY3hGb3JtRXJyb3JzID0gW3RoaXMuZm9ybVZhbHVlcy5sZW5ndGhdO1xuICAgICAgdGhpcy5mb3JtVmFsdWVzLmNvbnRyb2xzLmZvckVhY2goKGl0ZW06IGFueSwgaW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgICBpZiAoaXRlbSBpbnN0YW5jZW9mIEZvcm1Hcm91cCkge1xuICAgICAgICAgIGlmICghdGhpcy52YWxpZGF0ZUZvcm0oaXRlbSwgaW5kZXgpKSB7XG4gICAgICAgICAgICBoYXNFcnJvcnMgPSB0cnVlO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuICAgIHZhbGlkYXRlID0ge1xuICAgICAgaXNWYWxpZDogIWhhc0Vycm9yc1xuICAgIH07XG5cbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG5cbiAgICB0aGlzLm9uSGFuZGxlU3VibWl0Rm9ybVJlYWR5Lm5leHQoe1xuICAgICAgdmFsaWRhdGUsXG4gICAgICBjYWxsYmFjayxcbiAgICAgIGZvcm06IF9mb3JtXG4gICAgfSk7XG4gIH1cblxuICBvbkhhbmRsZUFkZCgpIHtcbiAgICB0aGlzLmZvcm1WYWx1ZXM/LnB1c2godGhpcy5mb3JtQmFzZSgpIGFzIGFueSk7XG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgb25IYW5kbGVSZW1vdmUoaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMuZm9ybVZhbHVlcz8ucmVtb3ZlQXQoaW5kZXgpO1xuICAgIHRoaXMuX3BsdXNWYWxpZGF0aW9ucy5zcGxpY2UoaW5kZXgsIDEpO1xuICB9XG59XG4iLCI8Zm9ybSBuYW1lPVwiZm9ybVwiIFtmb3JtR3JvdXBdPVwiX2Zvcm1cIiAqbmdJZj1cIl9mb3JtXCI+XG4gIDxkaXYgZm9ybUFycmF5TmFtZT1cImZpZWxkc1wiPlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZm9ybVZhbHVlcy5jb250cm9sczsgbGV0IGluZEZvcm09aW5kZXhcIiBbZm9ybUdyb3VwTmFtZV09XCJpbmRGb3JtXCI+XG4gICAgICA8bW9ua2V5LWJ1dHRvbiB0eXBlPVwic2Vjb25kYXJ5XCIgY29sb3I9XCJlcnJvclwiIGljb249XCJjbG9zZS0yMFwiIGljb25Qb3NpdGlvbj1cInJpZ2h0XCJcbiAgICAgICAgW2xhYmVsXT1cIidCVVRUT05TLlJFTU9WRScgfCB0cmFuc2xhdGVcIiAoY2xpY2spPVwib25IYW5kbGVSZW1vdmUoaW5kRm9ybSlcIlxuICAgICAgICAqbmdJZj1cImZvcm1WYWx1ZXMuY29udHJvbHMubGVuZ3RoID4gMSAmJiAhZGlzYWJsZWRcIj5cbiAgICAgIDwvbW9ua2V5LWJ1dHRvbj5cbiAgICAgIDxkaXYgY2xhc3M9XCJyb3cgbXQtM1wiPlxuICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBmaWVsZCBvZiBmaWVsZHM7XCIgTUVDWER5bmFtaWMgW2ZpZWxkXT1cImZpZWxkXCIgW2Zvcm1dPVwiaXRlbVwiIFtzZWxmXT1cInNlbGZcIlxuICAgICAgICAgIFtmb3JtRXJyb3JzXT1cIl9fbW9ua2V5ZWN4Rm9ybUVycm9yc1tpbmRGb3JtXVwiXG4gICAgICAgICAgW3BsdXNWYWxpZGF0aW9uc109XCJfcGx1c1ZhbGlkYXRpb25zW2luZEZvcm1dXCIgW3N0eWxlLmRpc3BsYXldPVwiJ25vbmUnXCI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9mb3JtPlxuPG1vbmtleS1idXR0b24gdHlwZT1cInNlY29uZGFyeVwiIGNvbG9yPVwidGhlbWVcIiBpY29uPVwibW9yZS0yMFwiIGljb25Qb3NpdGlvbj1cInJpZ2h0XCJcbiAgW2xhYmVsXT1cIidCVVRUT05TLkFERCcgfCB0cmFuc2xhdGVcIiAoY2xpY2spPVwib25IYW5kbGVBZGQoKVwiICpuZ0lmPVwiIWRpc2FibGVkXCI+XG48L21vbmtleS1idXR0b24+Il19

package/esm2020/lib/components/dynamic/form/dynamic-form.component.mjs

@@ -1,46 +1,46 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { BaseDynamic } from '../../base/base-dynamic';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "@angular/common";
-import * as i3 from "../dynamic-directive";
-export class MECXDynamicFormComponent extends BaseDynamic {
-    constructor(fb, cdr) {
-        super(fb);
-        this.cdr = cdr;
-        this.unsubscribeAll = new Subject();
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.onHandleSubmit.pipe(takeUntil(this.unsubscribeAll)).subscribe((func) => {
-            this.onSubmit(func);
-        });
-    }
-    ngOnDestroy() {
-        this.unsubscribeAll.next();
-        this.unsubscribeAll.complete();
-    }
-    onSubmit(callback) {
-        const { _form } = this;
-        // eslint-disable-next-line object-curly-newline
-        this.__monkeyecxFormErrors = {};
-        const isValid = this.validateForm(_form);
-        this.cdr.detectChanges();
-        this.onHandleSubmitFormReady.next({
-            validate: {
-                isValid
-            },
-            callback,
-            form: _form
-        });
-    }
-}
-MECXDynamicFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MECXDynamicFormComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MECXDynamicFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MECXDynamicFormComponent, selector: "mecx-dynamic-form", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isLoading\">\n  <div class=\"input-loading\" *ngFor=\"let item of [1,2,3,4,5,6,7]\"></div>\n</ng-container>\n\n<form name=\"form\" [formGroup]=\"_form\" *ngIf=\"_form && !isLoading\">\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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3.MECXDynamicDirective, selector: "[MECXDynamic]", inputs: ["field", "form", "formErrors", "self", "plusValidations"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MECXDynamicFormComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mecx-dynamic-form', styles: [], encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"isLoading\">\n  <div class=\"input-loading\" *ngFor=\"let item of [1,2,3,4,5,6,7]\"></div>\n</ng-container>\n\n<form name=\"form\" [formGroup]=\"_form\" *ngIf=\"_form && !isLoading\">\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>" }]
-        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i0.ChangeDetectorRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1mcm9udC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljL2Zvcm0vZHluYW1pYy1mb3JtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1mcm9udC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljL2Zvcm0vZHluYW1pYy1mb3JtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsaUJBQWlCLEVBQWdDLE1BQU0sZUFBZSxDQUFDO0FBRW5HLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7QUFRdEQsTUFBTSxPQUFPLHdCQUF5QixTQUFRLFdBQVc7SUFHdkQsWUFBWSxFQUFlLEVBQVUsR0FBc0I7UUFDekQsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRHlCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBRm5ELG1CQUFjLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztJQUl2QyxDQUFDO0lBRUQsUUFBUTtRQUNOLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUVqQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBYyxFQUFFLEVBQUU7WUFDcEYsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN0QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMzQixJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxRQUFRLENBQUMsUUFBa0I7UUFDekIsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLElBQUksQ0FBQztRQUN2QixnREFBZ0Q7UUFDaEQsSUFBSSxDQUFDLHFCQUFxQixHQUFHLEVBQUUsQ0FBQztRQUVoQyxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQVksQ0FBQyxDQUFDO1FBQ2hELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFFekIsSUFBSSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQztZQUNoQyxRQUFRLEVBQUU7Z0JBQ1IsT0FBTzthQUNSO1lBQ0QsUUFBUTtZQUNSLElBQUksRUFBRSxLQUFLO1NBQ1osQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7c0hBbkNVLHdCQUF3QjswR0FBeEIsd0JBQXdCLGdGQ1pyQyx3YkFVTzs0RkRFTSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0UsbUJBQW1CLFVBRXJCLEVBQUUsaUJBQ0ssaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiwgT25EZXN0cm95LCBDaGFuZ2VEZXRlY3RvclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBCYXNlRHluYW1pYyB9IGZyb20gJy4uLy4uL2Jhc2UvYmFzZS1keW5hbWljJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWVjeC1keW5hbWljLWZvcm0nLFxuICB0ZW1wbGF0ZVVybDogJy4vZHluYW1pYy1mb3JtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBNRUNYRHluYW1pY0Zvcm1Db21wb25lbnQgZXh0ZW5kcyBCYXNlRHluYW1pYyBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSB1bnN1YnNjcmliZUFsbCA9IG5ldyBTdWJqZWN0KCk7XG5cbiAgY29uc3RydWN0b3IoZmI6IEZvcm1CdWlsZGVyLCBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICBzdXBlcihmYik7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBzdXBlci5uZ09uSW5pdCgpO1xuXG4gICAgdGhpcy5vbkhhbmRsZVN1Ym1pdC5waXBlKHRha2VVbnRpbCh0aGlzLnVuc3Vic2NyaWJlQWxsKSkuc3Vic2NyaWJlKChmdW5jOiBGdW5jdGlvbikgPT4ge1xuICAgICAgdGhpcy5vblN1Ym1pdChmdW5jKTtcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMudW5zdWJzY3JpYmVBbGwubmV4dCgpO1xuICAgIHRoaXMudW5zdWJzY3JpYmVBbGwuY29tcGxldGUoKTtcbiAgfVxuXG4gIG9uU3VibWl0KGNhbGxiYWNrOiBGdW5jdGlvbikge1xuICAgIGNvbnN0IHsgX2Zvcm0gfSA9IHRoaXM7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG9iamVjdC1jdXJseS1uZXdsaW5lXG4gICAgdGhpcy5fX21vbmtleWVjeEZvcm1FcnJvcnMgPSB7fTtcblxuICAgIGNvbnN0IGlzVmFsaWQgPSB0aGlzLnZhbGlkYXRlRm9ybShfZm9ybSBhcyBhbnkpO1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcblxuICAgIHRoaXMub25IYW5kbGVTdWJtaXRGb3JtUmVhZHkubmV4dCh7XG4gICAgICB2YWxpZGF0ZToge1xuICAgICAgICBpc1ZhbGlkXG4gICAgICB9LFxuICAgICAgY2FsbGJhY2ssXG4gICAgICBmb3JtOiBfZm9ybVxuICAgIH0pO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiaXNMb2FkaW5nXCI+XG4gIDxkaXYgY2xhc3M9XCJpbnB1dC1sb2FkaW5nXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgWzEsMiwzLDQsNSw2LDddXCI+PC9kaXY+XG48L25nLWNvbnRhaW5lcj5cblxuPGZvcm0gbmFtZT1cImZvcm1cIiBbZm9ybUdyb3VwXT1cIl9mb3JtXCIgKm5nSWY9XCJfZm9ybSAmJiAhaXNMb2FkaW5nXCI+XG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBmaWVsZCBvZiBmaWVsZHM7XCIgTUVDWER5bmFtaWMgW2ZpZWxkXT1cImZpZWxkXCIgW2Zvcm1dPVwiX2Zvcm1cIiBbc2VsZl09XCJzZWxmXCJcbiAgICAgIFtmb3JtRXJyb3JzXT1cIl9fbW9ua2V5ZWN4Rm9ybUVycm9yc1wiIFtzdHlsZS5kaXNwbGF5XT1cIidub25lJ1wiPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZm9ybT4iXX0=
+import { Component, ViewEncapsulation } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { BaseDynamic } from '../../base/base-dynamic';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "../dynamic-directive";
+export class MECXDynamicFormComponent extends BaseDynamic {
+    constructor(fb, cdr) {
+        super(fb);
+        this.cdr = cdr;
+        this.unsubscribeAll = new Subject();
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.onHandleSubmit.pipe(takeUntil(this.unsubscribeAll)).subscribe((func) => {
+            this.onSubmit(func);
+        });
+    }
+    ngOnDestroy() {
+        this.unsubscribeAll.next();
+        this.unsubscribeAll.complete();
+    }
+    onSubmit(callback) {
+        const { _form } = this;
+        // eslint-disable-next-line object-curly-newline
+        this.__monkeyecxFormErrors = {};
+        const isValid = this.validateForm(_form);
+        this.cdr.detectChanges();
+        this.onHandleSubmitFormReady.next({
+            validate: {
+                isValid
+            },
+            callback,
+            form: _form
+        });
+    }
+}
+MECXDynamicFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXDynamicFormComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MECXDynamicFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXDynamicFormComponent, selector: "mecx-dynamic-form", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isLoading\">\n  <div class=\"input-loading\" *ngFor=\"let item of [1,2,3,4,5,6,7]\"></div>\n</ng-container>\n\n<form name=\"form\" [formGroup]=\"_form\" *ngIf=\"_form && !isLoading\">\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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3.MECXDynamicDirective, selector: "[MECXDynamic]", inputs: ["field", "form", "formErrors", "self", "plusValidations"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXDynamicFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mecx-dynamic-form', styles: [], encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"isLoading\">\n  <div class=\"input-loading\" *ngFor=\"let item of [1,2,3,4,5,6,7]\"></div>\n</ng-container>\n\n<form name=\"form\" [formGroup]=\"_form\" *ngIf=\"_form && !isLoading\">\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>" }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1mcm9udC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljL2Zvcm0vZHluYW1pYy1mb3JtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1mcm9udC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9keW5hbWljL2Zvcm0vZHluYW1pYy1mb3JtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsaUJBQWlCLEVBQWdDLE1BQU0sZUFBZSxDQUFDO0FBRW5HLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7QUFRdEQsTUFBTSxPQUFPLHdCQUF5QixTQUFRLFdBQVc7SUFHdkQsWUFBWSxFQUFlLEVBQVUsR0FBc0I7UUFDekQsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRHlCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBRm5ELG1CQUFjLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztJQUl2QyxDQUFDO0lBRUQsUUFBUTtRQUNOLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUVqQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBYyxFQUFFLEVBQUU7WUFDcEYsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN0QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMzQixJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxRQUFRLENBQUMsUUFBa0I7UUFDekIsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLElBQUksQ0FBQztRQUN2QixnREFBZ0Q7UUFDaEQsSUFBSSxDQUFDLHFCQUFxQixHQUFHLEVBQUUsQ0FBQztRQUVoQyxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQVksQ0FBQyxDQUFDO1FBQ2hELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFFekIsSUFBSSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQztZQUNoQyxRQUFRLEVBQUU7Z0JBQ1IsT0FBTzthQUNSO1lBQ0QsUUFBUTtZQUNSLElBQUksRUFBRSxLQUFLO1NBQ1osQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7cUhBbkNVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLGdGQ1pyQyx3YkFVTzsyRkRFTSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0UsbUJBQW1CLFVBRXJCLEVBQUUsaUJBQ0ssaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiwgT25EZXN0cm95LCBDaGFuZ2VEZXRlY3RvclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBCYXNlRHluYW1pYyB9IGZyb20gJy4uLy4uL2Jhc2UvYmFzZS1keW5hbWljJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWVjeC1keW5hbWljLWZvcm0nLFxuICB0ZW1wbGF0ZVVybDogJy4vZHluYW1pYy1mb3JtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBNRUNYRHluYW1pY0Zvcm1Db21wb25lbnQgZXh0ZW5kcyBCYXNlRHluYW1pYyBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSB1bnN1YnNjcmliZUFsbCA9IG5ldyBTdWJqZWN0KCk7XG5cbiAgY29uc3RydWN0b3IoZmI6IEZvcm1CdWlsZGVyLCBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICBzdXBlcihmYik7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBzdXBlci5uZ09uSW5pdCgpO1xuXG4gICAgdGhpcy5vbkhhbmRsZVN1Ym1pdC5waXBlKHRha2VVbnRpbCh0aGlzLnVuc3Vic2NyaWJlQWxsKSkuc3Vic2NyaWJlKChmdW5jOiBGdW5jdGlvbikgPT4ge1xuICAgICAgdGhpcy5vblN1Ym1pdChmdW5jKTtcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMudW5zdWJzY3JpYmVBbGwubmV4dCgpO1xuICAgIHRoaXMudW5zdWJzY3JpYmVBbGwuY29tcGxldGUoKTtcbiAgfVxuXG4gIG9uU3VibWl0KGNhbGxiYWNrOiBGdW5jdGlvbikge1xuICAgIGNvbnN0IHsgX2Zvcm0gfSA9IHRoaXM7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG9iamVjdC1jdXJseS1uZXdsaW5lXG4gICAgdGhpcy5fX21vbmtleWVjeEZvcm1FcnJvcnMgPSB7fTtcblxuICAgIGNvbnN0IGlzVmFsaWQgPSB0aGlzLnZhbGlkYXRlRm9ybShfZm9ybSBhcyBhbnkpO1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcblxuICAgIHRoaXMub25IYW5kbGVTdWJtaXRGb3JtUmVhZHkubmV4dCh7XG4gICAgICB2YWxpZGF0ZToge1xuICAgICAgICBpc1ZhbGlkXG4gICAgICB9LFxuICAgICAgY2FsbGJhY2ssXG4gICAgICBmb3JtOiBfZm9ybVxuICAgIH0pO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiaXNMb2FkaW5nXCI+XG4gIDxkaXYgY2xhc3M9XCJpbnB1dC1sb2FkaW5nXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgWzEsMiwzLDQsNSw2LDddXCI+PC9kaXY+XG48L25nLWNvbnRhaW5lcj5cblxuPGZvcm0gbmFtZT1cImZvcm1cIiBbZm9ybUdyb3VwXT1cIl9mb3JtXCIgKm5nSWY9XCJfZm9ybSAmJiAhaXNMb2FkaW5nXCI+XG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBmaWVsZCBvZiBmaWVsZHM7XCIgTUVDWER5bmFtaWMgW2ZpZWxkXT1cImZpZWxkXCIgW2Zvcm1dPVwiX2Zvcm1cIiBbc2VsZl09XCJzZWxmXCJcbiAgICAgIFtmb3JtRXJyb3JzXT1cIl9fbW9ua2V5ZWN4Rm9ybUVycm9yc1wiIFtzdHlsZS5kaXNwbGF5XT1cIidub25lJ1wiPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZm9ybT4iXX0=

package/esm2020/lib/components/dynamic/form/index.mjs

@@ -1,3 +1,3 @@
-export * from './dynamic-form.component';
-export * from './dynamic-form-array.component';
+export * from './dynamic-form.component';
+export * from './dynamic-form-array.component';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktZnJvbnQtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvZHluYW1pYy9mb3JtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxnQ0FBZ0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZHluYW1pYy1mb3JtLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2R5bmFtaWMtZm9ybS1hcnJheS5jb21wb25lbnQnO1xuIl19

package/esm2020/lib/components/dynamic/index.mjs

@@ -1,9 +1,9 @@
-export * from './file-upload';
-export * from './form';
-export * from './input';
-export * from './input-phone';
-export * from './radio';
-export * from './select';
-export * from './dynamic-directive';
-export * from './dynamic.module';
+export * from './file-upload';
+export * from './form';
+export * from './input';
+export * from './input-phone';
+export * from './radio';
+export * from './select';
+export * from './dynamic-directive';
+export * from './dynamic.module';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktZnJvbnQtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvZHluYW1pYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLFFBQVEsQ0FBQztBQUN2QixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLFVBQVUsQ0FBQztBQUN6QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2ZpbGUtdXBsb2FkJztcbmV4cG9ydCAqIGZyb20gJy4vZm9ybSc7XG5leHBvcnQgKiBmcm9tICcuL2lucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vaW5wdXQtcGhvbmUnO1xuZXhwb3J0ICogZnJvbSAnLi9yYWRpbyc7XG5leHBvcnQgKiBmcm9tICcuL3NlbGVjdCc7XG5leHBvcnQgKiBmcm9tICcuL2R5bmFtaWMtZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vZHluYW1pYy5tb2R1bGUnO1xuIl19

package/esm2020/lib/components/dynamic/input/index.mjs

@@ -1,2 +1,2 @@
-export * from './input.component';
+export * from './input.component';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktZnJvbnQtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvZHluYW1pYy9pbnB1dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9pbnB1dC5jb21wb25lbnQnO1xuIl19

package/esm2020/lib/components/dynamic/input/input.component.mjs

@@ -1,65 +1,65 @@
-import { Component, HostBinding, Input, ViewChild, ViewEncapsulation } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "monkey-style-guide";
-import * as i2 from "@angular/forms";
-import * as i3 from "@ngx-translate/core";
-export class MECXDynamicInputComponent {
-    constructor(cdr) {
-        this.cdr = cdr;
-        this._field = null;
-        this._form = null;
-        // eslint-disable-next-line object-curly-newline
-        this._formErrors = {};
-        this.inputElement = null;
-        // not to do
-    }
-    get className() {
-        return this._field?.style?.class;
-    }
-    ngOnInit() {
-        this.cdr.detectChanges();
-    }
-    ngOnChanges() {
-        this.cdr.detectChanges();
-    }
-    onChange(event) {
-        const { _form, _field, self } = this;
-        if (!_field || !_form)
-            return;
-        const { name } = _field;
-        const func = _field?.functions?.onChange;
-        const isValid = _form?.get(_field?.name)?.valid;
-        if (func) {
-            self[func]({
-                name,
-                isValid,
-                event,
-                ctrl: _form.get(this._field?.name),
-                form: _form
-            });
-        }
-    }
-}
-MECXDynamicInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MECXDynamicInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MECXDynamicInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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, 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.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i3.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MECXDynamicInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mecx-dynamic-input', encapsulation: ViewEncapsulation.None, 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>" }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _field: [{
-                type: Input
-            }], _form: [{
-                type: Input
-            }], _formErrors: [{
-                type: Input
-            }], self: [{
-                type: Input
-            }], inputElement: [{
-                type: ViewChild,
-                args: ['inputElement', {
-                        static: true
-                    }]
-            }], className: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LWZyb250LWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2R5bmFtaWMvaW5wdXQvaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LWZyb250LWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2R5bmFtaWMvaW5wdXQvaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBcUIsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVVsSSxNQUFNLE9BQU8seUJBQXlCO0lBY3BDLFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBYmpDLFdBQU0sR0FBMkIsSUFBSSxDQUFDO1FBRXRDLFVBQUssR0FBcUIsSUFBSSxDQUFDO1FBRXhDLGdEQUFnRDtRQUN2QyxnQkFBVyxHQUFnQixFQUFFLENBQUM7UUFNcEMsaUJBQVksR0FBZ0MsSUFBSSxDQUFDO1FBR2xELFlBQVk7SUFDZCxDQUFDO0lBRUQsSUFDSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUM7SUFDbkMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQWE7UUFDcEIsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsSUFBSSxDQUFDO1FBQ3JDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxLQUFLO1lBQUUsT0FBTztRQUM5QixNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsTUFBTSxDQUFDO1FBQ3hCLE1BQU0sSUFBSSxHQUFHLE1BQU0sRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDO1FBQ3pDLE1BQU0sT0FBTyxHQUFHLEtBQUssRUFBRSxHQUFHLENBQUMsTUFBTSxFQUFFLElBQWMsQ0FBQyxFQUFFLEtBQUssQ0FBQztRQUMxRCxJQUFJLElBQUksRUFBRTtZQUNSLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDVCxJQUFJO2dCQUNKLE9BQU87Z0JBQ1AsS0FBSztnQkFDTCxJQUFJLEVBQUUsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQWMsQ0FBQztnQkFDNUMsSUFBSSxFQUFFLEtBQUs7YUFDWixDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7O3VIQTlDVSx5QkFBeUI7MkdBQXpCLHlCQUF5Qix3VkNWdEMsMm9CQVFlOzRGREVGLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSxvQkFBb0IsaUJBRWYsaUJBQWlCLENBQUMsSUFBSTt3R0FHNUIsTUFBTTtzQkFBZCxLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFHRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFJSCxZQUFZO3NCQUZkLFNBQVM7dUJBQUMsY0FBYyxFQUFFO3dCQUN6QixNQUFNLEVBQUUsSUFBSTtxQkFDYjtnQkFPRyxTQUFTO3NCQURaLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1vbmtleUlucHV0Q29tcG9uZW50IH0gZnJvbSAnbW9ua2V5LXN0eWxlLWd1aWRlJztcbmltcG9ydCB7IE1FQ1hGaWVsZENvbmZpZyB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtZWN4LWR5bmFtaWMtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIE1FQ1hEeW5hbWljSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIF9maWVsZDogTUVDWEZpZWxkQ29uZmlnIHwgbnVsbCA9IG51bGw7XG5cbiAgQElucHV0KCkgX2Zvcm06IEZvcm1Hcm91cCB8IG51bGwgPSBudWxsO1xuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBvYmplY3QtY3VybHktbmV3bGluZVxuICBASW5wdXQoKSBfZm9ybUVycm9yczogYW55IHwgYW55W10gPSB7fTtcblxuICBASW5wdXQoKSBzZWxmOiBhbnk7XG5cbiAgQFZpZXdDaGlsZCgnaW5wdXRFbGVtZW50Jywge1xuICAgIHN0YXRpYzogdHJ1ZVxuICB9KSBpbnB1dEVsZW1lbnQ6IE1vbmtleUlucHV0Q29tcG9uZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgLy8gbm90IHRvIGRvXG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgZ2V0IGNsYXNzTmFtZSgpIHtcbiAgICByZXR1cm4gdGhpcy5fZmllbGQ/LnN0eWxlPy5jbGFzcztcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIG9uQ2hhbmdlKGV2ZW50OiBzdHJpbmcpIHtcbiAgICBjb25zdCB7IF9mb3JtLCBfZmllbGQsIHNlbGYgfSA9IHRoaXM7XG4gICAgaWYgKCFfZmllbGQgfHwgIV9mb3JtKSByZXR1cm47XG4gICAgY29uc3QgeyBuYW1lIH0gPSBfZmllbGQ7XG4gICAgY29uc3QgZnVuYyA9IF9maWVsZD8uZnVuY3Rpb25zPy5vbkNoYW5nZTtcbiAgICBjb25zdCBpc1ZhbGlkID0gX2Zvcm0/LmdldChfZmllbGQ/Lm5hbWUgYXMgc3RyaW5nKT8udmFsaWQ7XG4gICAgaWYgKGZ1bmMpIHtcbiAgICAgIHNlbGZbZnVuY10oe1xuICAgICAgICBuYW1lLFxuICAgICAgICBpc1ZhbGlkLFxuICAgICAgICBldmVudCxcbiAgICAgICAgY3RybDogX2Zvcm0uZ2V0KHRoaXMuX2ZpZWxkPy5uYW1lIGFzIHN0cmluZyksXG4gICAgICAgIGZvcm06IF9mb3JtXG4gICAgICB9KTtcbiAgICB9XG4gIH1cbn1cbiIsIjxtb25rZXktaW5wdXRcbiAgZXJyb3JNZXNzYWdlPVwie3sgX2Zvcm1FcnJvcnNbX2ZpZWxkPy5uYW1lXT8uZmlyc3RNZXNzYWdlIHwgdHJhbnNsYXRlIH19IHt7IF9mb3JtRXJyb3JzW19maWVsZD8ubmFtZV0/Lmxhc3RNZXNzYWdlIH19XCJcbiAgW21hc2tdPVwiX2ZpZWxkPy5tYXNrXCIgW3ByZWZpeF09XCJfZmllbGQ/LnByZWZpeFwiIFtuYW1lXT1cIl9maWVsZD8ubmFtZVwiXG4gIFtmb3JtQ29udHJvbF09XCJfZm9ybS5jb250cm9sc1tfZmllbGQ/Lm5hbWVdXCIgW3BsYWNlaG9sZGVyXT1cIl9maWVsZD8ucGxhY2Vob2xkZXIgfCB0cmFuc2xhdGVcIlxuICBbaGVscGVyTWVzc2FnZV09XCJfZmllbGQ/LmhlbHBlck1lc3NhZ2UgfCB0cmFuc2xhdGVcIiBbbGFiZWxdPVwiX2ZpZWxkPy5sYWJlbCB8IHRyYW5zbGF0ZVwiXG4gIFt0eXBlXT1cIl9maWVsZD8udHlwZVwiICNpbnB1dEVsZW1lbnQgKG9uQ2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICBbb25seU51bWJlcl09XCJfZmllbGQ/Lm9ubHlOdW1iZXJcIiBbY3VycmVuY3ldPVwiX2ZpZWxkPy5jdXJyZW5jeVwiIFttYXhMZW5ndGhdPVwiX2ZpZWxkPy5tYXhMZW5ndGhcIlxuICBbbWF4RGF0ZVRvZGF5XT1cIl9maWVsZD8ubWF4RGF0ZVRvZGF5XCI+XG48L21vbmtleS1pbnB1dD4iXX0=
+import { Component, HostBinding, Input, ViewChild, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "monkey-style-guide";
+import * as i2 from "@angular/forms";
+import * as i3 from "@ngx-translate/core";
+export class MECXDynamicInputComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this._field = null;
+        this._form = null;
+        // eslint-disable-next-line object-curly-newline
+        this._formErrors = {};
+        this.inputElement = null;
+        // not to do
+    }
+    get className() {
+        return this._field?.style?.class;
+    }
+    ngOnInit() {
+        this.cdr.detectChanges();
+    }
+    ngOnChanges() {
+        this.cdr.detectChanges();
+    }
+    onChange(event) {
+        const { _form, _field, self } = this;
+        if (!_field || !_form)
+            return;
+        const { name } = _field;
+        const func = _field?.functions?.onChange;
+        const isValid = _form?.get(_field?.name)?.valid;
+        if (func) {
+            self[func]({
+                name,
+                isValid,
+                event,
+                ctrl: _form.get(this._field?.name),
+                form: _form
+            });
+        }
+    }
+}
+MECXDynamicInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXDynamicInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MECXDynamicInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", 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, 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.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i3.TranslatePipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXDynamicInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mecx-dynamic-input', encapsulation: ViewEncapsulation.None, 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>" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _field: [{
+                type: Input
+            }], _form: [{
+                type: Input
+            }], _formErrors: [{
+                type: Input
+            }], self: [{
+                type: Input
+            }], inputElement: [{
+                type: ViewChild,
+                args: ['inputElement', {
+                        static: true
+                    }]
+            }], className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LWZyb250LWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2R5bmFtaWMvaW5wdXQvaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LWZyb250LWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2R5bmFtaWMvaW5wdXQvaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBcUIsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVVsSSxNQUFNLE9BQU8seUJBQXlCO0lBY3BDLFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBYmpDLFdBQU0sR0FBMkIsSUFBSSxDQUFDO1FBRXRDLFVBQUssR0FBcUIsSUFBSSxDQUFDO1FBRXhDLGdEQUFnRDtRQUN2QyxnQkFBVyxHQUFnQixFQUFFLENBQUM7UUFNcEMsaUJBQVksR0FBZ0MsSUFBSSxDQUFDO1FBR2xELFlBQVk7SUFDZCxDQUFDO0lBRUQsSUFDSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUM7SUFDbkMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQWE7UUFDcEIsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsSUFBSSxDQUFDO1FBQ3JDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxLQUFLO1lBQUUsT0FBTztRQUM5QixNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsTUFBTSxDQUFDO1FBQ3hCLE1BQU0sSUFBSSxHQUFHLE1BQU0sRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDO1FBQ3pDLE1BQU0sT0FBTyxHQUFHLEtBQUssRUFBRSxHQUFHLENBQUMsTUFBTSxFQUFFLElBQWMsQ0FBQyxFQUFFLEtBQUssQ0FBQztRQUMxRCxJQUFJLElBQUksRUFBRTtZQUNSLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDVCxJQUFJO2dCQUNKLE9BQU87Z0JBQ1AsS0FBSztnQkFDTCxJQUFJLEVBQUUsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQWMsQ0FBQztnQkFDNUMsSUFBSSxFQUFFLEtBQUs7YUFDWixDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7O3NIQTlDVSx5QkFBeUI7MEdBQXpCLHlCQUF5Qix3VkNWdEMsMnBCQVFlOzJGREVGLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSxvQkFBb0IsaUJBRWYsaUJBQWlCLENBQUMsSUFBSTt3R0FHNUIsTUFBTTtzQkFBZCxLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFHRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFJSCxZQUFZO3NCQUZkLFNBQVM7dUJBQUMsY0FBYyxFQUFFO3dCQUN6QixNQUFNLEVBQUUsSUFBSTtxQkFDYjtnQkFPRyxTQUFTO3NCQURaLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1vbmtleUlucHV0Q29tcG9uZW50IH0gZnJvbSAnbW9ua2V5LXN0eWxlLWd1aWRlJztcbmltcG9ydCB7IE1FQ1hGaWVsZENvbmZpZyB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtZWN4LWR5bmFtaWMtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIE1FQ1hEeW5hbWljSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIF9maWVsZDogTUVDWEZpZWxkQ29uZmlnIHwgbnVsbCA9IG51bGw7XG5cbiAgQElucHV0KCkgX2Zvcm06IEZvcm1Hcm91cCB8IG51bGwgPSBudWxsO1xuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBvYmplY3QtY3VybHktbmV3bGluZVxuICBASW5wdXQoKSBfZm9ybUVycm9yczogYW55IHwgYW55W10gPSB7fTtcblxuICBASW5wdXQoKSBzZWxmOiBhbnk7XG5cbiAgQFZpZXdDaGlsZCgnaW5wdXRFbGVtZW50Jywge1xuICAgIHN0YXRpYzogdHJ1ZVxuICB9KSBpbnB1dEVsZW1lbnQ6IE1vbmtleUlucHV0Q29tcG9uZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgLy8gbm90IHRvIGRvXG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgZ2V0IGNsYXNzTmFtZSgpIHtcbiAgICByZXR1cm4gdGhpcy5fZmllbGQ/LnN0eWxlPy5jbGFzcztcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIG9uQ2hhbmdlKGV2ZW50OiBzdHJpbmcpIHtcbiAgICBjb25zdCB7IF9mb3JtLCBfZmllbGQsIHNlbGYgfSA9IHRoaXM7XG4gICAgaWYgKCFfZmllbGQgfHwgIV9mb3JtKSByZXR1cm47XG4gICAgY29uc3QgeyBuYW1lIH0gPSBfZmllbGQ7XG4gICAgY29uc3QgZnVuYyA9IF9maWVsZD8uZnVuY3Rpb25zPy5vbkNoYW5nZTtcbiAgICBjb25zdCBpc1ZhbGlkID0gX2Zvcm0/LmdldChfZmllbGQ/Lm5hbWUgYXMgc3RyaW5nKT8udmFsaWQ7XG4gICAgaWYgKGZ1bmMpIHtcbiAgICAgIHNlbGZbZnVuY10oe1xuICAgICAgICBuYW1lLFxuICAgICAgICBpc1ZhbGlkLFxuICAgICAgICBldmVudCxcbiAgICAgICAgY3RybDogX2Zvcm0uZ2V0KHRoaXMuX2ZpZWxkPy5uYW1lIGFzIHN0cmluZyksXG4gICAgICAgIGZvcm06IF9mb3JtXG4gICAgICB9KTtcbiAgICB9XG4gIH1cbn1cbiIsIjxtb25rZXktaW5wdXRcclxuICBlcnJvck1lc3NhZ2U9XCJ7eyBfZm9ybUVycm9yc1tfZmllbGQ/Lm5hbWVdPy5maXJzdE1lc3NhZ2UgfCB0cmFuc2xhdGUgfX0ge3sgX2Zvcm1FcnJvcnNbX2ZpZWxkPy5uYW1lXT8ubGFzdE1lc3NhZ2UgfX1cIlxyXG4gIFttYXNrXT1cIl9maWVsZD8ubWFza1wiIFtwcmVmaXhdPVwiX2ZpZWxkPy5wcmVmaXhcIiBbbmFtZV09XCJfZmllbGQ/Lm5hbWVcIlxyXG4gIFtmb3JtQ29udHJvbF09XCJfZm9ybS5jb250cm9sc1tfZmllbGQ/Lm5hbWVdXCIgW3BsYWNlaG9sZGVyXT1cIl9maWVsZD8ucGxhY2Vob2xkZXIgfCB0cmFuc2xhdGVcIlxyXG4gIFtoZWxwZXJNZXNzYWdlXT1cIl9maWVsZD8uaGVscGVyTWVzc2FnZSB8IHRyYW5zbGF0ZVwiIFtsYWJlbF09XCJfZmllbGQ/LmxhYmVsIHwgdHJhbnNsYXRlXCJcclxuICBbdHlwZV09XCJfZmllbGQ/LnR5cGVcIiAjaW5wdXRFbGVtZW50IChvbkNoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcclxuICBbb25seU51bWJlcl09XCJfZmllbGQ/Lm9ubHlOdW1iZXJcIiBbY3VycmVuY3ldPVwiX2ZpZWxkPy5jdXJyZW5jeVwiIFttYXhMZW5ndGhdPVwiX2ZpZWxkPy5tYXhMZW5ndGhcIlxyXG4gIFttYXhEYXRlVG9kYXldPVwiX2ZpZWxkPy5tYXhEYXRlVG9kYXlcIj5cclxuPC9tb25rZXktaW5wdXQ+Il19

package/esm2020/lib/components/dynamic/input-phone/index.mjs

@@ -1,2 +1,2 @@
-export * from './input-phone.component';
+export * from './input-phone.component';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktZnJvbnQtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvZHluYW1pYy9pbnB1dC1waG9uZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9pbnB1dC1waG9uZS5jb21wb25lbnQnO1xuIl19