monkey-front-components 0.0.180 → 0.0.181

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

@@ -1,1866 +0,0 @@
-(function (global, factory) {
-    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')) :
-    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) :
-    (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));
-})(this, (function (exports, rxjs, i0, operators, i1, i1$1, i1$2, i4, i3) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1$2);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-
-    var BaseComponent = /** @class */ (function () {
-        function BaseComponent() {
-            this.__isMobile = this.isMobile();
-            this.__locales = ['pt-BR', 'es-CL'];
-            this.__unsubscribeAll = new rxjs.Subject();
-        }
-        BaseComponent.prototype.isMobile = function () {
-            var isMobileWidth = (window.screen.width <= 640) ||
-                (window.matchMedia &&
-                    window.matchMedia('only screen and (max-width: 640px)').matches);
-            return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|Mobile/i.test(navigator.userAgent)) || isMobileWidth;
-        };
-        BaseComponent.prototype.handlePagination = function (create) {
-            var _this = this;
-            if (create === void 0) { create = true; }
-            var __paginationOptions = this.__paginationOptions;
-            if (__paginationOptions) {
-                var mainElement_1 = __paginationOptions.mainElement, service_1 = __paginationOptions.service;
-                setTimeout(function () {
-                    var element = document.getElementById(mainElement_1);
-                    if (element) {
-                        element.scroll = null;
-                        element.onscroll = null;
-                        if (create) {
-                            _this.paginationFunc = function () {
-                                var scrollTop = element.scrollTop, scrollHeight = element.scrollHeight, offsetHeight = element.offsetHeight;
-                                var contentHeight = scrollHeight - offsetHeight;
-                                if (contentHeight <= scrollTop) {
-                                    service_1.__onDoPagination$.next(null);
-                                }
-                            };
-                            element.addEventListener('scroll', _this.paginationFunc);
-                        }
-                        else {
-                            element.removeEventListener('scroll', _this.paginationFunc);
-                        }
-                    }
-                }, 200);
-            }
-        };
-        BaseComponent.prototype.handleSupport = function (supportControls) {
-            var service = supportControls.service, show = supportControls.show;
-            var method = show ? 'show' : 'hide';
-            service[method.toLowerCase()]();
-        };
-        BaseComponent.prototype.handleTranslate = function (translateOptions) {
-            var _this = this;
-            var service = translateOptions.service;
-            service.__oni18nDataChanged$
-                .pipe(operators.takeUntil(this.__unsubscribeAll))
-                .subscribe(function () {
-                var data = service.__i18n;
-                if (data) {
-                    _this.__i18n = data;
-                }
-            });
-        };
-        BaseComponent.prototype.getErrorFirstMessageTranslated = function (formControl) {
-            if (formControl.hasError('required'))
-                return 'FIELD-REQUIRED';
-            if (formControl.hasError('invalid'))
-                return 'FIELD-INVALID';
-            if (formControl.hasError('email'))
-                return 'INVALID-EMAIL';
-            if (formControl.hasError('minlength'))
-                return 'MIN-LENGTH';
-            if (formControl.hasError('maxlength'))
-                return 'MAX-LENGTH';
-            if (formControl.hasError('max'))
-                return 'MAX';
-            if (formControl.hasError('min'))
-                return 'MIN';
-            if (formControl.hasError('passwordsNotMatching'))
-                return 'MATCH-PASSWORD';
-            if (formControl.hasError('invalidDate'))
-                return 'INVALID-DATE';
-            if (formControl.hasError('invalidTrue'))
-                return 'INVALID-TRUE';
-            if (formControl.hasError('invalidCpfCnpj'))
-                return 'INVALID-DOCUMENT';
-            if (formControl.hasError('invalidZipCode'))
-                return 'INVALID-ZIPCODE';
-            if (formControl.hasError('invalidCombo'))
-                return 'INVALID-COMBO';
-            if (formControl.hasError('invalidUrl'))
-                return 'INVALID-URL';
-            if (formControl.hasError('invalidUnlockRegister')) {
-                return 'INVALID-UNLOCK-REGISTER';
-            }
-            if (formControl.hasError('dateStartMustBeLessThanAnd')) {
-                return 'DATE-START-MUST-BE-LESS-THAN-AND';
-            }
-            if (formControl.hasError('dateEndMustBeGreaterThanStart')) {
-                return 'DATE-END-MUST-BE-GREATER-THAN-SART';
-            }
-            if (formControl.hasError('phone'))
-                return 'INVALID-PHONE';
-            return 'FIELD-INVALID';
-        };
-        BaseComponent.prototype.getErrorLastMessageNotTranslated = function (formControl) {
-            if (formControl.hasError('minlength')) {
-                return formControl.getError('minlength').requiredLength + " caracteres.";
-            }
-            if (formControl.hasError('maxlength')) {
-                return formControl.getError('maxlength').requiredLength + " caracteres.";
-            }
-            if (formControl.hasError('max')) {
-                return "" + formControl.getError('max').max;
-            }
-            if (formControl.hasError('min')) {
-                return "" + formControl.getError('min').min;
-            }
-            return '';
-        };
-        BaseComponent.prototype.validateFormWithTranslate = function (f, index) {
-            var _this = this;
-            var formErrors = f.value;
-            if (f.status === 'VALID')
-                return true;
-            if (!formErrors)
-                return true;
-            Object.entries(formErrors).forEach(function (_a) {
-                var _b = __read(_a, 2), key = _b[0], value = _b[1];
-                var control = f.get(key);
-                formErrors[key] = '';
-                if (control && !control.valid) {
-                    var msg = {
-                        first: "ERRORS." + _this.getErrorFirstMessageTranslated(f.get(key)),
-                        last: _this.getErrorLastMessageNotTranslated(f.get(key))
-                    };
-                    formErrors[key] = msg;
-                }
-            });
-            if (i1.MonkeyUtils.persistNullEmptyUndefined(index)) {
-                this.__monkeyecxFormErrors[index] = formErrors;
-            }
-            else {
-                this.__monkeyecxFormErrors = formErrors;
-            }
-            return false;
-        };
-        BaseComponent.prototype.copyToClipboard = function (val) {
-            var selBox = document.createElement('textarea');
-            selBox.style.position = 'fixed';
-            selBox.style.left = '0';
-            selBox.style.top = '0';
-            selBox.style.opacity = '0';
-            selBox.value = val;
-            document.body.appendChild(selBox);
-            selBox.focus();
-            selBox.select();
-            document.execCommand('copy');
-            document.body.removeChild(selBox);
-        };
-        BaseComponent.prototype.validateForm = function (f, index, alias) {
-            var _a;
-            var _this = this;
-            var formErrors = f.value;
-            if (f.status === 'VALID')
-                return true;
-            if (!formErrors)
-                return true;
-            Object.entries(formErrors).forEach(function (_a) {
-                var _b = __read(_a, 2), key = _b[0], value = _b[1];
-                var control = f.get(key);
-                formErrors[key] = '';
-                if (control && !control.valid) {
-                    var msg = {
-                        firstMessage: "ERRORS." + _this.getErrorFirstMessageTranslated(f.get(key)),
-                        lastMessage: _this.getErrorLastMessageNotTranslated(f.get(key))
-                    };
-                    formErrors[key] = msg;
-                }
-            });
-            if (i1.MonkeyUtils.persistNullEmptyUndefined(index)) {
-                this.__monkeyecxFormErrors[index] = formErrors;
-            }
-            else {
-                var obj = void 0;
-                if (alias) {
-                    obj = (_a = {},
-                        _a[alias] = Object.assign({}, formErrors),
-                        _a);
-                }
-                else {
-                    obj = formErrors;
-                }
-                this.__monkeyecxFormErrors = Object.assign(Object.assign({}, this.__monkeyecxFormErrors), obj);
-            }
-            f.markAllAsTouched();
-            return false;
-        };
-        BaseComponent.prototype.clearAllServiceData = function (clearData) {
-            var context = this;
-            Object.values(context).forEach(function (ctx) {
-                if (ctx instanceof i1$1.MonkeyEcxCommonsService) {
-                    ctx.clear(clearData);
-                }
-            });
-        };
-        BaseComponent.prototype.ngOnInit = function (args) {
-            if (args === null || args === void 0 ? void 0 : args.paginationOptions) {
-                this.__paginationOptions = args === null || args === void 0 ? void 0 : args.paginationOptions;
-                this.handlePagination();
-            }
-            if (args === null || args === void 0 ? void 0 : args.supportControls) {
-                this.handleSupport(args === null || args === void 0 ? void 0 : args.supportControls);
-            }
-            if (args === null || args === void 0 ? void 0 : args.translateOptions) {
-                this.handleTranslate(args === null || args === void 0 ? void 0 : args.translateOptions);
-            }
-        };
-        BaseComponent.prototype.ngOnDestroy = function (clearData) {
-            if (clearData === void 0) { clearData = true; }
-            this.__unsubscribeAll.next();
-            this.__unsubscribeAll.complete();
-            this.clearAllServiceData(clearData);
-            this.handlePagination(false);
-        };
-        BaseComponent.prototype.handleErrorFromServices = function (error, f) {
-            var _this = this;
-            this.__monkeyecxFormErrors = null;
-            if (error.type === 'Parameter_Error') {
-                Object.entries(f.value).forEach(function (_a) {
-                    var _b = __read(_a, 2), key = _b[0], value = _b[1];
-                    error.notifications.forEach(function (_) {
-                        var _a;
-                        var field = _.split(':')[0];
-                        var description = _.split(':')[1];
-                        if (field === key) {
-                            var msg = {
-                                firstMessage: '',
-                                lastMessage: description
-                            };
-                            _this.__monkeyecxFormErrors = Object.assign(Object.assign({}, _this.__monkeyecxFormErrors), (_a = {}, _a[key] = msg, _a));
-                            f.controls[key].setErrors({
-                                incorrect: true
-                            });
-                        }
-                    });
-                });
-            }
-            f.markAllAsTouched();
-        };
-        BaseComponent.prototype.goBack = function () {
-            window.history.back();
-        };
-        BaseComponent.prototype.goScroll = function (id) {
-            var element = document.getElementById(id);
-            if (element)
-                element.scrollIntoView();
-        };
-        BaseComponent.prototype.getEmbeddedData = function (data, field) {
-            var _embedded = data._embedded;
-            return _embedded ? _embedded[field] : null;
-        };
-        BaseComponent.prototype.openWindow = function (url) {
-            window.open("" + url, '_blank');
-        };
-        BaseComponent.prototype.fillI18n = function (data) {
-            this.__i18n = data;
-        };
-        BaseComponent.prototype.getCountryPrefix = function (country) {
-            return {
-                br: 55,
-                cl: 56
-            }[country];
-        };
-        BaseComponent.prototype.getCountryCurrencyChartFormat = function (country) {
-            return {
-                br: 'R$ #,###,##0.00',
-                cl: 'CLP #,###,##0'
-            }[country];
-        };
-        BaseComponent.prototype.getCountryValidators = function (country) {
-            return {
-                br: {
-                    governmentId: i1$1.ValidateUtils.DocumentValidator
-                },
-                cl: {
-                    governmentId: i1$1.ValidateUtils.DocumentRutValidator
-                }
-            }[country];
-        };
-        return BaseComponent;
-    }());
-    BaseComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: BaseComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    BaseComponent.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: BaseComponent, selector: "[baseComponent]", ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: BaseComponent, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[baseComponent]'
-                    }]
-            }], ctorParameters: function () { return []; } });
-
-    var validators = {
-        required: i1$2.Validators.required,
-        email: i1$1.Validators.email,
-        governmentId: i1$1.Validators.documentBR,
-        governmentIdRut: i1$1.Validators.documentCL,
-        documentBR: i1$1.Validators.documentBR,
-        documentCL: i1$1.Validators.documentCL,
-        date: i1$1.Validators.date,
-        zipCode: i1$1.Validators.zipCode,
-        minLength: function (param) {
-            return i1$2.Validators.minLength(param);
-        },
-        maxLength: function (param) {
-            return i1$2.Validators.maxLength(param);
-        }
-    };
-
-    var BaseDynamic = /** @class */ (function (_super) {
-        __extends(BaseDynamic, _super);
-        function BaseDynamic(fb) {
-            var _this = _super.call(this) || this;
-            _this.fb = fb;
-            _this.onHandleSubmit = new i0.EventEmitter();
-            _this.onHandleUpdateForm = new i0.EventEmitter();
-            _this.onHandleSubmitFormReady = new i0.EventEmitter();
-            _this.fields = [];
-            _this.disabled = false;
-            return _this;
-        }
-        BaseDynamic.prototype.createControl = function () {
-            var _this = this;
-            var fields = this.fields;
-            if (!fields)
-                return null;
-            // eslint-disable-next-line object-curly-newline
-            var group = this.fb.group({});
-            fields.forEach(function (field) {
-                var fieldType = field.fieldType, validations = field.validations, name = field.name, disabled = field.disabled;
-                var value = field.value;
-                if (fieldType === 'button')
-                    return;
-                if (fieldType === 'radiobutton' || fieldType === 'checkbox' || fieldType === 'select') {
-                    value = '';
-                }
-                var control = _this.fb.control(value, _this.bindValidations(validations || []));
-                if (disabled || _this.disabled)
-                    control.disable();
-                group.addControl(name, control);
-            });
-            return group;
-        };
-        BaseDynamic.prototype.bindValidations = function (validations) {
-            if (validations.length > 0) {
-                var validList_1 = [];
-                validations.forEach(function (valid) {
-                    var validated = valid.param
-                        ? validators[valid.name](valid.param)
-                        : validators[valid.name];
-                    validList_1.push(validated);
-                });
-                return i1$2.Validators.compose(validList_1);
-            }
-            return null;
-        };
-        BaseDynamic.prototype.fillValues = function () {
-            var _this = this;
-            var data = this.data;
-            if (!data || !this._form)
-                return;
-            Object.entries(data).forEach(function (_a) {
-                var _b = __read(_a, 2), key = _b[0], value = _b[1];
-                if (i1.MonkeyUtils.persistNullEmptyUndefined(value) && _this._form.controls[key]) {
-                    _this._form.controls[key].setValue(value);
-                }
-            });
-        };
-        BaseDynamic.prototype.ngOnInit = function () {
-            var _this = this;
-            this._form = this.createControl();
-            this.fillValues();
-            this.onHandleUpdateForm.subscribe(function () {
-                _this.fillValues();
-            });
-        };
-        BaseDynamic.prototype.ngOnChanges = function () {
-            if (!this._form) {
-                this._form = this.createControl();
-            }
-            this.fillValues();
-        };
-        return BaseDynamic;
-    }(BaseComponent));
-    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 });
-    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 });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: BaseDynamic, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[baseDynamic]'
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.FormBuilder }]; }, propDecorators: { onHandleSubmit: [{
-                    type: i0.Input
-                }], onHandleUpdateForm: [{
-                    type: i0.Input
-                }], onHandleSubmitFormReady: [{
-                    type: i0.Output
-                }], self: [{
-                    type: i0.Input
-                }], fields: [{
-                    type: i0.Input
-                }], data: [{
-                    type: i0.Input
-                }], disabled: [{
-                    type: i0.Input
-                }] } });
-
-    var BaseDynamicArray = /** @class */ (function (_super) {
-        __extends(BaseDynamicArray, _super);
-        function BaseDynamicArray(fb) {
-            var _this = _super.call(this) || this;
-            _this.fb = fb;
-            _this.onHandleSubmit = new i0.EventEmitter();
-            _this.onHandleUpdateForm = new i0.EventEmitter();
-            _this.onHandleSubmitFormReady = new i0.EventEmitter();
-            _this.fields = [];
-            _this.qtd = 1;
-            _this.disabled = false;
-            // eslint-disable-next-line object-curly-newline
-            _this._plusValidations = [];
-            _this.changesUnsubscribe = new rxjs.Subject();
-            _this.formBase = function () {
-                // return this.fb.group(this.createControl());
-                return _this.createControl();
-            };
-            return _this;
-        }
-        BaseDynamicArray.prototype.handleInternalPlusValidation = function (mainField, data) {
-            var operator = mainField.operator, field = mainField.field, 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 === null || data === void 0 ? void 0 : data[field]) || 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) {
-                    var _b;
-                    var valSaved = Object.assign({}, val);
-                    if (val.name === sourceField) {
-                        _this._plusValidations[rowIndex] = (_b = {},
-                            _b[sourceField] = Object.assign(Object.assign({}, valSaved), { alwaysShow: show }),
-                            _b);
-                        _this.createOneControl(val.name, _this.formValues.controls[rowIndex], show);
-                    }
-                    else {
-                        _this._plusValidations[rowIndex] = Object.assign({}, valSaved);
-                    }
-                    return null;
-                });
-            };
-            var validated = this.handleInternalPlusValidation(settings, data);
-            changeFields(validated);
-        };
-        BaseDynamicArray.prototype.createOneControl = function (fieldName, ctrl, create) {
-            var _this = this;
-            if (create === void 0) { create = true; }
-            var fields = this.fields;
-            if (!fields)
-                return;
-            fields.forEach(function (field) {
-                var fieldType = field.fieldType, validations = field.validations, name = field.name, disabled = field.disabled;
-                if (name !== fieldName)
-                    return;
-                var value = field.value;
-                if (fieldType === 'button')
-                    return;
-                if (fieldType === 'radiobutton' || fieldType === 'checkbox' || fieldType === 'select') {
-                    value = '';
-                }
-                if (create) {
-                    var control = _this.fb.control(value, _this.bindValidations(validations || []));
-                    if (disabled || _this.disabled)
-                        control.disable();
-                    ctrl.addControl(name, control);
-                }
-                else {
-                    ctrl.removeControl(name);
-                }
-            });
-        };
-        BaseDynamicArray.prototype.createControl = function (data) {
-            var _this = this;
-            var fields = this.fields;
-            if (!fields)
-                return null;
-            // eslint-disable-next-line object-curly-newline
-            var group = this.fb.group({});
-            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 (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 = '';
-                }
-                var control = _this.fb.control(value, _this.bindValidations(validations || []));
-                if (disabled || _this.disabled)
-                    control.disable();
-                group.addControl(name, control);
-            });
-            return group;
-        };
-        BaseDynamicArray.prototype.bindValidations = function (validations) {
-            if (validations.length > 0) {
-                var validList_1 = [];
-                validations.forEach(function (valid) {
-                    var validated = valid.param
-                        ? validators[valid.name](valid.param)
-                        : validators[valid.name];
-                    validList_1.push(validated);
-                });
-                return i1$2.Validators.compose(validList_1);
-            }
-            return null;
-        };
-        BaseDynamicArray.prototype.buildForm = function () {
-            var _this = this;
-            var _a;
-            var form = this.fb.group({
-                fields: this.fb.array([])
-            });
-            (_a = form === null || form === void 0 ? void 0 : form.controls.fields) === null || _a === void 0 ? void 0 : _a.valueChanges.subscribe(function (_) {
-                _this.watchForChanges();
-            });
-            return form;
-        };
-        BaseDynamicArray.prototype.watchForChanges = function () {
-            var _this = this;
-            var _b = this, fields = _b.fields, changesUnsubscribe = _b.changesUnsubscribe;
-            changesUnsubscribe.next();
-            this.formValues.controls.map(function (control, index) {
-                fields.forEach(function (fieldConfig) {
-                    var _a;
-                    var name = fieldConfig.name, alwaysShowPlusValidation = fieldConfig.alwaysShowPlusValidation;
-                    if (!alwaysShowPlusValidation)
-                        return;
-                    var field = alwaysShowPlusValidation.field;
-                    if (field) {
-                        (_a = control.controls[field]) === null || _a === void 0 ? void 0 : _a.valueChanges.pipe(operators.takeUntil(changesUnsubscribe)).subscribe(function (_) {
-                            _this.makeInternalPlusValidation(_, name, alwaysShowPlusValidation, index);
-                        });
-                    }
-                });
-                return null;
-            });
-        };
-        Object.defineProperty(BaseDynamicArray.prototype, "formValues", {
-            get: function () {
-                return this._form ? this._form.get('fields') : null;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        BaseDynamicArray.prototype.fillValues = function () {
-            var _this = this;
-            var _b = this, data = _b.data, qtd = _b.qtd;
-            if ((!this._form) && qtd)
-                return;
-            if (qtd > 0) {
-                Array(qtd)
-                    .fill(null)
-                    .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];
-                            if (i1.MonkeyUtils.persistNullEmptyUndefined(value) && form.controls[key]) {
-                                form.controls[key].setValue(value);
-                            }
-                        });
-                    }
-                    _this.formValues.push(form);
-                    return null;
-                });
-            }
-        };
-        BaseDynamicArray.prototype.ngOnInit = function () {
-            var _this = this;
-            this._form = this.buildForm();
-            this.fillValues();
-            this.onHandleUpdateForm.subscribe(function () {
-                _this.fillValues();
-            });
-        };
-        BaseDynamicArray.prototype.ngOnChanges = function () {
-            if (!this._form) {
-                this._form = this.buildForm();
-            }
-            this.fillValues();
-        };
-        return BaseDynamicArray;
-    }(BaseComponent));
-    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 });
-    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 });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: BaseDynamicArray, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[baseDynamicArray]'
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.FormBuilder }]; }, propDecorators: { onHandleSubmit: [{
-                    type: i0.Input
-                }], onHandleUpdateForm: [{
-                    type: i0.Input
-                }], onHandleSubmitFormReady: [{
-                    type: i0.Output
-                }], self: [{
-                    type: i0.Input
-                }], fields: [{
-                    type: i0.Input
-                }], data: [{
-                    type: i0.Input
-                }], qtd: [{
-                    type: i0.Input
-                }], disabled: [{
-                    type: i0.Input
-                }] } });
-
-    var MECXDynamicFileUploadComponent = /** @class */ (function () {
-        function MECXDynamicFileUploadComponent(cdr) {
-            var _this = this;
-            this.cdr = cdr;
-            // eslint-disable-next-line object-curly-newline
-            this._formErrors = {};
-            this._function = function (file, callback) {
-                var _a, _b, _c, _d;
-                if (_this._form.disabled)
-                    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;
-                }
-                var _e = (_d = (_c = _this._field) === null || _c === void 0 ? void 0 : _c.functions) === null || _d === void 0 ? void 0 : _d.onHandleUpload, func = _e.func, type = _e.type;
-                if (!func || !_this.self[func]) {
-                    console.error('onHandleUpload not declared');
-                    return;
-                }
-                _this.self[func](file, type, callback);
-            };
-            // not to do
-        }
-        Object.defineProperty(MECXDynamicFileUploadComponent.prototype, "className", {
-            get: function () {
-                var _a, _b;
-                return (_b = (_a = this._field) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.class;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        MECXDynamicFileUploadComponent.prototype.ngOnChanges = function () {
-            this.cdr.detectChanges();
-        };
-        return MECXDynamicFileUploadComponent;
-    }());
-    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 });
-    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 });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicFileUploadComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'mecx-dynamic-file-upload',
-                        templateUrl: './file-upload.component.html',
-                        encapsulation: i0.ViewEncapsulation.None
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { _field: [{
-                    type: i0.Input
-                }], _form: [{
-                    type: i0.Input
-                }], _formErrors: [{
-                    type: i0.Input
-                }], self: [{
-                    type: i0.Input
-                }], className: [{
-                    type: i0.HostBinding,
-                    args: ['class']
-                }] } });
-
-    var MECXDynamicButtonComponent = /** @class */ (function () {
-        function MECXDynamicButtonComponent(cdr) {
-            this.cdr = cdr;
-            // eslint-disable-next-line object-curly-newline
-            this._formErrors = {};
-            // not to do
-        }
-        Object.defineProperty(MECXDynamicButtonComponent.prototype, "className", {
-            get: function () {
-                var _a, _b;
-                return (_b = (_a = this._field) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.class;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        MECXDynamicButtonComponent.prototype.ngOnChanges = function () {
-            this.cdr.detectChanges();
-        };
-        MECXDynamicButtonComponent.prototype.onClick = function () {
-            var _a;
-            var _c = this, _form = _c._form, _field = _c._field, self = _c.self;
-            if (_form.disabled)
-                return;
-            var name = _field.name, value = _field.value;
-            var func = (_a = _field === null || _field === void 0 ? void 0 : _field.functions) === null || _a === void 0 ? void 0 : _a.onClick;
-            if (func) {
-                self[func]({
-                    name: name,
-                    value: value,
-                    form: _form
-                });
-            }
-        };
-        return MECXDynamicButtonComponent;
-    }());
-    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 });
-    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 });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicButtonComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'mecx-dynamic-button',
-                        templateUrl: './button.component.html',
-                        styleUrls: ['./button.component.scss'],
-                        encapsulation: i0.ViewEncapsulation.None
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { _field: [{
-                    type: i0.Input
-                }], _form: [{
-                    type: i0.Input
-                }], _formErrors: [{
-                    type: i0.Input
-                }], self: [{
-                    type: i0.Input
-                }], className: [{
-                    type: i0.HostBinding,
-                    args: ['class']
-                }] } });
-
-    var MECXDynamicInputComponent = /** @class */ (function () {
-        function MECXDynamicInputComponent(cdr) {
-            this.cdr = cdr;
-            // eslint-disable-next-line object-curly-newline
-            this._formErrors = {};
-            // not to do
-        }
-        Object.defineProperty(MECXDynamicInputComponent.prototype, "className", {
-            get: function () {
-                var _a, _b;
-                return (_b = (_a = this._field) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.class;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        MECXDynamicInputComponent.prototype.ngOnInit = function () {
-            this.cdr.detectChanges();
-        };
-        MECXDynamicInputComponent.prototype.ngOnChanges = function () {
-            this.cdr.detectChanges();
-        };
-        MECXDynamicInputComponent.prototype.onChange = function (event) {
-            var _a;
-            var _c = this, _form = _c._form, _field = _c._field, self = _c.self;
-            var name = _field.name;
-            var func = (_a = _field === null || _field === void 0 ? void 0 : _field.functions) === null || _a === void 0 ? void 0 : _a.onChange;
-            var isValid = _form.get(_field.name).valid;
-            if (func) {
-                self[func]({
-                    name: name,
-                    isValid: isValid,
-                    event: event,
-                    ctrl: _form.get(this._field.name),
-                    form: _form
-                });
-            }
-        };
-        return MECXDynamicInputComponent;
-    }());
-    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 });
-    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 });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicInputComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'mecx-dynamic-input',
-                        templateUrl: './input.component.html',
-                        encapsulation: i0.ViewEncapsulation.None
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { _field: [{
-                    type: i0.Input
-                }], _form: [{
-                    type: i0.Input
-                }], _formErrors: [{
-                    type: i0.Input
-                }], self: [{
-                    type: i0.Input
-                }], inputElement: [{
-                    type: i0.ViewChild,
-                    args: ['inputElement', {
-                            static: true
-                        }]
-                }], className: [{
-                    type: i0.HostBinding,
-                    args: ['class']
-                }] } });
-
-    var MECXDynamicInputPhoneComponent = /** @class */ (function () {
-        function MECXDynamicInputPhoneComponent(cdr) {
-            this.cdr = cdr;
-            // eslint-disable-next-line object-curly-newline
-            this._formErrors = {};
-            // not to do
-        }
-        Object.defineProperty(MECXDynamicInputPhoneComponent.prototype, "className", {
-            get: function () {
-                var _a, _b;
-                return (_b = (_a = this._field) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.class;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        MECXDynamicInputPhoneComponent.prototype.ngOnInit = function () {
-            this.cdr.detectChanges();
-        };
-        MECXDynamicInputPhoneComponent.prototype.ngOnChanges = function () {
-            this.cdr.detectChanges();
-        };
-        MECXDynamicInputPhoneComponent.prototype.onChange = function (event) {
-            var _a;
-            var _c = this, _form = _c._form, _field = _c._field, self = _c.self;
-            var name = _field.name;
-            var func = (_a = _field === null || _field === void 0 ? void 0 : _field.functions) === null || _a === void 0 ? void 0 : _a.onChange;
-            var isValid = _form.get(_field.name).valid;
-            if (func) {
-                self[func]({
-                    name: name,
-                    isValid: isValid,
-                    event: event,
-                    ctrl: _form.get(this._field.name),
-                    form: _form
-                });
-            }
-        };
-        return MECXDynamicInputPhoneComponent;
-    }());
-    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 });
-    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 });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicInputPhoneComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'mecx-dynamic-input-phone',
-                        templateUrl: './input-phone.component.html',
-                        encapsulation: i0.ViewEncapsulation.None
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { _field: [{
-                    type: i0.Input
-                }], _form: [{
-                    type: i0.Input
-                }], _formErrors: [{
-                    type: i0.Input
-                }], self: [{
-                    type: i0.Input
-                }], inputElement: [{
-                    type: i0.ViewChild,
-                    args: ['inputElement', {
-                            static: true
-                        }]
-                }], className: [{
-                    type: i0.HostBinding,
-                    args: ['class']
-                }] } });
-
-    var MECXDynamicRadioComponent = /** @class */ (function () {
-        function MECXDynamicRadioComponent() {
-            // eslint-disable-next-line object-curly-newline
-            this._formErrors = {};
-        }
-        Object.defineProperty(MECXDynamicRadioComponent.prototype, "className", {
-            get: function () {
-                var _a, _b;
-                return (_b = (_a = this._field) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.class;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return MECXDynamicRadioComponent;
-    }());
-    MECXDynamicRadioComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicRadioComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    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 });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicRadioComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'mecx-dynamic-radio',
-                        templateUrl: './radio.component.html',
-                        encapsulation: i0.ViewEncapsulation.None
-                    }]
-            }], propDecorators: { _field: [{
-                    type: i0.Input
-                }], _form: [{
-                    type: i0.Input
-                }], _formErrors: [{
-                    type: i0.Input
-                }], className: [{
-                    type: i0.HostBinding,
-                    args: ['class']
-                }] } });
-
-    var MECXDynamicSelectComponent = /** @class */ (function () {
-        function MECXDynamicSelectComponent() {
-            // eslint-disable-next-line object-curly-newline
-            this._formErrors = {};
-            this._onHandleOptions = new i0.EventEmitter();
-        }
-        Object.defineProperty(MECXDynamicSelectComponent.prototype, "className", {
-            get: function () {
-                var _a, _b;
-                return (_b = (_a = this._field) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.class;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        MECXDynamicSelectComponent.prototype.onHandleGenericLoad = function () {
-            var _this = this;
-            var _a, _b;
-            var _c = this, _form = _c._form, _field = _c._field, self = _c.self;
-            if (_form.disabled)
-                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;
-            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;
-            if (!func || !self[func]) {
-                console.error('onHandleGenericLoad not declared');
-                return;
-            }
-            _form.disable();
-            self[func]({
-                name: name,
-                url: url,
-                form: _form,
-                callback: function (data) {
-                    _this._field.value = data;
-                    _this._form.enable();
-                    _this._onHandleOptions.next(null);
-                }
-            });
-        };
-        MECXDynamicSelectComponent.prototype.onChange = function (event) {
-            var _a;
-            var _c = this, _form = _c._form, _field = _c._field, self = _c.self;
-            var name = _field.name;
-            var func = (_a = _field === null || _field === void 0 ? void 0 : _field.functions) === null || _a === void 0 ? void 0 : _a.onChange;
-            var isValid = _form.get(_field.name).valid;
-            if (func) {
-                self[func]({
-                    name: name,
-                    isValid: isValid,
-                    event: event,
-                    ctrl: _form.get(this._field.name),
-                    form: _form,
-                    value: _field.value
-                });
-            }
-        };
-        return MECXDynamicSelectComponent;
-    }());
-    MECXDynamicSelectComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicSelectComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    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 });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicSelectComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'mecx-dynamic-select',
-                        templateUrl: './select.component.html',
-                        encapsulation: i0.ViewEncapsulation.None
-                    }]
-            }], propDecorators: { _field: [{
-                    type: i0.Input
-                }], _form: [{
-                    type: i0.Input
-                }], _formErrors: [{
-                    type: i0.Input
-                }], self: [{
-                    type: i0.Input
-                }], className: [{
-                    type: i0.HostBinding,
-                    args: ['class']
-                }] } });
-
-    var MECXDynamicSelectSearchComponent = /** @class */ (function () {
-        function MECXDynamicSelectSearchComponent() {
-            // eslint-disable-next-line object-curly-newline
-            this._formErrors = {};
-            this._onHandleOptions = new i0.EventEmitter();
-        }
-        Object.defineProperty(MECXDynamicSelectSearchComponent.prototype, "className", {
-            get: function () {
-                var _a, _b;
-                return (_b = (_a = this._field) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.class;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        MECXDynamicSelectSearchComponent.prototype.onHandleGenericLoad = function () {
-            var _this = this;
-            var _a, _b;
-            var _c = this, _form = _c._form, _field = _c._field, self = _c.self;
-            if (_form.disabled)
-                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;
-            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;
-            if (!func || !self[func]) {
-                console.error('onHandleGenericLoad not declared');
-                return;
-            }
-            _form.disable();
-            self[func]({
-                name: name,
-                url: url,
-                form: _form,
-                callback: function (data) {
-                    _this._field.value = data;
-                    _this._form.enable();
-                    _this._onHandleOptions.next(null);
-                }
-            });
-        };
-        MECXDynamicSelectSearchComponent.prototype.onChange = function (event) {
-            var _a;
-            var _c = this, _form = _c._form, _field = _c._field, self = _c.self;
-            var name = _field.name;
-            var func = (_a = _field === null || _field === void 0 ? void 0 : _field.functions) === null || _a === void 0 ? void 0 : _a.onChange;
-            var isValid = _form.get(_field.name).valid;
-            if (func) {
-                self[func]({
-                    name: name,
-                    isValid: isValid,
-                    event: event,
-                    ctrl: _form.get(this._field.name),
-                    form: _form,
-                    value: _field.value
-                });
-            }
-        };
-        return MECXDynamicSelectSearchComponent;
-    }());
-    MECXDynamicSelectSearchComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicSelectSearchComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    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 });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicSelectSearchComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'mecx-dynamic-select-search',
-                        templateUrl: './select-search.component.html',
-                        encapsulation: i0.ViewEncapsulation.None
-                    }]
-            }], propDecorators: { _field: [{
-                    type: i0.Input
-                }], _form: [{
-                    type: i0.Input
-                }], _formErrors: [{
-                    type: i0.Input
-                }], self: [{
-                    type: i0.Input
-                }], className: [{
-                    type: i0.HostBinding,
-                    args: ['class']
-                }] } });
-
-    var componentMapper = {
-        input: MECXDynamicInputComponent,
-        'input-phone': MECXDynamicInputPhoneComponent,
-        radiobutton: MECXDynamicRadioComponent,
-        select: MECXDynamicSelectComponent,
-        'select-search': MECXDynamicSelectSearchComponent,
-        'file-upload': MECXDynamicFileUploadComponent,
-        button: MECXDynamicButtonComponent
-    };
-    var MECXDynamicDirective = /** @class */ (function () {
-        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 _e = (_b = this.field) === null || _b === void 0 ? void 0 : _b.alwaysShowPlusValidation, operator = _e.operator, value = _e.value, field = _e.field;
-            var validators = {
-                e: function (val1, val2) { return val1 === val2; },
-                lt: function (val1, val2) { return val1 < val2; },
-                gt: function (val1, val2) { return val1 > val2; }
-            };
-            var data = this.form.controls[field].value;
-            return validators[operator](data, value);
-        };
-        MECXDynamicDirective.prototype.buildComponent = function () {
-            var _a;
-            if ((_a = this.componentRef) === null || _a === void 0 ? void 0 : _a.instance)
-                return;
-            var factory = this.resolver.resolveComponentFactory(componentMapper[this.field.fieldType]);
-            this.componentRef = this.container.createComponent(factory);
-            this.componentRef.instance._field = this.field;
-            this.componentRef.instance._form = this.form;
-            // eslint-disable-next-line object-curly-newline
-            this.componentRef.instance._formErrors = this.formErrors || {};
-            this.componentRef.instance.self = this.self;
-        };
-        MECXDynamicDirective.prototype.ngOnInit = function () {
-            if (!this.field.alwaysShow && !this.handleInternalPlusValidation())
-                return;
-            this.buildComponent();
-        };
-        MECXDynamicDirective.prototype.ngOnChanges = function () {
-            var _this = this;
-            var _a, _b, _c, _d;
-            if (this.plusValidations && this.plusValidations[this.field.name]) {
-                if (!this.field.alwaysShow && this.plusValidations[this.field.name].alwaysShow) {
-                    setTimeout(function () {
-                        _this.buildComponent();
-                        _this.cdr.detectChanges();
-                    }, 1);
-                }
-                if (((_a = this.componentRef) === null || _a === void 0 ? void 0 : _a.instance) && !this.plusValidations[this.field.name].alwaysShow) {
-                    this.componentRef.destroy();
-                    this.componentRef = null;
-                    (_b = this.form.controls[this.field.name]) === null || _b === void 0 ? void 0 : _b.setValue(null);
-                    (_c = this.form.controls[this.field.name]) === null || _c === void 0 ? void 0 : _c.clearValidators();
-                }
-            }
-            if (!((_d = this.componentRef) === null || _d === void 0 ? void 0 : _d.instance))
-                return;
-            this.componentRef.instance._formErrors = this.formErrors || {};
-        };
-        return MECXDynamicDirective;
-    }());
-    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 });
-    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 });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[MECXDynamic]'
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { field: [{
-                    type: i0.Input
-                }], form: [{
-                    type: i0.Input
-                }], formErrors: [{
-                    type: i0.Input
-                }], self: [{
-                    type: i0.Input
-                }], plusValidations: [{
-                    type: i0.Input
-                }] } });
-
-    var MECXDynamicFormComponent = /** @class */ (function (_super) {
-        __extends(MECXDynamicFormComponent, _super);
-        function MECXDynamicFormComponent(fb, cdr) {
-            var _this = _super.call(this, fb) || this;
-            _this.cdr = cdr;
-            _this.unsubscribeAll = new rxjs.Subject();
-            return _this;
-        }
-        MECXDynamicFormComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            _super.prototype.ngOnInit.call(this);
-            this.onHandleSubmit.pipe(operators.takeUntil(this.unsubscribeAll)).subscribe(function (func) {
-                _this.onSubmit(func);
-            });
-        };
-        MECXDynamicFormComponent.prototype.ngOnDestroy = function () {
-            this.unsubscribeAll.next();
-            this.unsubscribeAll.complete();
-        };
-        MECXDynamicFormComponent.prototype.onSubmit = function (callback) {
-            var _form = this._form;
-            // eslint-disable-next-line object-curly-newline
-            this.__monkeyecxFormErrors = {};
-            var isValid = this.validateForm(_form);
-            this.cdr.detectChanges();
-            this.onHandleSubmitFormReady.next({
-                validate: {
-                    isValid: isValid
-                },
-                callback: callback,
-                form: _form
-            });
-        };
-        return MECXDynamicFormComponent;
-    }(BaseDynamic));
-    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 });
-    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 });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicFormComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'mecx-dynamic-form',
-                        templateUrl: './dynamic-form.component.html',
-                        styles: [],
-                        encapsulation: i0.ViewEncapsulation.None
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.FormBuilder }, { type: i0__namespace.ChangeDetectorRef }]; } });
-
-    var MECXDynamicFormArrayComponent = /** @class */ (function (_super) {
-        __extends(MECXDynamicFormArrayComponent, _super);
-        function MECXDynamicFormArrayComponent(fb, cdr) {
-            var _this = _super.call(this, fb) || this;
-            _this.cdr = cdr;
-            _this.unsubscribeAll = new rxjs.Subject();
-            _this.__monkeyecxFormErrors = [];
-            return _this;
-        }
-        MECXDynamicFormArrayComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            _super.prototype.ngOnInit.call(this);
-            this.onHandleSubmit.pipe(operators.takeUntil(this.unsubscribeAll)).subscribe(function (func) {
-                _this.onSubmit(func);
-            });
-        };
-        MECXDynamicFormArrayComponent.prototype.ngOnDestroy = function () {
-            this.unsubscribeAll.next();
-            this.unsubscribeAll.complete();
-        };
-        MECXDynamicFormArrayComponent.prototype.onSubmit = function (callback) {
-            var _this = this;
-            var _form = this._form;
-            // eslint-disable-next-line object-curly-newline
-            this.__monkeyecxFormErrors = [];
-            var validate = {
-                isValid: false
-            };
-            var hasErrors = false;
-            if (this.formValues) {
-                this.__monkeyecxFormErrors = [this.formValues.length];
-                this.formValues.controls.forEach(function (item, index) {
-                    if (item instanceof i1$2.FormGroup) {
-                        if (!_this.validateForm(item, index)) {
-                            hasErrors = true;
-                        }
-                    }
-                });
-            }
-            validate = {
-                isValid: !hasErrors
-            };
-            this.cdr.detectChanges();
-            this.onHandleSubmitFormReady.next({
-                validate: validate,
-                callback: callback,
-                form: _form
-            });
-        };
-        MECXDynamicFormArrayComponent.prototype.onHandleAdd = function () {
-            this.formValues.push(this.formBase());
-            this.cdr.detectChanges();
-        };
-        MECXDynamicFormArrayComponent.prototype.onHandleRemove = function (index) {
-            this.formValues.removeAt(index);
-            this._plusValidations.splice(index, 1);
-        };
-        return MECXDynamicFormArrayComponent;
-    }(BaseDynamicArray));
-    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 });
-    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 });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicFormArrayComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'mecx-dynamic-form-array',
-                        templateUrl: './dynamic-form-array.component.html',
-                        styleUrls: ['./dynamic-form-array.component.scss'],
-                        encapsulation: i0.ViewEncapsulation.None
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.FormBuilder }, { type: i0__namespace.ChangeDetectorRef }]; } });
-
-    var MECXDynamicModule = /** @class */ (function () {
-        function MECXDynamicModule() {
-        }
-        return MECXDynamicModule;
-    }());
-    MECXDynamicModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    MECXDynamicModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicModule, declarations: [MECXDynamicButtonComponent,
-            MECXDynamicFileUploadComponent,
-            MECXDynamicFormComponent,
-            MECXDynamicFormArrayComponent,
-            MECXDynamicInputComponent,
-            MECXDynamicInputPhoneComponent,
-            MECXDynamicRadioComponent,
-            MECXDynamicSelectComponent,
-            MECXDynamicSelectSearchComponent,
-            MECXDynamicDirective], imports: [i3.CommonModule,
-            i1$2.FormsModule,
-            i1$2.ReactiveFormsModule,
-            i1.MonkeyInputModule,
-            i1.MonkeySelectModule,
-            i1.MonkeyRadioButtonModule,
-            i1.MonkeyOptionModule,
-            i1.MonkeyFileUploadModule,
-            i1.MonkeyButtonModule,
-            i1.MonkeyInputPhoneModule, i4__namespace.TranslateModule], exports: [MECXDynamicDirective, MECXDynamicFormComponent, MECXDynamicFormArrayComponent] });
-    MECXDynamicModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicModule, imports: [[
-                i3.CommonModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
-                i1.MonkeyInputModule,
-                i1.MonkeySelectModule,
-                i1.MonkeyRadioButtonModule,
-                i1.MonkeyOptionModule,
-                i1.MonkeyFileUploadModule,
-                i1.MonkeyButtonModule,
-                i1.MonkeyInputPhoneModule,
-                i4.TranslateModule.forChild()
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXDynamicModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            MECXDynamicButtonComponent,
-                            MECXDynamicFileUploadComponent,
-                            MECXDynamicFormComponent,
-                            MECXDynamicFormArrayComponent,
-                            MECXDynamicInputComponent,
-                            MECXDynamicInputPhoneComponent,
-                            MECXDynamicRadioComponent,
-                            MECXDynamicSelectComponent,
-                            MECXDynamicSelectSearchComponent,
-                            MECXDynamicDirective
-                        ],
-                        imports: [
-                            i3.CommonModule,
-                            i1$2.FormsModule,
-                            i1$2.ReactiveFormsModule,
-                            i1.MonkeyInputModule,
-                            i1.MonkeySelectModule,
-                            i1.MonkeyRadioButtonModule,
-                            i1.MonkeyOptionModule,
-                            i1.MonkeyFileUploadModule,
-                            i1.MonkeyButtonModule,
-                            i1.MonkeyInputPhoneModule,
-                            i4.TranslateModule.forChild()
-                        ],
-                        exports: [MECXDynamicDirective, MECXDynamicFormComponent, MECXDynamicFormArrayComponent],
-                        entryComponents: [MECXDynamicInputComponent]
-                    }]
-            }] });
-
-    var MECXPasswordStrengthComponent = /** @class */ (function () {
-        function MECXPasswordStrengthComponent(configService) {
-            this.configService = configService;
-            this.onHandleSubmitReady = new i0.EventEmitter();
-            this._validatorsPasswordPass = [];
-            this._stepPassword = null;
-            this.validatorsPassword = new Map();
-            // not do
-        }
-        MECXPasswordStrengthComponent.prototype.handleColor = function (score) {
-            var idx = 0;
-            if (score > 50)
-                idx = 1;
-            if (score === 100)
-                idx = 2;
-            this._stepPassword = idx;
-        };
-        MECXPasswordStrengthComponent.prototype.passwordStrengthValidator = function (pass) {
-            var _this = this;
-            this._validatorsPasswordPass = [];
-            var score = 0;
-            this.validatorsPassword.forEach(function (key, value) {
-                _this._validatorsPasswordPass.push({
-                    regex: "" + value,
-                    validate: "" + key.VALIDATE === String(RegExp("" + key.REGEX).test(pass)),
-                    percent: 100 / _this.validatorsPassword.size
-                });
-            });
-            this._validatorsPasswordPass.forEach(function (check) {
-                if (check.validate) {
-                    score += check.percent;
-                }
-            });
-            return Math.trunc(score);
-        };
-        MECXPasswordStrengthComponent.prototype.onHandleReady = function () {
-            var _a;
-            var validate = (_a = this._validatorsPasswordPass) === null || _a === void 0 ? void 0 : _a.find(function (_d) {
-                var validate = _d.validate;
-                return !validate;
-            });
-            this.onHandleSubmitReady.next(!validate);
-        };
-        MECXPasswordStrengthComponent.prototype.onHandleChages = function () {
-            var password = this.passwordToCheck;
-            this.handleColor(this.passwordStrengthValidator(password));
-            this.onHandleReady();
-        };
-        MECXPasswordStrengthComponent.prototype.onHandlePasswordStrengthKeys = function (params) {
-            var _this = this;
-            var _a, _b, _c;
-            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;
-            if (ps) {
-                Object.entries(ps)
-                    .forEach(function (_d) {
-                    var _e = __read(_d, 2), key = _e[0], value = _e[1];
-                    if (i1$1.MonkeyEcxUtils.persistNullEmptyUndefined(value)) {
-                        _this.validatorsPassword.set(key, value);
-                    }
-                });
-                this.onHandleChages();
-            }
-        };
-        MECXPasswordStrengthComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.configService.config().subscribe(function (_) {
-                _this.onHandlePasswordStrengthKeys(_);
-            });
-        };
-        MECXPasswordStrengthComponent.prototype.ngOnChanges = function () {
-            this.onHandleChages();
-        };
-        return MECXPasswordStrengthComponent;
-    }());
-    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 });
-    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 });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXPasswordStrengthComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'mecx-password-strength',
-                        templateUrl: './password-strength.component.html',
-                        styleUrls: ['./password-strength.component.scss'],
-                        encapsulation: i0.ViewEncapsulation.None
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$2.MonkeyEcxConfigService }]; }, propDecorators: { passwordToCheck: [{
-                    type: i0.Input
-                }], onHandleSubmitReady: [{
-                    type: i0.Output
-                }] } });
-
-    var MECXPasswordStrengthModule = /** @class */ (function () {
-        function MECXPasswordStrengthModule() {
-        }
-        return MECXPasswordStrengthModule;
-    }());
-    MECXPasswordStrengthModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXPasswordStrengthModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    MECXPasswordStrengthModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXPasswordStrengthModule, declarations: [MECXPasswordStrengthComponent], imports: [i3.CommonModule,
-            i1$2.FormsModule,
-            i1$2.ReactiveFormsModule,
-            i1$1.MonkeyEcxPipesModule,
-            i1$1.MonkeyEcxDirectivesModule,
-            i1.MonkeyButtonModule,
-            i1.MonkeyInputModule,
-            i1.MonkeyIconModule, i4__namespace.TranslateModule], exports: [MECXPasswordStrengthComponent] });
-    MECXPasswordStrengthModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXPasswordStrengthModule, imports: [[
-                i3.CommonModule,
-                i1$2.FormsModule,
-                i1$2.ReactiveFormsModule,
-                i1$1.MonkeyEcxPipesModule,
-                i1$1.MonkeyEcxDirectivesModule,
-                i1.MonkeyButtonModule,
-                i1.MonkeyInputModule,
-                i1.MonkeyIconModule,
-                i4.TranslateModule.forChild()
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: MECXPasswordStrengthModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [MECXPasswordStrengthComponent],
-                        imports: [
-                            i3.CommonModule,
-                            i1$2.FormsModule,
-                            i1$2.ReactiveFormsModule,
-                            i1$1.MonkeyEcxPipesModule,
-                            i1$1.MonkeyEcxDirectivesModule,
-                            i1.MonkeyButtonModule,
-                            i1.MonkeyInputModule,
-                            i1.MonkeyIconModule,
-                            i4.TranslateModule.forChild()
-                        ],
-                        exports: [MECXPasswordStrengthComponent]
-                    }]
-            }] });
-
-    /*
-     * Public API Surface of monkey-front-components
-     */
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.BaseComponent = BaseComponent;
-    exports.BaseDynamic = BaseDynamic;
-    exports.BaseDynamicArray = BaseDynamicArray;
-    exports.MECXDynamicDirective = MECXDynamicDirective;
-    exports.MECXDynamicFileUploadComponent = MECXDynamicFileUploadComponent;
-    exports.MECXDynamicFormArrayComponent = MECXDynamicFormArrayComponent;
-    exports.MECXDynamicFormComponent = MECXDynamicFormComponent;
-    exports.MECXDynamicInputComponent = MECXDynamicInputComponent;
-    exports.MECXDynamicInputPhoneComponent = MECXDynamicInputPhoneComponent;
-    exports.MECXDynamicModule = MECXDynamicModule;
-    exports.MECXDynamicRadioComponent = MECXDynamicRadioComponent;
-    exports.MECXDynamicSelectComponent = MECXDynamicSelectComponent;
-    exports.MECXPasswordStrengthComponent = MECXPasswordStrengthComponent;
-    exports.MECXPasswordStrengthModule = MECXPasswordStrengthModule;
-    exports.validators = validators;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=monkey-front-components.umd.js.map