@koalarx/ui 12.4.1 → 12.4.2

package/form/bundles/koalarx-ui-form.umd.js

@@ -0,0 +1,1949 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@koalarx/ui/core'), require('@angular/forms'), require('@koalarx/utils'), require('ngx-device-detector'), require('rxjs/operators'), require('@koalarx/utils/dist/utils/KlDelay'), require('@angular/common'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/radio'), require('@angular/material/checkbox'), require('@angular/material/autocomplete'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/material/progress-spinner'), require('ngx-mask'), require('ng2-currency-mask'), require('@koalarx/ui/button'), require('@angular/material/expansion'), require('@koalarx/ui/file-button'), require('@angular/material/chips')) :
+    typeof define === 'function' && define.amd ? define('@koalarx/ui/form', ['exports', '@angular/core', 'rxjs', '@koalarx/ui/core', '@angular/forms', '@koalarx/utils', 'ngx-device-detector', 'rxjs/operators', '@koalarx/utils/dist/utils/KlDelay', '@angular/common', '@angular/material/input', '@angular/material/select', '@angular/material/radio', '@angular/material/checkbox', '@angular/material/autocomplete', '@angular/material/button', '@angular/material/icon', '@angular/material/progress-spinner', 'ngx-mask', 'ng2-currency-mask', '@koalarx/ui/button', '@angular/material/expansion', '@koalarx/ui/file-button', '@angular/material/chips'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.koalarx = global.koalarx || {}, global.koalarx.ui = global.koalarx.ui || {}, global.koalarx.ui.form = {}), global.ng.core, global.rxjs, global.core, global.ng.forms, global.utils, global.i2, global.rxjs.operators, global.KlDelay, global.ng.common, global.ng.material.input, global.ng.material.select, global.ng.material.radio, global.ng.material.checkbox, global.ng.material.autocomplete, global.ng.material.button, global.ng.material.icon, global.ng.material.progressSpinner, global["ngx-mask"], global.ng2CurrencyMask, global.button, global.ng.material.expansion, global.fileButton, global.ng.material.chips));
+})(this, (function (exports, i0, rxjs, core, i1, utils, i2, operators, KlDelay, common, input, select, radio, checkbox, autocomplete, button, icon, progressSpinner, ngxMask, ng2CurrencyMask, button$1, expansion, fileButton, chips) { '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 = /*#__PURE__*/_interopNamespace(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+
+    var BtnSubmitComponent = /** @class */ (function () {
+        function BtnSubmitComponent() {
+            this.color = 'primary';
+            this.btnLabel = core.KoalaLanguageHelper.getBtnLabel();
+            this.btnSubmitDisabled = false;
+            this.disabled = new rxjs.BehaviorSubject(false);
+        }
+        BtnSubmitComponent.prototype.ngOnInit = function () {
+            if (!this.btnLabel) {
+                this.btnLabel = core.KoalaLanguageHelper.getBtnLabel();
+            }
+        };
+        BtnSubmitComponent.prototype.ngOnChanges = function (changes) {
+            if (changes.btnSubmitDisabled) {
+                this.disabled.next(changes.btnSubmitDisabled.currentValue);
+            }
+        };
+        return BtnSubmitComponent;
+    }());
+    BtnSubmitComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'koala-submit',
+                    template: "<button\n\t*ngIf=\"!iconButton else btnIcon\"\n\t[color]=\"color\"\n\t[disabled]=\"(disabled | async) || fg.invalid || fg.pending\"\n\tmat-raised-button\n\ttype=\"submit\">\n  <span>{{btnLabel}}</span>\n  <mat-spinner *ngIf=\"loader | async\" diameter=\"20\"></mat-spinner>\n</button>\n<ng-template #btnIcon>\n  <button\n\t  [color]=\"color\"\n\t  [disabled]=\"(disabled | async) || fg.invalid || fg.pending\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  type=\"submit\">\n    <mat-spinner *ngIf=\"loader | async\" [color]=\"color\" diameter=\"20\"></mat-spinner>\n    <mat-icon *ngIf=\"!(loader | async)\">{{icon}}</mat-icon>\n  </button>\n</ng-template>\n",
+                    styles: [".mat-spinner{display:inline-block;margin-left:8px}.koala-button{padding:2px 8px}.koala-icon-button mat-spinner{position:relative;display:inline-flex;margin:0}\n"]
+                },] }
+    ];
+    BtnSubmitComponent.propDecorators = {
+        fg: [{ type: i0.Input }],
+        color: [{ type: i0.Input }],
+        btnLabel: [{ type: i0.Input }],
+        btnSubmitDisabled: [{ type: i0.Input }],
+        loader: [{ type: i0.Input }],
+        iconButton: [{ type: i0.Input }],
+        icon: [{ type: i0.Input }],
+        iconColor: [{ type: i0.Input }]
+    };
+
+    exports.DynamicFormTypeFieldEnum = void 0;
+    (function (DynamicFormTypeFieldEnum) {
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["text"] = 1] = "text";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["password"] = 2] = "password";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["cpf"] = 3] = "cpf";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["cnpj"] = 4] = "cnpj";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["datetime"] = 5] = "datetime";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["email"] = 6] = "email";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["phone"] = 7] = "phone";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["number"] = 8] = "number";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["valueList"] = 9] = "valueList";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["textarea"] = 10] = "textarea";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["time"] = 11] = "time";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["hoursAndMinutes"] = 12] = "hoursAndMinutes";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["checkbox"] = 13] = "checkbox";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["select"] = 14] = "select";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["coin"] = 15] = "coin";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["percent"] = 16] = "percent";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["moreItems"] = 17] = "moreItems";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["id"] = 18] = "id";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["textLogs"] = 19] = "textLogs";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["file"] = 20] = "file";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["autocomplete"] = 21] = "autocomplete";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["color"] = 22] = "color";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["dynamicForm"] = 23] = "dynamicForm";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["date"] = 24] = "date";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["radio"] = 25] = "radio";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["float"] = 26] = "float";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["stringNumber"] = 27] = "stringNumber";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["selectMultipleNative"] = 28] = "selectMultipleNative";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["month"] = 29] = "month";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["competenceDate"] = 30] = "competenceDate";
+        DynamicFormTypeFieldEnum[DynamicFormTypeFieldEnum["stringWithCustomMasc"] = 31] = "stringWithCustomMasc";
+    })(exports.DynamicFormTypeFieldEnum || (exports.DynamicFormTypeFieldEnum = {}));
+
+    /*! *****************************************************************************
+    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 FieldBase = /** @class */ (function () {
+        function FieldBase(label, name, type, formConfig, fb, deviceService) {
+            this.formConfig = formConfig;
+            this.fb = fb;
+            this.deviceService = deviceService;
+            this.fieldConfig = {
+                label: label,
+                name: name,
+                type: type
+            };
+            this.appearance().grid();
+        }
+        FieldBase.prototype.hide = function (hide) {
+            if (hide === void 0) { hide = true; }
+            this.fieldConfig.show = !hide;
+            return this;
+        };
+        FieldBase.prototype.focus = function () {
+            this.fieldConfig.focus = true;
+            return this;
+        };
+        FieldBase.prototype.syncValidator = function (validators) {
+            this.fieldConfig.syncValidators = validators;
+            return this;
+        };
+        FieldBase.prototype.asyncValidator = function (validators) {
+            this.fieldConfig.asyncValidators = validators;
+            return this;
+        };
+        FieldBase.prototype.disabled = function (disabled) {
+            if (disabled === void 0) { disabled = true; }
+            this.fieldConfig.disabled = disabled;
+            return this;
+        };
+        FieldBase.prototype.required = function (required) {
+            if (required === void 0) { required = true; }
+            this.fieldConfig.required = required;
+            return this;
+        };
+        FieldBase.prototype.textHint = function (hint) {
+            this.fieldConfig.textHint = hint;
+            return this;
+        };
+        FieldBase.prototype.min = function (min) {
+            this.fieldConfig.min = min;
+            return this;
+        };
+        FieldBase.prototype.max = function (max) {
+            this.fieldConfig.max = max;
+            return this;
+        };
+        FieldBase.prototype.minLength = function (min) {
+            this.fieldConfig.minLength = min;
+            return this;
+        };
+        FieldBase.prototype.maxLength = function (max) {
+            this.fieldConfig.maxLength = max;
+            return this;
+        };
+        FieldBase.prototype.multiple = function (multiple) {
+            if (multiple === void 0) { multiple = true; }
+            this.fieldConfig.multiple = multiple;
+        };
+        FieldBase.prototype.valueChanges = function (fn) {
+            this.fieldConfig.valueChanges = fn;
+            return this;
+        };
+        FieldBase.prototype.setValue = function (value) {
+            this.fieldConfig.value = value;
+            return this;
+        };
+        FieldBase.prototype.appearance = function (type, floatLabel) {
+            if (type === void 0) { type = "outline"; }
+            if (floatLabel === void 0) { floatLabel = "always"; }
+            this.fieldConfig.appearance = type;
+            this.fieldConfig.floatLabel = floatLabel;
+            return this;
+        };
+        FieldBase.prototype.grid = function (size, width) {
+            if (size === void 0) { size = 12; }
+            if (width === void 0) { width = 100; }
+            var _a;
+            if (this.deviceService.isMobile()) {
+                size = 12;
+            }
+            for (var colSize = 12; colSize >= 1; colSize--) {
+                this.fieldConfig.class = (_a = this.fieldConfig.class) === null || _a === void 0 ? void 0 : _a.replace('col-' + colSize, '');
+            }
+            this.addClass('col-' + size);
+            this.addFieldClass('w-' + width);
+            return this;
+        };
+        FieldBase.prototype.setOptions = function (options) {
+            this.fieldConfig.opcoesSelect = options;
+            return this;
+        };
+        FieldBase.prototype.addClass = function (className) {
+            var _a, _b;
+            if (this.deviceService.isMobile() &&
+                className.indexOf('col-') >= 0 &&
+                className.indexOf('col-12') === 0) {
+                className = className.replace('col-1', 'col-12')
+                    .replace('col-2', 'col-12')
+                    .replace('col-3', 'col-12')
+                    .replace('col-4', 'col-12')
+                    .replace('col-5', 'col-12')
+                    .replace('col-6', 'col-12')
+                    .replace('col-7', 'col-12')
+                    .replace('col-8', 'col-12')
+                    .replace('col-9', 'col-12')
+                    .replace('col-10', 'col-12')
+                    .replace('col-11', 'col-12');
+            }
+            this.fieldConfig.class = utils.koala(((_b = (_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.class) !== null && _b !== void 0 ? _b : '') + " " + className)
+                .string()
+                .split(' ')
+                .clearEmptyValues()
+                .toString(' ')
+                .getValue();
+            return this;
+        };
+        FieldBase.prototype.addFieldClass = function (className) {
+            var _a, _b;
+            this.fieldConfig.fieldClass = utils.koala(((_b = (_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.fieldClass) !== null && _b !== void 0 ? _b : '') + " " + className)
+                .string()
+                .split(' ')
+                .clearEmptyValues()
+                .toString(' ')
+                .getValue();
+            return this;
+        };
+        FieldBase.prototype.setCustomMasc = function (mask) {
+            this.fieldConfig.customMasc = mask;
+            return this;
+        };
+        FieldBase.prototype.generate = function () {
+            var getLastConfig = (this.formConfig.formConfig.length > 0) ?
+                this.formConfig.formConfig[this.formConfig.formConfig.length - 1] :
+                null;
+            if ((getLastConfig === null || getLastConfig === void 0 ? void 0 : getLastConfig.type) === exports.DynamicFormTypeFieldEnum.moreItems && (getLastConfig === null || getLastConfig === void 0 ? void 0 : getLastConfig.name) !== 'endMoreItems') {
+                this.formConfig.formConfig[this.formConfig.formConfig.length - 1].moreItemsConfig.formConfig.push(this.fieldConfig);
+            }
+            else {
+                if ((getLastConfig === null || getLastConfig === void 0 ? void 0 : getLastConfig.name) === 'endMoreItems') {
+                    this.formConfig.formConfig.splice(this.formConfig.formConfig.length - 1, 1);
+                }
+                this.formConfig.formConfig.push(this.fieldConfig);
+            }
+            return new DynamicFormBuilder(this.fb, this.deviceService, this.formConfig.formConfig);
+        };
+        return FieldBase;
+    }());
+
+    var AutocompleteBuilder = /** @class */ (function (_super) {
+        __extends(AutocompleteBuilder, _super);
+        function AutocompleteBuilder(label, name, formConfig, fb, deviceService) {
+            return _super.call(this, label, name, exports.DynamicFormTypeFieldEnum.autocomplete, formConfig, fb, deviceService) || this;
+        }
+        AutocompleteBuilder.prototype.service = function (service) {
+            this.service$ = service;
+            return this;
+        };
+        AutocompleteBuilder.prototype.defaultValueOnClean = function (value) {
+            this.fieldConfig.autocompleteDefaultValueOnClear = value;
+            return this;
+        };
+        AutocompleteBuilder.prototype.loadOptions = function (type, onDemandFilter) {
+            this.fieldConfig.autocompleteType = type;
+            if (type === "all") {
+                var options$_1 = new rxjs.BehaviorSubject([]);
+                this.service$.subscribe(function (options) { return options$_1.next(options); });
+                this.fieldConfig.autocompleteOptions = options$_1;
+            }
+            else {
+                this.fieldConfig.autocompleteFilter = onDemandFilter;
+            }
+            return this;
+        };
+        AutocompleteBuilder.prototype.colorChipConfig = function (fn) {
+            this.fieldConfig.autocompleteMultipleConfig = new rxjs.BehaviorSubject(null);
+            fn(this.fieldConfig.autocompleteMultipleConfig);
+            return this;
+        };
+        return AutocompleteBuilder;
+    }(FieldBase));
+
+    var FieldBuilder = /** @class */ (function (_super) {
+        __extends(FieldBuilder, _super);
+        function FieldBuilder(label, name, type, formConfig, fb, deviceService) {
+            return _super.call(this, label, name, type, formConfig, fb, deviceService) || this;
+        }
+        return FieldBuilder;
+    }(FieldBase));
+
+    var MoreItemsBuilder = /** @class */ (function () {
+        function MoreItemsBuilder(label, name, btnAddLabel, min, max, formConfig, fb, deviceService) {
+            this.label = label;
+            this.name = name;
+            this.btnAddLabel = btnAddLabel;
+            this.min = min;
+            this.max = max;
+            this.formConfig = formConfig;
+            this.fb = fb;
+            this.deviceService = deviceService;
+        }
+        MoreItemsBuilder.prototype.build = function () {
+            var getLastConfig = (this.formConfig.formConfig.length > 0) ?
+                this.formConfig.formConfig[this.formConfig.formConfig.length - 1] :
+                null;
+            this.fieldConfig = {
+                label: this.label,
+                name: this.name,
+                type: exports.DynamicFormTypeFieldEnum.moreItems,
+                moreItemsIconBackgroundColor: '#fff',
+                moreItemsIconFontColor: '#212121',
+                moreItemsMinItems: this.min,
+                moreItemsMaxItems: this.max,
+                moreItemsButtonIconAddlabel: this.btnAddLabel,
+                moreItemsConfig: {
+                    form: this.fb.group({}),
+                    formConfig: [],
+                    setValues: new rxjs.BehaviorSubject([])
+                }
+            };
+            if ((getLastConfig === null || getLastConfig === void 0 ? void 0 : getLastConfig.type) === exports.DynamicFormTypeFieldEnum.moreItems && (getLastConfig === null || getLastConfig === void 0 ? void 0 : getLastConfig.name) !== 'endMoreItems') {
+                var formConfigMoreItems = getLastConfig.moreItemsConfig.formConfig;
+                if (formConfigMoreItems.length > 0) {
+                    var lastIndexMoreItems_1 = 0;
+                    formConfigMoreItems.forEach(function (item, index) {
+                        if (item.type === exports.DynamicFormTypeFieldEnum.moreItems)
+                            lastIndexMoreItems_1 = index;
+                    });
+                    formConfigMoreItems[lastIndexMoreItems_1].moreItemsConfig.formConfig.push(this.fieldConfig);
+                }
+                else {
+                    this.formConfig.formConfig[this.formConfig.formConfig.length - 1].moreItemsConfig.formConfig.push(this.fieldConfig);
+                }
+            }
+            else {
+                if ((getLastConfig === null || getLastConfig === void 0 ? void 0 : getLastConfig.name) === 'endMoreItems') {
+                    this.formConfig.formConfig.splice(this.formConfig.formConfig.length - 1, 1);
+                }
+                this.formConfig.formConfig.push(this.fieldConfig);
+            }
+            return new DynamicFormBuilder(this.fb, this.deviceService, this.formConfig.formConfig);
+        };
+        return MoreItemsBuilder;
+    }());
+
+    var DynamicFormBuilder = /** @class */ (function () {
+        function DynamicFormBuilder(fb, deviceService, configInMemory) {
+            this.fb = fb;
+            this.deviceService = deviceService;
+            this.config = {
+                form: fb.group({}),
+                formConfig: configInMemory !== null && configInMemory !== void 0 ? configInMemory : [],
+                setValues: new rxjs.BehaviorSubject(null),
+                showFields: new rxjs.BehaviorSubject(null)
+            };
+        }
+        DynamicFormBuilder.prototype.field = function (label, name, type) {
+            switch (type) {
+                case "id":
+                case "text":
+                case "textarea":
+                case "number":
+                case "stringNumber":
+                case "cnpj":
+                case "cpf":
+                case "coin":
+                case "color":
+                case "date":
+                case "datetime":
+                case "email":
+                case "float":
+                case "password":
+                case "percent":
+                case "phone":
+                case "time":
+                case "hoursAndMinutes":
+                case "textLogs":
+                case "valueList":
+                case "checkbox":
+                case "radio":
+                case "select":
+                case "selectMultipleNative":
+                case "month":
+                case "competenceDate":
+                case "stringWithCustomMasc":
+                    return new FieldBuilder(label, name, exports.DynamicFormTypeFieldEnum[type], this.config, this.fb, this.deviceService);
+            }
+        };
+        DynamicFormBuilder.prototype.autocomplete = function (label, name) {
+            return new AutocompleteBuilder(label, name, this.config, this.fb, this.deviceService);
+        };
+        DynamicFormBuilder.prototype.simpleMoreItems = function (label, name, btnAddLabel, min, max) {
+            return new MoreItemsBuilder(label, name, btnAddLabel, min, max, this.config, this.fb, this.deviceService);
+        };
+        DynamicFormBuilder.prototype.autofill = function (object) {
+            var _this = this;
+            if (object) {
+                var setValues_1 = [];
+                Object.keys(object).forEach(function (indexName) {
+                    var _a;
+                    var arrField = utils.koala(_this.config.formConfig).array().filter(indexName, 'name').getValue();
+                    var field = (_a = arrField[0]) !== null && _a !== void 0 ? _a : null;
+                    if (typeof object[indexName] !== "object" ||
+                        field.type === exports.DynamicFormTypeFieldEnum.autocomplete ||
+                        field.type === exports.DynamicFormTypeFieldEnum.selectMultipleNative) {
+                        if ((field === null || field === void 0 ? void 0 : field.type) === exports.DynamicFormTypeFieldEnum.textLogs) {
+                            field.textObs = object[indexName];
+                        }
+                        else {
+                            setValues_1.push({
+                                name: indexName,
+                                value: object[indexName]
+                            });
+                        }
+                    }
+                    else {
+                        if (field.type === exports.DynamicFormTypeFieldEnum.moreItems) {
+                            var setValuesMoreItems_1 = [];
+                            var objectMoreItems = object[indexName];
+                            objectMoreItems.forEach(function (objectItem) {
+                                var moreItemValues = [];
+                                Object.keys(objectItem).forEach(function (objectIndexName) {
+                                    moreItemValues.push({
+                                        name: objectIndexName,
+                                        value: objectItem[objectIndexName]
+                                    });
+                                });
+                                setValuesMoreItems_1.push(new rxjs.BehaviorSubject(moreItemValues));
+                            });
+                            field.moreItemsConfig.setValues.next(setValuesMoreItems_1);
+                        }
+                        else if (field.type === exports.DynamicFormTypeFieldEnum.dynamicForm) {
+                            var dynamicFormObject_1 = object[indexName];
+                            var dynamicFormSetValues_1 = [];
+                            Object.keys(dynamicFormObject_1).forEach(function (dynamicFormIndexName) {
+                                var _a;
+                                var arrDynamicField = utils.koala(field.dynamicFormConfig.formConfig).array().filter(indexName, 'name').getValue();
+                                var dynamicField = (_a = arrDynamicField[0]) !== null && _a !== void 0 ? _a : null;
+                                if ((dynamicField === null || dynamicField === void 0 ? void 0 : dynamicField.type) === exports.DynamicFormTypeFieldEnum.textLogs) {
+                                    dynamicField.textObs = object[indexName];
+                                }
+                                else {
+                                    dynamicFormSetValues_1.push({
+                                        name: dynamicFormIndexName,
+                                        value: dynamicFormObject_1[dynamicFormIndexName]
+                                    });
+                                }
+                            });
+                            field.dynamicFormConfig.setValues.next(dynamicFormSetValues_1);
+                        }
+                        else {
+                            _this.autofill(object[indexName]);
+                        }
+                    }
+                });
+                this.config.setValues.next(setValues_1);
+            }
+            return this;
+        };
+        DynamicFormBuilder.prototype.literalConfig = function (config) {
+            this.config.formConfig.push(config);
+            if (config.type === exports.DynamicFormTypeFieldEnum.moreItems)
+                this.generateMoreItems();
+            return this;
+        };
+        DynamicFormBuilder.prototype.generate = function () {
+            this.config.formConfig = this.config.formConfig.filter(function (config) { return config.name !== 'endMoreItems'; });
+            return this.config;
+        };
+        DynamicFormBuilder.prototype.generateMoreItems = function () {
+            this.config.formConfig.push({
+                name: 'endMoreItems',
+                type: exports.DynamicFormTypeFieldEnum.moreItems
+            });
+            return new DynamicFormBuilder(this.fb, this.deviceService, this.config.formConfig);
+        };
+        return DynamicFormBuilder;
+    }());
+
+    function DateMinValidator(min) {
+        return function (control) {
+            if (control.value && typeof min === 'string') {
+                if (new Date(control.value) < new Date(min)) {
+                    return { dateMin: true };
+                }
+            }
+            return null;
+        };
+    }
+
+    function DateMaxValidator(max) {
+        return function (control) {
+            if (control.value && typeof max === 'string') {
+                if (new Date(control.value) > new Date(max)) {
+                    return { dateMax: true };
+                }
+            }
+            return null;
+        };
+    }
+
+    var KoalaDynamicFormService = /** @class */ (function () {
+        function KoalaDynamicFormService(fb, deviceService) {
+            this.fb = fb;
+            this.deviceService = deviceService;
+        }
+        KoalaDynamicFormService.prototype.build = function () {
+            return new DynamicFormBuilder(this.fb, this.deviceService);
+        };
+        KoalaDynamicFormService.prototype.updateValidator = function (formGroup, name, type, value) {
+            if (type === 'required' && typeof value !== 'boolean') {
+                throw new Error("Type required cannot be a " + typeof value);
+            }
+            else if ((type === 'min' || type === 'max') && typeof value === "boolean") {
+                throw new Error("Type " + type + " cannot be a boolean");
+            }
+            var formArray = formGroup.get('formData');
+            var control = formArray.controls.find(function (control) { return control.get('name').value === name; });
+            if (control) {
+                var currentRequired = control.get('required').value;
+                var currentMin = control.get('min').value;
+                var currentMax = control.get('max').value;
+                var validators = [];
+                control.get('value').clearValidators();
+                control.get('value').setErrors(null);
+                if ((type === "required" && value) || currentRequired) {
+                    validators.push(i1.Validators.required);
+                    control.get('value').setErrors({ required: true });
+                }
+                if ((type === "min" || currentMin)) {
+                    if (typeof value === "number") {
+                        validators.push(i1.Validators.min((type === "min" ? value : currentMin)));
+                        control.get('value').setErrors({ min: true });
+                    }
+                    else if (typeof value === "string") {
+                        validators.push(DateMinValidator((type === "min" ? value : currentMin)));
+                        control.get('value').setErrors({ dateMin: true });
+                    }
+                }
+                if ((type === "max" || currentMax)) {
+                    if (typeof value === "number") {
+                        validators.push(i1.Validators.max((type === "max" ? value : currentMax)));
+                        control.get('value').setErrors({ max: true });
+                    }
+                    else if (typeof value === "string") {
+                        validators.push(DateMaxValidator((type === "max" ? value : currentMax)));
+                        control.get('value').setErrors({ dateMax: true });
+                    }
+                }
+                if (type === "required") {
+                    control.get('required').setValue(value);
+                }
+                else if (type === "min") {
+                    control.get('min').setValue(value);
+                }
+                else if (type === "max") {
+                    control.get('max').setValue(value);
+                }
+                control.get('value').setValidators(validators);
+                control.get('value').updateValueAndValidity();
+            }
+        };
+        KoalaDynamicFormService.prototype.emitData = function (form) {
+            var _this = this;
+            var data = {};
+            var formArray = form.get('formData');
+            formArray === null || formArray === void 0 ? void 0 : formArray.controls.forEach(function (control) {
+                var _a;
+                if (control.get('show').value.getValue() !== false) {
+                    var value_1 = control.get('value').value;
+                    if (control.get('type').value === exports.DynamicFormTypeFieldEnum.valueList) {
+                        if (value_1 === null || value_1 === undefined) {
+                            value_1 = '';
+                        }
+                        value_1 = utils.koala(value_1).string().split().getValue();
+                    }
+                    else if (control.get('type').value === exports.DynamicFormTypeFieldEnum.moreItems) {
+                        var moreItems = control.get('moreItemsConfig').value;
+                        value_1 = [];
+                        moreItems.forEach(function (item) {
+                            value_1.push(_this.emitData(item.form));
+                        });
+                    }
+                    else if (control.get('type').value === exports.DynamicFormTypeFieldEnum.autocomplete) {
+                        if (control.get('multiple').value) {
+                            var options = control.get('autocompleteSelectedValue').value;
+                            value_1 = options === null || options === void 0 ? void 0 : options.map(function (item) { return item === null || item === void 0 ? void 0 : item.value; });
+                        }
+                        else {
+                            value_1 = (((_a = control.get('autocompleteSelectedValue').value) === null || _a === void 0 ? void 0 : _a.value) ?
+                                control.get('autocompleteSelectedValue').value.value :
+                                control.get('autocompleteSelectedValue').value);
+                        }
+                    }
+                    else if (control.get('type').value === exports.DynamicFormTypeFieldEnum.dynamicForm) {
+                        var dynamicFormConfig = control.get('dynamicFormConfig').value;
+                        value_1 = _this.emitData(dynamicFormConfig.getValue().form);
+                    }
+                    else if (control.get('type').value === exports.DynamicFormTypeFieldEnum.number) {
+                        value_1 = parseInt(value_1);
+                    }
+                    else if ((control.get('type').value === exports.DynamicFormTypeFieldEnum.float ||
+                        control.get('type').value === exports.DynamicFormTypeFieldEnum.percent) && typeof value_1 === "string") {
+                        value_1 = parseFloat(value_1.replace(/,/g, '.'));
+                    }
+                    else if (control.get('type').value === exports.DynamicFormTypeFieldEnum.coin &&
+                        typeof value_1 === "string") {
+                        value_1 = utils.koala(value_1).string().unmaskCoin().getValue();
+                    }
+                    data[control.get('name').value] = value_1;
+                }
+            });
+            return data;
+        };
+        KoalaDynamicFormService.prototype.resetForm = function (form) {
+            var formArray = form.get('formData');
+            formArray.controls.forEach(function (control) {
+                if (control.get('type').value === exports.DynamicFormTypeFieldEnum.moreItems) {
+                    control.get('moreItemsConfig').setValue([]);
+                }
+                else {
+                    control.get('value').reset();
+                }
+            });
+        };
+        KoalaDynamicFormService.prototype.setValuesInMoreItemsForm = function (subject, values) {
+            var valuesMoreItems = [];
+            values.forEach(function (itemValue) {
+                valuesMoreItems.push(new rxjs.BehaviorSubject(itemValue));
+            });
+            subject.next(valuesMoreItems);
+        };
+        KoalaDynamicFormService.prototype.autocompleteFilterOnServer = function (request, nameConfig, indexNameByValue) {
+            var _this = this;
+            return new rxjs.Observable(function (observe) {
+                request().then(function (response) {
+                    var options = [];
+                    response.forEach(function (item) {
+                        var _a;
+                        var value = '';
+                        if ((indexNameByValue === null || indexNameByValue === void 0 ? void 0 : indexNameByValue.indexOf(' > ')) >= 0) {
+                            value = _this.getValueByStringPath(indexNameByValue, item);
+                        }
+                        else if (indexNameByValue) {
+                            value = item[indexNameByValue];
+                        }
+                        else {
+                            value = item;
+                        }
+                        options.push({
+                            name: utils.koala(item).object().toString(nameConfig.propsByName, ((_a = nameConfig.delimiter) !== null && _a !== void 0 ? _a : ' ')).getValue(),
+                            value: value
+                        });
+                    });
+                    observe.next(options);
+                });
+            });
+        };
+        KoalaDynamicFormService.prototype.showFields = function (subject, names, show, clearCurrentValue) {
+            if (clearCurrentValue === void 0) { clearCurrentValue = false; }
+            var fields = [];
+            names.forEach(function (name) {
+                fields.push({
+                    name: name,
+                    show: show,
+                    clearCurrentValue: clearCurrentValue
+                });
+            });
+            subject.next(fields);
+        };
+        KoalaDynamicFormService.prototype.getValueByStringPath = function (indexNameByValue, item) {
+            var value;
+            var partsIndex = indexNameByValue.split(' > ');
+            var partIndex = 0;
+            do {
+                if (!value) {
+                    value = item[partsIndex[partIndex]];
+                }
+                else {
+                    value = value[partsIndex[partIndex]];
+                }
+                partIndex++;
+            } while (partIndex < partsIndex.length);
+            return value;
+        };
+        return KoalaDynamicFormService;
+    }());
+    KoalaDynamicFormService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function KoalaDynamicFormService_Factory() { return new KoalaDynamicFormService(i0__namespace.ɵɵinject(i1__namespace.FormBuilder), i0__namespace.ɵɵinject(i2__namespace.DeviceDetectorService)); }, token: KoalaDynamicFormService, providedIn: "any" });
+    KoalaDynamicFormService.decorators = [
+        { type: i0.Injectable, args: [{ providedIn: "any" },] }
+    ];
+    KoalaDynamicFormService.ctorParameters = function () { return [
+        { type: i1.FormBuilder },
+        { type: i2.DeviceDetectorService }
+    ]; };
+
+    var ValidationHelper = /** @class */ (function () {
+        function ValidationHelper() {
+        }
+        ValidationHelper.validateCpf = function (value) {
+            function calcChecker1(digits) {
+                var sum = null;
+                for (var j = 0; j < 9; ++j) {
+                    sum += digits.toString().charAt(j) * (10 - j);
+                }
+                var lastSumChecker1 = sum % 11;
+                return lastSumChecker1 < 2 ? 0 : 11 - lastSumChecker1;
+            }
+            function calcChecker2(cpfWithChecker1) {
+                var sum = null;
+                for (var k = 0; k < 10; ++k) {
+                    sum += cpfWithChecker1.toString().charAt(k) * (11 - k);
+                }
+                var lastSumChecker2 = sum % 11;
+                return lastSumChecker2 < 2 ? 0 : 11 - lastSumChecker2;
+            }
+            var cleanCPF = value.replace(/\.|\-|\s/g, '');
+            var firstNineDigits = cleanCPF.substring(0, 9);
+            var checker = cleanCPF.substring(9, 11);
+            if (cleanCPF.length !== 11) {
+                return false;
+            }
+            // Checking if all digits are equal
+            for (var i = 0; i < 10; i++) {
+                if ('' + firstNineDigits + checker === Array(12).join("" + i)) {
+                    return false;
+                }
+            }
+            var checker1 = calcChecker1(firstNineDigits);
+            var checker2 = calcChecker2(firstNineDigits + '' + checker1);
+            return checker.toString() === checker1.toString() + checker2.toString();
+        };
+        ValidationHelper.validateCnpj = function (value) {
+            value = value.replace(/[^\d]+/g, '');
+            if (value === '') {
+                return false;
+            }
+            if (value.length !== 14) {
+                return false;
+            }
+            // Elimina CNPJs invalidos conhecidos
+            if (value === '00000000000000' ||
+                value === '11111111111111' ||
+                value === '22222222222222' ||
+                value === '33333333333333' ||
+                value === '44444444444444' ||
+                value === '55555555555555' ||
+                value === '66666666666666' ||
+                value === '77777777777777' ||
+                value === '88888888888888' ||
+                value === '99999999999999') {
+                return false;
+            }
+            // Valida DVs
+            var tamanho = value.length - 2;
+            var numeros = value.substring(0, tamanho);
+            var digitos = value.substring(tamanho);
+            var soma = 0;
+            var pos = tamanho - 7;
+            for (var i = tamanho; i >= 1; i--) {
+                soma += parseInt(numeros.charAt(tamanho - i), 10) * pos--;
+                if (pos < 2) {
+                    pos = 9;
+                }
+            }
+            var resultado = soma % 11 < 2 ? 0 : 11 - soma % 11;
+            if (resultado !== parseInt(digitos.charAt(0), 10)) {
+                return false;
+            }
+            tamanho = tamanho + 1;
+            numeros = value.substring(0, tamanho);
+            soma = 0;
+            pos = tamanho - 7;
+            for (var i = tamanho; i >= 1; i--) {
+                soma += parseInt(numeros.charAt(tamanho - i), 10) * pos--;
+                if (pos < 2) {
+                    pos = 9;
+                }
+            }
+            resultado = soma % 11 < 2 ? 0 : 11 - soma % 11;
+            return !(resultado !== parseInt(digitos.charAt(1), 10));
+        };
+        return ValidationHelper;
+    }());
+
+    function CpfValidator(control) {
+        if (control.value) {
+            if (control.value.length <= 14 && !ValidationHelper.validateCpf(control.value)) {
+                return { cpfInvalid: true };
+            }
+        }
+        return null;
+    }
+
+    function CnpjValidator(control) {
+        if (control.value) {
+            if (control.value.length > 14 && !ValidationHelper.validateCnpj(control.value)) {
+                return { cnpjInvalid: true };
+            }
+        }
+        return null;
+    }
+
+    function AutocompleteSelectedValidator(control) {
+        if (control.value &&
+            control.value.hasOwnProperty('value') &&
+            control.value.hasOwnProperty('name') &&
+            Object.keys(control.value).length === 2) {
+            return null;
+        }
+        return { autocompleteSelected: true };
+    }
+
+    var KoalaDynamicFormValidatorResultHelper = /** @class */ (function () {
+        function KoalaDynamicFormValidatorResultHelper() {
+        }
+        KoalaDynamicFormValidatorResultHelper.generate = function (errorMessage) {
+            return {
+                customError: {
+                    message: errorMessage
+                }
+            };
+        };
+        return KoalaDynamicFormValidatorResultHelper;
+    }());
+
+    var ShowInvalidFields = /** @class */ (function () {
+        function ShowInvalidFields() {
+        }
+        ShowInvalidFields.prototype.isErrorState = function (control, form) {
+            var isSubmitted = form && form.submitted;
+            return !!(control && control.invalid && (control.errors || control.dirty || control.touched || isSubmitted));
+        };
+        return ShowInvalidFields;
+    }());
+
+    var FormAbstract = /** @class */ (function () {
+        function FormAbstract(formAbstract) {
+            this.formAbstract = formAbstract;
+            this.loader = new rxjs.BehaviorSubject(false);
+            this.btnSubmitDisabled = false;
+            this.getData = new rxjs.BehaviorSubject(false);
+        }
+        FormAbstract.prototype.selecionarAutocomplete = function (controlName, obj, indexName) {
+            if (obj) {
+                var value_1 = indexName ? obj[indexName] : obj;
+                if (Array.isArray(obj)) {
+                    value_1 = [];
+                    obj.forEach(function (item) {
+                        value_1.push(indexName ? item[indexName] : item);
+                    });
+                }
+                this.formAbstract().get(controlName).setValue(value_1);
+            }
+            else {
+                this.formAbstract().get(controlName).setValue('');
+            }
+        };
+        FormAbstract.prototype.btnClickGetData = function () {
+            this.getData.next(true);
+        };
+        FormAbstract.prototype.enableShowInvalidFields = function () {
+            this.showInvalidFields = new ShowInvalidFields();
+        };
+        FormAbstract.prototype.loading = function (show, btnLabel) {
+            if (show === void 0) { show = true; }
+            this.btnSubmitDisabled = show;
+            this.loader.next(show);
+            if (show) {
+                this.btnLabel = btnLabel ? btnLabel : 'Enviando Dados...';
+            }
+            else {
+                this.btnLabel = btnLabel ? btnLabel : 'Enviar';
+            }
+        };
+        return FormAbstract;
+    }());
+
+    var DynamicFormComponent = /** @class */ (function (_super) {
+        __extends(DynamicFormComponent, _super);
+        function DynamicFormComponent(fb, dynamicFormService) {
+            var _this = _super.call(this, function () { return _this.form; }) || this;
+            _this.fb = fb;
+            _this.dynamicFormService = dynamicFormService;
+            _this.tabIndexStart = 1;
+            _this.typeField = exports.DynamicFormTypeFieldEnum;
+            _this.hoursAndMinutesMask = '00:000';
+            _this.errorMessage = core.KoalaLanguageHelper;
+            return _this;
+        }
+        DynamicFormComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            var _a;
+            if (!this.form.get('formData')) {
+                this.form.addControl('formData', this.fb.array([]));
+            }
+            this.controls = this.form.get('formData');
+            (_a = this.formConfig) === null || _a === void 0 ? void 0 : _a.forEach(function (config, indexConfig) {
+                var newFormGroup = _this.newControl(config);
+                if (config.asyncValidators) {
+                    newFormGroup.get('value').setAsyncValidators(config.asyncValidators);
+                }
+                newFormGroup.get('value').updateValueAndValidity();
+                if (config.type === exports.DynamicFormTypeFieldEnum.dynamicForm) {
+                    var formGroupDynamicFormsSubject = newFormGroup.get('dynamicFormConfig').value;
+                    formGroupDynamicFormsSubject.subscribe(function (formGroupConfig) {
+                        if (formGroupConfig) {
+                            formGroupConfig.form.valueChanges.subscribe(function () {
+                                if (formGroupConfig.form.valid && (config.valueChanges || _this.showFieldsMoreItensConfig)) {
+                                    var value = _this.dynamicFormService.emitData(formGroupConfig.form);
+                                    newFormGroup.get('value').setValue(value);
+                                }
+                            });
+                        }
+                    });
+                }
+                if (config.valueChanges ||
+                    config.type === exports.DynamicFormTypeFieldEnum.autocomplete ||
+                    config.type === exports.DynamicFormTypeFieldEnum.dynamicForm ||
+                    _this.showFieldsMoreItensConfig) {
+                    if (config.type === exports.DynamicFormTypeFieldEnum.autocomplete) {
+                        var autocompleteOptionsSubject = newFormGroup.get('autocompleteOptions').value;
+                        if (autocompleteOptionsSubject) {
+                            autocompleteOptionsSubject.subscribe(function (options) { return newFormGroup.get('autocompleteOptionsFiltered').value.next(options); });
+                        }
+                    }
+                    newFormGroup.get('value')
+                        .valueChanges
+                        .pipe(operators.debounceTime(300))
+                        .subscribe(function (value) { return __awaiter(_this, void 0, void 0, function () {
+                        var _a, _b, _c, _d, _2, _3, itemValue, autocompleteOptionsSubject, loader_1;
+                        var e_1, _4;
+                        return __generator(this, function (_5) {
+                            switch (_5.label) {
+                                case 0: return [4 /*yield*/, this.setConfigDynamicForm(newFormGroup)];
+                                case 1:
+                                    _5.sent();
+                                    if (config.type === exports.DynamicFormTypeFieldEnum.autocomplete) {
+                                        if (value && (value.hasOwnProperty('value') &&
+                                            value.hasOwnProperty('name') &&
+                                            Object.keys(value).length === 2) || (Array.isArray(value) &&
+                                            value.length > 0 &&
+                                            newFormGroup.get('multiple').value)) {
+                                            if (newFormGroup.get('multiple').value) {
+                                                if (Array.isArray(value)) {
+                                                    try {
+                                                        for (_2 = __values(value.values()), _3 = _2.next(); !_3.done; _3 = _2.next()) {
+                                                            itemValue = _3.value;
+                                                            newFormGroup.get('autocompleteSelectedValue').value.push(itemValue);
+                                                        }
+                                                    }
+                                                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                                                    finally {
+                                                        try {
+                                                            if (_3 && !_3.done && (_4 = _2.return)) _4.call(_2);
+                                                        }
+                                                        finally { if (e_1) throw e_1.error; }
+                                                    }
+                                                }
+                                                else {
+                                                    newFormGroup.get('autocompleteSelectedValue').value.push(value);
+                                                }
+                                                if ((_a = this.autocompleteInput) === null || _a === void 0 ? void 0 : _a.nativeElement) {
+                                                    this.autocompleteInput.nativeElement.value = '';
+                                                }
+                                            }
+                                            else {
+                                                newFormGroup.get('autocompleteSelectedValue').setValue(value);
+                                            }
+                                        }
+                                        else if (!newFormGroup.get('multiple').value) {
+                                            newFormGroup.get('autocompleteSelectedValue').setValue((_c = (_b = utils.koala(this.formConfig)
+                                                .array()
+                                                .filter(newFormGroup.get('name').value, 'name')
+                                                .getValue()[0]) === null || _b === void 0 ? void 0 : _b.autocompleteDefaultValueOnClear) !== null && _c !== void 0 ? _c : null);
+                                        }
+                                        if (config.type === exports.DynamicFormTypeFieldEnum.autocomplete) {
+                                            if (config.autocompleteType === 'all') {
+                                                autocompleteOptionsSubject = newFormGroup.get('autocompleteOptions').value;
+                                                newFormGroup.get('autocompleteOptionsFiltered').value.next(this.autocompleteFilter(autocompleteOptionsSubject.value, value));
+                                            }
+                                            else if (config.autocompleteType === 'onDemand' && typeof value !== "object") {
+                                                loader_1 = newFormGroup.get('autocompleteLoading').value;
+                                                loader_1.next(true);
+                                                config.autocompleteFilter(value).subscribe(function (options) {
+                                                    newFormGroup.get('autocompleteOptionsFiltered').value.next(options);
+                                                    loader_1.next(false);
+                                                });
+                                            }
+                                        }
+                                    }
+                                    if (config.valueChanges) {
+                                        if (config.type === exports.DynamicFormTypeFieldEnum.autocomplete) {
+                                            config.valueChanges((newFormGroup.get('multiple').value ?
+                                                newFormGroup.get('autocompleteSelectedValue').value.map(function (item) { return item.value; }) :
+                                                (_d = newFormGroup.get('autocompleteSelectedValue').value) === null || _d === void 0 ? void 0 : _d.value));
+                                        }
+                                        else {
+                                            config.valueChanges(value);
+                                        }
+                                    }
+                                    return [2 /*return*/];
+                            }
+                        });
+                    }); });
+                }
+                _this.controls.push(newFormGroup);
+                if (config.moreItemsConfig) {
+                    if (config.moreItemsMinItems > 0) {
+                        for (var min = 0; min < config.moreItemsMinItems; min++) {
+                            if (min <= config.moreItemsMaxItems) {
+                                _this.addMoreItem(indexConfig);
+                            }
+                        }
+                    }
+                    if (config.moreItemsConfig.setValues) {
+                        config.moreItemsConfig
+                            .setValues
+                            .subscribe(function (values) { return __awaiter(_this, void 0, void 0, function () {
+                            var _this = this;
+                            return __generator(this, function (_2) {
+                                if (values.length > 0) {
+                                    values.forEach(function (itemValue, indexValue) {
+                                        if (!_this.controls.controls[indexConfig].get('moreItemsConfig').value[indexValue]) {
+                                            _this.addMoreItem(indexConfig);
+                                        }
+                                        setTimeout(function () {
+                                            _this.setValuesOnFields(itemValue, _this.controls.controls[indexConfig].get('moreItemsConfig').value[indexValue].form);
+                                        }, 300);
+                                    });
+                                }
+                                return [2 /*return*/];
+                            });
+                        }); });
+                    }
+                }
+            });
+            if (this.showFields) {
+                this.changeVisibilityFields(this.showFields, this.form);
+            }
+            if (this.setValues) {
+                this.setValuesOnFields(this.setValues, this.form);
+            }
+        };
+        DynamicFormComponent.prototype.hoursAndMinutesApplyMask = function (index, event) {
+            var _a;
+            var control = (_a = this.controls) === null || _a === void 0 ? void 0 : _a.controls[index];
+            var type = control === null || control === void 0 ? void 0 : control.get('type').value;
+            if (type === exports.DynamicFormTypeFieldEnum.hoursAndMinutes) {
+                var value = control === null || control === void 0 ? void 0 : control.get('value').value;
+                if (event.key == 'Backspace' && value.length < 6) {
+                    this.hoursAndMinutesMask = '00:000';
+                }
+                else if (event.key != 'Backspace' && value.length >= 6) {
+                    this.hoursAndMinutesMask = '000:00';
+                }
+            }
+        };
+        DynamicFormComponent.prototype.passwordView = function (index) {
+            var _a;
+            var control = (_a = this.controls) === null || _a === void 0 ? void 0 : _a.controls[index];
+            var hidePassword = !(control === null || control === void 0 ? void 0 : control.get('hidePassword').value);
+            control === null || control === void 0 ? void 0 : control.get('hidePassword').setValue(hidePassword);
+            control === null || control === void 0 ? void 0 : control.get('type').setValue(hidePassword ?
+                exports.DynamicFormTypeFieldEnum.password :
+                exports.DynamicFormTypeFieldEnum.text);
+        };
+        DynamicFormComponent.prototype.addMoreItem = function (propIndex) {
+            if (this.controls.controls[propIndex].get('moreItemsConfig').value.length < this.controls.controls[propIndex].get('moreItemsMaxItems').value) {
+                var formGroup = this.fb.group({});
+                this.controls.controls[propIndex].get('moreItemsConfig').value.push({
+                    form: formGroup,
+                    formConfig: this.formConfig[propIndex].moreItemsConfig.formConfig,
+                    showFields: new rxjs.BehaviorSubject([]),
+                    showFieldsMoreItensConfig: this.formConfig[propIndex].moreItemsConfig.showFieldsConfig
+                });
+                this.controls.controls[propIndex].get('moreItemsExpanded').setValue(this.controls.controls[propIndex].get('moreItemsConfig').value.length - 1);
+                var formArrayMoreItems = this.controls.controls[propIndex].get('moreItemsFormGroup');
+                formArrayMoreItems.push(formGroup);
+            }
+        };
+        DynamicFormComponent.prototype.removeMoreItem = function (propIndex, removeIndex) {
+            var _this = this;
+            var expandedItemIndex = removeIndex - 1;
+            this.controls.controls[propIndex].get('moreItemsConfig').value.splice(removeIndex, 1);
+            setTimeout(function () {
+                _this.controls.controls[propIndex].get('moreItemsExpanded').setValue((expandedItemIndex < 0) ? 0 : expandedItemIndex);
+            }, 50);
+        };
+        DynamicFormComponent.prototype.clearAutocomplete = function (propIndex) {
+            var _a, _b;
+            if (this.controls.controls[propIndex].get('multiple').value) {
+                this.controls.controls[propIndex].get('autocompleteSelectedValue').setValue([]);
+                this.controls.controls[propIndex].get('value').setValue(null);
+            }
+            else {
+                this.controls.controls[propIndex].get('autocompleteSelectedValue').setValue((_a = this.formConfig[propIndex].autocompleteDefaultValueOnClear) !== null && _a !== void 0 ? _a : null);
+                this.controls.controls[propIndex].get('value').setValue((_b = this.formConfig[propIndex].autocompleteDefaultValueOnClear) !== null && _b !== void 0 ? _b : null);
+            }
+        };
+        DynamicFormComponent.prototype.display = function (option) {
+            return option ? option.name : undefined;
+        };
+        DynamicFormComponent.prototype.removeOptionOnAutocomplete = function (propIndex, option) {
+            var value = this.controls.controls[propIndex].get('autocompleteSelectedValue').value.filter(function (item) { return item !== option; });
+            this.controls.controls[propIndex].get('autocompleteSelectedValue').setValue(value);
+            if (value.length === 0) {
+                this.controls.controls[propIndex].get('autocompleteSelectedValue').setValue([]);
+                this.controls.controls[propIndex].get('value').setValue(null);
+            }
+            else if (this.formConfig[propIndex].valueChanges) {
+                this.formConfig[propIndex].valueChanges(value.map(function (item) { return item.value; }));
+            }
+        };
+        DynamicFormComponent.prototype.getColorChip = function (config) {
+            return config.color;
+        };
+        DynamicFormComponent.prototype.newControl = function (config) {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
+            var validators = (_a = config.syncValidators) !== null && _a !== void 0 ? _a : [];
+            var value = (_b = config.value) !== null && _b !== void 0 ? _b : '';
+            var valueSelectedAutocomplete = (config.multiple ? [] : ((_c = config.autocompleteDefaultValueOnClear) !== null && _c !== void 0 ? _c : null));
+            if (config.required === true)
+                validators.push(i1.Validators.required);
+            if (config.min && typeof config.min === "number")
+                validators.push(i1.Validators.min(config.min));
+            if (config.max && typeof config.max === "number")
+                validators.push(i1.Validators.max(config.max));
+            if (config.type === exports.DynamicFormTypeFieldEnum.date ||
+                config.type === exports.DynamicFormTypeFieldEnum.datetime ||
+                config.type === exports.DynamicFormTypeFieldEnum.time) {
+                if (config.min && typeof config.min === "string") {
+                    validators.push(DateMinValidator(config.min));
+                }
+                if (config.max && typeof config.max === "string") {
+                    validators.push(DateMaxValidator(config.max));
+                }
+            }
+            if (config.minLength)
+                validators.push(i1.Validators.minLength(config.minLength));
+            if (config.maxLength)
+                validators.push(i1.Validators.maxLength(config.maxLength));
+            if (config.type === exports.DynamicFormTypeFieldEnum.cpf) {
+                validators.push(CpfValidator);
+            }
+            else if (config.type === exports.DynamicFormTypeFieldEnum.cnpj) {
+                validators.push(CnpjValidator);
+            }
+            else if (config.type === exports.DynamicFormTypeFieldEnum.email) {
+                validators.push(i1.Validators.email);
+            }
+            else if (config.type === exports.DynamicFormTypeFieldEnum.autocomplete) {
+                if (value) {
+                    valueSelectedAutocomplete = value;
+                    value = (config.multiple ? valueSelectedAutocomplete[0] : value);
+                }
+                if (config.required === true) {
+                    validators.push(AutocompleteSelectedValidator);
+                }
+            }
+            else if (config.type === exports.DynamicFormTypeFieldEnum.checkbox) {
+                value = (_d = config.value) !== null && _d !== void 0 ? _d : false;
+            }
+            if (config.type === exports.DynamicFormTypeFieldEnum.hoursAndMinutes &&
+                value.length >= 6) {
+                this.hoursAndMinutesMask = '000:00';
+            }
+            if (config.dynamicFormConfig) {
+                var cloneDynamicFormConfig = {};
+                Object.assign(cloneDynamicFormConfig, config.dynamicFormConfig);
+                cloneDynamicFormConfig.form = config.dynamicFormConfig.form;
+                config.dynamicFormConfig = cloneDynamicFormConfig;
+            }
+            if (config.show === false) {
+                validators = [];
+            }
+            var field = this.fb.group({
+                show: [new rxjs.BehaviorSubject((_e = config.show) !== null && _e !== void 0 ? _e : true)],
+                label: [config.label],
+                name: [config.name],
+                type: [config.type],
+                fileButtonConfig: [{
+                        icon: (_g = (_f = config === null || config === void 0 ? void 0 : config.fileButtonConfig) === null || _f === void 0 ? void 0 : _f.icon) !== null && _g !== void 0 ? _g : 'attach_file',
+                        text: (_j = (_h = config === null || config === void 0 ? void 0 : config.fileButtonConfig) === null || _h === void 0 ? void 0 : _h.text) !== null && _j !== void 0 ? _j : 'Clique para anexar arquivos',
+                        backgroundColor: (_l = (_k = config === null || config === void 0 ? void 0 : config.fileButtonConfig) === null || _k === void 0 ? void 0 : _k.backgroundColor) !== null && _l !== void 0 ? _l : 'white',
+                        color: (_o = (_m = config === null || config === void 0 ? void 0 : config.fileButtonConfig) === null || _m === void 0 ? void 0 : _m.color) !== null && _o !== void 0 ? _o : 'blue',
+                        accept: (_q = (_p = config === null || config === void 0 ? void 0 : config.fileButtonConfig) === null || _p === void 0 ? void 0 : _p.accept) !== null && _q !== void 0 ? _q : '*'
+                    }],
+                dynamicFormConfig: [new rxjs.BehaviorSubject(config.dynamicFormConfig)],
+                dynamicFormGroup: this.fb.array([]),
+                appearance: [config.appearance],
+                floatLabel: [config.floatLabel],
+                placeholder: [config.placeholder],
+                class: [config.class],
+                fieldClass: [config.fieldClass],
+                textHint: [config.textHint],
+                required: [(_r = config.required) !== null && _r !== void 0 ? _r : false],
+                min: [(_s = config.min) !== null && _s !== void 0 ? _s : 0],
+                max: [(_t = config.max) !== null && _t !== void 0 ? _t : 99999999999],
+                minLength: [(_u = config.minLength) !== null && _u !== void 0 ? _u : 0],
+                maxLength: [(_v = config.maxLength) !== null && _v !== void 0 ? _v : 255],
+                disabled: [(_w = config.disabled) !== null && _w !== void 0 ? _w : false],
+                focus: [(_x = config.focus) !== null && _x !== void 0 ? _x : false],
+                multiple: [(_y = config.multiple) !== null && _y !== void 0 ? _y : false],
+                opcoesSelect: [(_z = config.opcoesSelect) !== null && _z !== void 0 ? _z : []],
+                hidePassword: config.type === exports.DynamicFormTypeFieldEnum.password ? true : null,
+                moreItemsButtonIconAddlabel: [config.moreItemsButtonIconAddlabel],
+                moreItemsMinItems: [(_0 = config.moreItemsMinItems) !== null && _0 !== void 0 ? _0 : 0],
+                moreItemsMaxItems: [(_1 = config.moreItemsMaxItems) !== null && _1 !== void 0 ? _1 : 100],
+                moreItemsIcon: [config.moreItemsIcon],
+                moreItemsIconFontColor: [config.moreItemsIconFontColor],
+                moreItemsIconBackgroundColor: [config.moreItemsIconBackgroundColor],
+                moreItemsExpanded: [''],
+                moreItemsConfig: [[]],
+                moreItemsFormGroup: this.fb.array([]),
+                autocompleteLoading: [new rxjs.BehaviorSubject(false)],
+                autocompleteOptions: [config.autocompleteOptions],
+                autocompleteMultipleConfig: [config.autocompleteMultipleConfig],
+                autocompleteOptionsFiltered: [new rxjs.BehaviorSubject([])],
+                autocompleteSelectedValue: [valueSelectedAutocomplete],
+                textLogs: [config === null || config === void 0 ? void 0 : config.textObs],
+                customMasc: [config === null || config === void 0 ? void 0 : config.customMasc],
+                value: [{ value: value, disabled: config.disabled }, validators, config.asyncValidators]
+            });
+            if (config.autocompleteType === "onDemand") {
+                var loader_2 = field.get('autocompleteLoading').value;
+                loader_2.next(true);
+                config.autocompleteFilter('').subscribe(function (options) {
+                    field.get('autocompleteOptionsFiltered').value.next(options);
+                    loader_2.next(false);
+                });
+            }
+            return field;
+        };
+        DynamicFormComponent.prototype.setValuesOnFields = function (subject, form) {
+            var _this = this;
+            subject.subscribe(function (item) {
+                var e_2, _2;
+                if (item) {
+                    var formArray = form.get('formData');
+                    try {
+                        for (var _3 = __values(item.values()), _4 = _3.next(); !_4.done; _4 = _3.next()) {
+                            var prop = _4.value;
+                            _this.setValueByProp(formArray, prop);
+                        }
+                    }
+                    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                    finally {
+                        try {
+                            if (_4 && !_4.done && (_2 = _3.return)) _2.call(_3);
+                        }
+                        finally { if (e_2) throw e_2.error; }
+                    }
+                }
+            });
+        };
+        DynamicFormComponent.prototype.changeVisibilityFields = function (subject, form) {
+            var _this = this;
+            subject.pipe(operators.debounceTime(5)).subscribe(function (item) {
+                var e_3, _2, e_4, _3;
+                var _a, _b, _c;
+                if (item) {
+                    var formArray = form.get('formData');
+                    try {
+                        for (var _4 = __values(item.values()), _5 = _4.next(); !_5.done; _5 = _4.next()) {
+                            var prop = _5.value;
+                            try {
+                                for (var _6 = (e_4 = void 0, __values(formArray.controls.entries())), _7 = _6.next(); !_7.done; _7 = _6.next()) {
+                                    var _8 = __read(_7.value, 2), indexControl = _8[0], control = _8[1];
+                                    if (control.get('name').value === prop.name) {
+                                        control.get('show').value.next(prop.show);
+                                        var config = (_a = _this.formConfig[indexControl]) !== null && _a !== void 0 ? _a : null;
+                                        if (prop.show) {
+                                            var validators = [];
+                                            if (config) {
+                                                if (config.type === exports.DynamicFormTypeFieldEnum.dynamicForm) {
+                                                    var formArrayMoreItems = control.get('dynamicFormGroup');
+                                                    formArrayMoreItems.push((_b = config === null || config === void 0 ? void 0 : config.dynamicFormConfig) === null || _b === void 0 ? void 0 : _b.form);
+                                                }
+                                                else {
+                                                    validators = (_c = config.syncValidators) !== null && _c !== void 0 ? _c : [];
+                                                    if (config.required === true) {
+                                                        validators.push(i1.Validators.required);
+                                                    }
+                                                    if (config.type === exports.DynamicFormTypeFieldEnum.cpf) {
+                                                        validators.push(CpfValidator);
+                                                    }
+                                                    else if (config.type === exports.DynamicFormTypeFieldEnum.cnpj) {
+                                                        validators.push(CnpjValidator);
+                                                    }
+                                                    else if (config.type === exports.DynamicFormTypeFieldEnum.email) {
+                                                        validators.push(i1.Validators.email);
+                                                    }
+                                                    else if (config.required === true &&
+                                                        config.type === exports.DynamicFormTypeFieldEnum.autocomplete) {
+                                                        validators.push(AutocompleteSelectedValidator);
+                                                    }
+                                                    if (config.min && typeof config.min === "number")
+                                                        validators.push(i1.Validators.min(config.min));
+                                                    if (config.max && typeof config.max === "number")
+                                                        validators.push(i1.Validators.max(config.max));
+                                                    if (config.type === exports.DynamicFormTypeFieldEnum.date ||
+                                                        config.type === exports.DynamicFormTypeFieldEnum.datetime ||
+                                                        config.type === exports.DynamicFormTypeFieldEnum.time) {
+                                                        if (config.min && typeof config.min === "string") {
+                                                            validators.push(DateMinValidator(config.min));
+                                                        }
+                                                        if (config.max && typeof config.max === "string") {
+                                                            validators.push(DateMaxValidator(config.max));
+                                                        }
+                                                    }
+                                                    if (config.minLength)
+                                                        validators.push(i1.Validators.minLength(config.minLength));
+                                                    if (config.maxLength)
+                                                        validators.push(i1.Validators.maxLength(config.maxLength));
+                                                    control.get('value').setValidators(validators);
+                                                    if (config.asyncValidators) {
+                                                        control.get('value').setAsyncValidators(config.asyncValidators);
+                                                    }
+                                                }
+                                                control.get('value').updateValueAndValidity();
+                                                if (prop.clearCurrentValue) {
+                                                    control.get('value').setValue(null);
+                                                }
+                                            }
+                                        }
+                                        else {
+                                            control.get('value').clearValidators();
+                                            control.get('value').clearAsyncValidators();
+                                            control.setErrors(null);
+                                            control.get('value').setValue(null);
+                                            control.get('value').updateValueAndValidity();
+                                            if (config.type === exports.DynamicFormTypeFieldEnum.dynamicForm) {
+                                                var formGroup = control;
+                                                formGroup.removeControl('dynamicFormGroup');
+                                                formGroup.addControl('dynamicFormGroup', _this.fb.array([]));
+                                            }
+                                        }
+                                        break;
+                                    }
+                                }
+                            }
+                            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                            finally {
+                                try {
+                                    if (_7 && !_7.done && (_3 = _6.return)) _3.call(_6);
+                                }
+                                finally { if (e_4) throw e_4.error; }
+                            }
+                        }
+                    }
+                    catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                    finally {
+                        try {
+                            if (_5 && !_5.done && (_2 = _4.return)) _2.call(_4);
+                        }
+                        finally { if (e_3) throw e_3.error; }
+                    }
+                }
+            });
+        };
+        DynamicFormComponent.prototype.autocompleteFilter = function (arr, value) {
+            return arr.filter(function (filter) {
+                if (typeof value === 'string') {
+                    if (filter) {
+                        var find_1 = true;
+                        value.toLowerCase()
+                            .split(' ')
+                            .forEach(function (part) {
+                            if (filter.name.toLowerCase().indexOf(part) < 0) {
+                                find_1 = false;
+                                return false;
+                            }
+                        });
+                        return find_1;
+                    }
+                }
+                else {
+                    return true;
+                }
+            });
+        };
+        DynamicFormComponent.prototype.setValueByProp = function (formArray, prop) {
+            var e_5, _2;
+            if (formArray) {
+                if (prop.name.indexOf(' > ') >= 0) {
+                    var dynamicFormSubject = void 0;
+                    var arrPropName_1 = prop.name.split(' > ');
+                    var indexPropName_1 = 0;
+                    do {
+                        var control = formArray.controls.find(function (control) { return control.get('name').value === arrPropName_1[indexPropName_1]; });
+                        if (indexPropName_1 === arrPropName_1.length - 2) {
+                            dynamicFormSubject = control.get('dynamicFormConfig').value;
+                            var dynamicForm = dynamicFormSubject.getValue();
+                            if (dynamicForm.formConfig.find(function (fc) { return fc.name === arrPropName_1[arrPropName_1.length - 1]; })) {
+                                if (dynamicForm.setValues) {
+                                    dynamicForm.setValues.next(utils.koala(dynamicForm.setValues.getValue()).array().merge([{
+                                            name: arrPropName_1[arrPropName_1.length - 1],
+                                            value: prop.value
+                                        }]).getValue());
+                                }
+                                else {
+                                    dynamicForm.setValues = new rxjs.BehaviorSubject([{
+                                            name: arrPropName_1[arrPropName_1.length - 1],
+                                            value: prop.value
+                                        }]);
+                                }
+                            }
+                        }
+                        indexPropName_1++;
+                    } while (indexPropName_1 < arrPropName_1.length - 1);
+                }
+                else {
+                    try {
+                        for (var _3 = __values(formArray.controls.values()), _4 = _3.next(); !_4.done; _4 = _3.next()) {
+                            var control = _4.value;
+                            if (control.get('name').value === prop.name) {
+                                control.get('value').setValue(prop.value);
+                                break;
+                            }
+                        }
+                    }
+                    catch (e_5_1) { e_5 = { error: e_5_1 }; }
+                    finally {
+                        try {
+                            if (_4 && !_4.done && (_2 = _3.return)) _2.call(_3);
+                        }
+                        finally { if (e_5) throw e_5.error; }
+                    }
+                }
+            }
+        };
+        DynamicFormComponent.prototype.setConfigDynamicForm = function (newFormGroup) {
+            return __awaiter(this, void 0, void 0, function () {
+                var value_1, configs, _loop_1, this_1, configs_1, configs_1_1, config, e_6_1;
+                var e_6, _2;
+                return __generator(this, function (_3) {
+                    switch (_3.label) {
+                        case 0:
+                            if (!this.showFieldsMoreItensConfig) return [3 /*break*/, 8];
+                            value_1 = newFormGroup.get('value').value;
+                            configs = this.showFieldsMoreItensConfig
+                                .filter(function (config) { return config.nameField === newFormGroup.get('name').value; })
+                                .sort(function (config) {
+                                if (config.fnShow(value_1)) {
+                                    return 1;
+                                }
+                                return -1;
+                            });
+                            _loop_1 = function (config) {
+                                var controlDynamicFormConfig, dynamicFormConfigSubject;
+                                return __generator(this, function (_4) {
+                                    switch (_4.label) {
+                                        case 0:
+                                            if (!config) return [3 /*break*/, 3];
+                                            if (!(config.dynamicFormConfig && config.fnShow(value_1))) return [3 /*break*/, 2];
+                                            controlDynamicFormConfig = this_1.controls
+                                                .controls
+                                                .find(function (control) { return config.fieldsToShow.indexOf(control.get('name').value) >= 0; });
+                                            dynamicFormConfigSubject = controlDynamicFormConfig.get('dynamicFormConfig').value;
+                                            dynamicFormConfigSubject.next(null);
+                                            return [4 /*yield*/, KlDelay.KlDelay.waitFor(1)];
+                                        case 1:
+                                            _4.sent();
+                                            dynamicFormConfigSubject.next(config.dynamicFormConfig(value_1));
+                                            _4.label = 2;
+                                        case 2:
+                                            this_1.dynamicFormService.showFields(this_1.showFields, config.fieldsToShow, config.fnShow(value_1), config.clearCurrentValue);
+                                            _4.label = 3;
+                                        case 3: return [2 /*return*/];
+                                    }
+                                });
+                            };
+                            this_1 = this;
+                            _3.label = 1;
+                        case 1:
+                            _3.trys.push([1, 6, 7, 8]);
+                            configs_1 = __values(configs), configs_1_1 = configs_1.next();
+                            _3.label = 2;
+                        case 2:
+                            if (!!configs_1_1.done) return [3 /*break*/, 5];
+                            config = configs_1_1.value;
+                            return [5 /*yield**/, _loop_1(config)];
+                        case 3:
+                            _3.sent();
+                            _3.label = 4;
+                        case 4:
+                            configs_1_1 = configs_1.next();
+                            return [3 /*break*/, 2];
+                        case 5: return [3 /*break*/, 8];
+                        case 6:
+                            e_6_1 = _3.sent();
+                            e_6 = { error: e_6_1 };
+                            return [3 /*break*/, 8];
+                        case 7:
+                            try {
+                                if (configs_1_1 && !configs_1_1.done && (_2 = configs_1.return)) _2.call(configs_1);
+                            }
+                            finally { if (e_6) throw e_6.error; }
+                            return [7 /*endfinally*/];
+                        case 8: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return DynamicFormComponent;
+    }(FormAbstract));
+    DynamicFormComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'koala-dynamic-form',
+                    template: "<div [formGroup]=\"form\" class=\"p-relative w-100\">\n  <div *ngFor=\"let propriedade of controls?.controls; let i = index;\"\n       [ngClass]=\"(propriedade.get('show').value | async) ? propriedade.get('class').value : 'd-none'\"\n       formArrayName=\"formData\">\n\t  <div *ngIf=\"propriedade.get('show').value | async\">\n\t    <mat-form-field\n\t\t    *ngIf=\"propriedade.get('type').value == typeField.text ||\n\t             propriedade.get('type').value == typeField.password ||\n\t             propriedade.get('type').value == typeField.cpf ||\n\t             propriedade.get('type').value == typeField.cnpj ||\n\t             propriedade.get('type').value == typeField.datetime ||\n\t             propriedade.get('type').value == typeField.email ||\n\t             propriedade.get('type').value == typeField.number ||\n\t             propriedade.get('type').value == typeField.stringNumber ||\n\t             propriedade.get('type').value == typeField.time ||\n\t             propriedade.get('type').value == typeField.date ||\n\t             propriedade.get('type').value == typeField.hoursAndMinutes ||\n\t             propriedade.get('type').value == typeField.phone ||\n\t             propriedade.get('type').value == typeField.percent ||\n\t             propriedade.get('type').value == typeField.color ||\n\t             propriedade.get('type').value == typeField.month ||\n\t             propriedade.get('type').value == typeField.competenceDate ||\n               propriedade.get('type').value == typeField.stringWithCustomMasc\"\n\t\t    [appearance]=\"propriedade.get('appearance').value\"\n\t\t    [floatLabel]=\"propriedade.get('floatLabel').value\"\n\t\t    [formGroupName]=\"i\"\n\t\t    [ngClass]=\"propriedade.get('fieldClass').value\">\n\t      <mat-label>{{propriedade.get('label').value}}</mat-label>\n\t      <input\n\t\t      [dropSpecialCharacters]=\"false\"\n\t\t      [koalaAutoFocus]=\"propriedade.get('focus').value\"\n\t\t      (keyup)=\"hoursAndMinutesApplyMask(i, $event)\"\n\t\t      [required]=\"propriedade.get('required').value\"\n\t\t      [tabIndex]=\"tabIndexStart + i\"\n\t\t      [mask]=\"((propriedade.get('type').value == typeField.competenceDate) ? '00/0000' : null) ||\n\t\t              ((propriedade.get('type').value == typeField.phone) ? '(00)0000-0000?0' : null) ||\n\t\t              ((propriedade.get('type').value == typeField.stringNumber) ? '0{'+propriedade.get('maxLength').value+'}' : null) ||\n                  ((propriedade.get('type').value == typeField.cpf) ? '000.000.000-00' : null) ||\n                  ((propriedade.get('type').value == typeField.cnpj) ? '00.000.000/0000-00' : null) ||\n                  ((propriedade.get('type').value == typeField.percent) ? 'percent' : null) ||\n\t\t\t\t\t\t\t\t\t((propriedade.get('type').value == typeField.hoursAndMinutes) ? hoursAndMinutesMask : null) ||\n\t\t\t\t\t\t\t\t\t((propriedade.get('type').value == typeField.stringWithCustomMasc) ? propriedade.get('customMasc').value : null)\"\n\t\t      [validation]=\"\n\t                    (propriedade.get('type').value == typeField.cpf && propriedade.get('value').errors?.cpfInvalid) ||\n\t                    (propriedade.get('type').value == typeField.cnpj && propriedade.get('value').errors?.cnpjInvalid)\"\n\t\t      [type]=\"((propriedade.get('type').value == typeField.cpf ||\n                    propriedade.get('type').value == typeField.cnpj ||\n                    propriedade.get('type').value == typeField.phone ||\n                    propriedade.get('type').value == typeField.percent\n                  )) ? 'tel' : (\n                    propriedade.get('type').value == typeField.month ?\n                    'month' : (\n                    propriedade.get('type').value == typeField.date ?\n                    'date' : (\n                    propriedade.get('type').value == typeField.datetime ?\n                    'datetime-local' : (\n                    propriedade.get('type').value == typeField.email ?\n                    'email' : (\n                    propriedade.get('type').value == typeField.number ?\n                    'number' : (\n                    propriedade.get('type').value == typeField.time ?\n                    'time' : (\n                    propriedade.get('type').value == typeField.password ?\n                    'password' : (\n                    propriedade.get('type').value == typeField.color ?\n                    'color' : 'text'))))))))\"\n          [min]=\"propriedade.get('min').value\"\n          [max]=\"propriedade.get('max').value\"\n          [minLength]=\"propriedade.get('minLength').value\"\n          [maxLength]=\"propriedade.get('maxLength').value\"\n          separatorLimit=\"0\"\n\t\t      showMaskTyped\n          autocomplete=\"off\"\n\t\t      formControlName=\"value\"\n\t\t      matInput/>\n\t      <button\n\t\t      (click)=\"passwordView(i)\"\n\t\t      *ngIf=\"propriedade.get('hidePassword').value !== null\"\n\t\t      [attr.aria-label]=\"'Hide password'\"\n\t\t      [attr.aria-pressed]=\"propriedade.get('hidePassword').value\"\n\t\t      mat-icon-button matSuffix tabindex=\"-1\" type=\"button\">\n\t        <mat-icon>{{propriedade.get('hidePassword').value ? 'visibility_off' : 'visibility'}}</mat-icon>\n\t      </button>\n\t      <mat-hint *ngIf=\"propriedade.get('textHint').value\">\n\t        <mat-icon>info</mat-icon>\n\t\t      {{propriedade.get('textHint').value}}\n\t      </mat-hint>\n\t      <mat-error *ngIf=\"propriedade.get('value').errors?.required\">\n\t        <mat-icon>error</mat-icon>\n          {{errorMessage.getRequiredMessage(propriedade.get('label').value)}}\n\t      </mat-error>\n\t      <mat-error *ngIf=\"propriedade.get('value').errors?.cpfInvalid\">\n\t        <mat-icon>error</mat-icon>\n          {{errorMessage.getInvalidMessage(propriedade.get('label').value)}}\n\t      </mat-error>\n\t      <mat-error *ngIf=\"propriedade.get('value').errors?.cnpjInvalid\">\n\t        <mat-icon>error</mat-icon>\n          {{errorMessage.getInvalidMessage(propriedade.get('label').value)}}\n\t      </mat-error>\n\t      <mat-error *ngIf=\"propriedade.get('value').errors?.email\">\n\t        <mat-icon>error</mat-icon>\n          {{errorMessage.getInvalidMessage(propriedade.get('label').value)}}\n\t      </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.min\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMinMessage(propriedade.get('min').value)}}\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.max\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMaxMessage(propriedade.get('max').value)}}\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.minLength\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMinLengthMessage(propriedade.get('minLength').value)}}\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.maxLength\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMaxLengthMessage(propriedade.get('maxLength').value)}}\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.dateMin\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getDateMinMessage()}}\n          {{propriedade.get('min').value | date:\"shortDate\"}}.\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.dateMax\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getDateMaxMessage()}}\n          {{propriedade.get('max').value | date:\"shortDate\"}}.\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.customError\">\n          <mat-icon>error</mat-icon>\n          {{propriedade.get('value').errors?.customError.message}}.\n        </mat-error>\n\t    </mat-form-field>\n\t    <mat-form-field\n\t\t    *ngIf=\"propriedade.get('type').value == typeField.coin\"\n\t\t    [appearance]=\"propriedade.get('appearance').value\"\n\t\t    [floatLabel]=\"propriedade.get('floatLabel').value\"\n\t\t    [formGroupName]=\"i\"\n\t\t    [ngClass]=\"propriedade.get('fieldClass').value\">\n\t      <mat-label>{{propriedade.get('label').value}}</mat-label>\n\t      <input\n\t\t      [koalaAutoFocus]=\"propriedade.get('focus').value\"\n\t\t      [required]=\"propriedade.get('required').value\"\n          [tabIndex]=\"tabIndexStart + i\"\n          [min]=\"propriedade.get('min').value\"\n          [max]=\"propriedade.get('max').value\"\n          [minLength]=\"propriedade.get('minLength').value\"\n          [maxLength]=\"propriedade.get('maxLength').value\"\n          autocomplete=\"off\"\n\t\t      currencyMask\n\t\t      formControlName=\"value\"\n\t\t      matInput\n\t\t      type=\"tel\"/>\n\t      <mat-hint *ngIf=\"propriedade.get('textHint').value\">\n\t        <mat-icon>info</mat-icon>\n\t\t      {{propriedade.get('textHint').value}}\n\t      </mat-hint>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.min\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMinMessage(propriedade.get('min').value)}}\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.max\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMaxMessage(propriedade.get('max').value)}}\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.minLength\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMinLengthMessage(propriedade.get('minLength').value)}}\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.maxLength\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMaxLengthMessage(propriedade.get('maxLength').value)}}\n        </mat-error>\n\t      <mat-error *ngIf=\"propriedade.get('value').errors?.required\">\n\t        <mat-icon>error</mat-icon>\n          {{errorMessage.getRequiredMessage(propriedade.get('label').value)}}\n\t      </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.customError\">\n          <mat-icon>error</mat-icon>\n          {{propriedade.get('value').errors?.customError.message}}.\n        </mat-error>\n\t    </mat-form-field>\n      <mat-form-field\n        *ngIf=\"propriedade.get('type').value == typeField.float\"\n        [appearance]=\"propriedade.get('appearance').value\"\n        [floatLabel]=\"propriedade.get('floatLabel').value\"\n        [formGroupName]=\"i\"\n        [ngClass]=\"propriedade.get('fieldClass').value\">\n        <mat-label>{{propriedade.get('label').value}}</mat-label>\n        <input\n          [koalaAutoFocus]=\"propriedade.get('focus').value\"\n          [required]=\"propriedade.get('required').value\"\n          [tabIndex]=\"tabIndexStart + i\"\n          [min]=\"propriedade.get('min').value\"\n          [max]=\"propriedade.get('max').value\"\n          [minLength]=\"propriedade.get('minLength').value\"\n          [maxLength]=\"propriedade.get('maxLength').value\"\n          autocomplete=\"off\"\n          currencyMask\n          [options]=\"{prefix: ''}\"\n          formControlName=\"value\"\n          matInput\n          type=\"tel\"/>\n        <mat-hint *ngIf=\"propriedade.get('textHint').value\">\n          <mat-icon>info</mat-icon>\n          {{propriedade.get('textHint').value}}\n        </mat-hint>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.min\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMinMessage(propriedade.get('min').value)}}\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.max\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMaxMessage(propriedade.get('max').value)}}\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.minLength\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMinLengthMessage(propriedade.get('minLength').value)}}\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.maxLength\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMaxLengthMessage(propriedade.get('maxLength').value)}}\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.required\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getRequiredMessage(propriedade.get('label').value)}}\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.customError\">\n          <mat-icon>error</mat-icon>\n          {{propriedade.get('value').errors?.customError.message}}.\n        </mat-error>\n      </mat-form-field>\n\t    <mat-form-field\n\t\t    *ngIf=\"propriedade.get('type').value == typeField.valueList ||\n\t             propriedade.get('type').value == typeField.textarea\"\n\t\t    [appearance]=\"propriedade.get('appearance').value\"\n\t\t    [floatLabel]=\"propriedade.get('floatLabel').value\"\n\t\t    [formGroupName]=\"i\"\n\t\t    [ngClass]=\"propriedade.get('fieldClass').value\">\n\t      <mat-label>{{propriedade.get('label').value}}</mat-label>\n\t      <textarea\n          #textarea\n\t\t      [koalaAutoFocus]=\"propriedade.get('focus').value\"\n\t\t      [mat-autosize]=\"true\"\n\t\t      [matAutosizeMaxRows]=\"8\"\n\t\t      [matAutosizeMinRows]=\"3\"\n\t\t      [required]=\"propriedade.get('required').value\"\n          [tabIndex]=\"tabIndexStart + i\"\n          [minLength]=\"propriedade.get('minLength').value\"\n          [maxLength]=\"propriedade.get('maxLength').value\"\n\t\t      formControlName=\"value\"\n\t\t      matInput>\n        </textarea>\n\t      <mat-hint *ngIf=\"propriedade.get('textHint').value\">\n\t        <mat-icon>info</mat-icon>\n\t\t      {{propriedade.get('textHint').value}}\n\t      </mat-hint>\n        <mat-hint align=\"end\" *ngIf=\"propriedade.get('maxLength').value\">\n          {{textarea.value.length}}/{{propriedade.get('maxLength').value}}\n        </mat-hint>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.minLength\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMinLengthMessage(propriedade.get('minLength').value)}}\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.maxLength\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMaxLengthMessage(propriedade.get('maxLength').value)}}\n        </mat-error>\n\t      <mat-error *ngIf=\"propriedade.get('value').errors?.required\">\n\t        <mat-icon>error</mat-icon>\n          {{errorMessage.getRequiredMessage(propriedade.get('label').value)}}\n\t      </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.customError\">\n          <mat-icon>error</mat-icon>\n          {{propriedade.get('value').errors?.customError.message}}.\n        </mat-error>\n\t    </mat-form-field>\n\t\t  <mat-form-field\n\t\t\t  *ngIf=\"propriedade.get('type').value == typeField.textLogs\"\n\t\t\t  [appearance]=\"propriedade.get('appearance').value\"\n\t\t\t  [floatLabel]=\"propriedade.get('floatLabel').value\"\n\t\t\t  [formGroupName]=\"i\"\n\t\t\t  [ngClass]=\"propriedade.get('fieldClass').value\">\n\t      <mat-label>{{propriedade.get('label').value}}</mat-label>\n\t      <div [innerHTML]=\"propriedade.get('textLogs').value\" class=\"text-obs\"></div>\n\t      <textarea\n          #textarea\n\t\t      [koalaAutoFocus]=\"propriedade.get('focus').value\"\n\t\t      [mat-autosize]=\"true\"\n\t\t      [matAutosizeMaxRows]=\"8\"\n\t\t      [matAutosizeMinRows]=\"3\"\n\t\t      [required]=\"propriedade.get('required').value\"\n          [tabIndex]=\"tabIndexStart + i\"\n          [minLength]=\"propriedade.get('minLength').value\"\n          [maxLength]=\"propriedade.get('maxLength').value\"\n\t\t      formControlName=\"value\"\n\t\t      matInput>\n\t      </textarea>\n\t      <mat-hint *ngIf=\"propriedade.get('textHint').value\">\n\t        <mat-icon>info</mat-icon>\n\t\t      {{propriedade.get('textHint').value}}\n\t      </mat-hint>\n        <mat-hint align=\"end\" *ngIf=\"propriedade.get('maxLength').value\">\n          {{textarea.value.length}}/{{propriedade.get('maxLength').value}}\n        </mat-hint>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.minLength\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMinLengthMessage(propriedade.get('minLength').value)}}\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.maxLength\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getMaxLengthMessage(propriedade.get('maxLength').value)}}\n        </mat-error>\n\t      <mat-error *ngIf=\"propriedade.get('value').errors?.required\">\n\t        <mat-icon>error</mat-icon>\n          {{errorMessage.getRequiredMessage(propriedade.get('label').value)}}\n\t      </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.customError\">\n          <mat-icon>error</mat-icon>\n          {{propriedade.get('value').errors?.customError.message}}.\n        </mat-error>\n\t    </mat-form-field>\n\t    <mat-form-field\n\t\t    *ngIf=\"propriedade.get('type').value == typeField.select\"\n\t\t    [appearance]=\"propriedade.get('appearance').value\"\n\t\t    [floatLabel]=\"propriedade.get('floatLabel').value\"\n\t\t    [formGroupName]=\"i\"\n\t\t    [ngClass]=\"propriedade.get('fieldClass').value\">\n\t      <mat-label>{{propriedade.get('label').value}}</mat-label>\n\t      <mat-select [multiple]=\"propriedade.get('multiple').value\" [required]=\"propriedade.get('required').value\"\n                    [tabIndex]=\"tabIndexStart + i\" formControlName=\"value\">\n\t        <mat-option *ngFor=\"let options of propriedade.get('opcoesSelect').value\" [value]=\"options.value\">\n\t          {{options.name}}\n\t        </mat-option>\n\t      </mat-select>\n\t      <mat-hint *ngIf=\"propriedade.get('textHint').value\">\n\t        <mat-icon>info</mat-icon>\n\t\t      {{propriedade.get('textHint').value}}\n\t      </mat-hint>\n\t      <mat-error *ngIf=\"propriedade.get('value').errors?.required\">\n\t        <mat-icon>error</mat-icon>\n          {{errorMessage.getRequiredMessage(propriedade.get('label').value)}}\n\t      </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.customError\">\n          <mat-icon>error</mat-icon>\n          {{propriedade.get('value').errors?.customError.message}}.\n        </mat-error>\n\t    </mat-form-field>\n      <mat-form-field\n        class=\"select-multiple-native\"\n        *ngIf=\"propriedade.get('type').value == typeField.selectMultipleNative\"\n        [appearance]=\"propriedade.get('appearance').value\"\n        [floatLabel]=\"propriedade.get('floatLabel').value\"\n        [formGroupName]=\"i\"\n        [ngClass]=\"propriedade.get('fieldClass').value\">\n        <mat-label>{{propriedade.get('label').value}}</mat-label>\n        <select\n          matNativeControl\n          formControlName=\"value\"\n          multiple\n          [tabIndex]=\"tabIndexStart + i\"\n          [required]=\"propriedade.get('required').value\">\n          <option *ngFor=\"let options of propriedade.get('opcoesSelect').value\" [value]=\"options.value\">\n            {{options.name}}\n          </option>\n        </select>\n        <mat-hint *ngIf=\"propriedade.get('textHint').value\">\n          <mat-icon>info</mat-icon>\n          {{propriedade.get('textHint').value}}\n        </mat-hint>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.required\">\n          <mat-icon>error</mat-icon>\n          {{errorMessage.getRequiredMessage(propriedade.get('label').value)}}\n        </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.customError\">\n          <mat-icon>error</mat-icon>\n          {{propriedade.get('value').errors?.customError.message}}.\n        </mat-error>\n      </mat-form-field>\n\t    <div\n\t\t    *ngIf=\"propriedade.get('type').value == typeField.checkbox\"\n\t\t    [formGroupName]=\"i\"\n\t\t    [ngClass]=\"propriedade.get('fieldClass').value\">\n\t      <mat-checkbox\n          [tabIndex]=\"tabIndexStart + i\"\n\t\t      formControlName=\"value\"\n\t\t      value=\"true\">\n\t        {{propriedade.get('label').value}}\n\t      </mat-checkbox>\n\t    </div>\n\t\t  <div\n\t\t\t  *ngIf=\"propriedade.get('type').value == typeField.moreItems\"\n\t\t\t  [formGroupName]=\"i\"\n\t\t\t  [ngClass]=\"propriedade.get('fieldClass').value\"\n\t\t\t  class=\"more-items-content\">\n\t\t\t  <fieldset>\n\t\t\t\t  <legend>\n\t\t\t\t\t  <koala-button\n\t\t\t\t\t\t  (click)=\"addMoreItem(i)\"\n\t\t\t\t\t\t  [disabled]=\"propriedade.get('moreItemsConfig').value.length === propriedade.get('moreItemsMaxItems').value\"\n\t\t\t\t\t\t  [tooltip]=\"propriedade.get('moreItemsButtonIconAddlabel').value\"\n\t\t\t\t\t\t  [backgroundColor]=\"propriedade.get('moreItemsIconBackgroundColor').value\"\n              [color]=\"propriedade.get('moreItemsIconFontColor').value\"\n\t\t\t\t\t\t  class=\"btn-add-more-items\"\n\t\t\t\t\t\t  icon=\"add\">\n\t\t\t\t\t  </koala-button>\n\t\t\t\t\t  {{propriedade.get('label').value}} (Min.: {{propriedade.get('moreItemsMinItems').value}}\n\t\t\t\t\t                                     | M\u00E1x.: {{propriedade.get('moreItemsMaxItems').value}})\n\t\t\t\t  </legend>\n\t\t\t\t  <mat-accordion class=\"items\" multi>\n\t\t\t\t\t  <mat-expansion-panel\n\t\t\t\t\t\t  *ngFor=\"let item of propriedade.get('moreItemsConfig').value.slice().reverse(); index as indexMoreItems\"\n\t\t\t\t\t\t  expanded>\n\t\t\t\t\t\t  <mat-expansion-panel-header>\n\t\t\t\t\t\t\t\t<mat-panel-title class=\"titleForm\">#\n\t\t\t\t\t\t\t\t\t{{propriedade.get('moreItemsConfig').value.length - 1 - indexMoreItems + 1}}</mat-panel-title>\n\t\t\t\t\t\t\t\t<mat-panel-description class=\"titleForm\">\n\t\t\t\t\t\t\t\t\t{{propriedade.get('label').value}}\n\t\t\t\t\t\t\t\t\t<mat-icon>{{propriedade.get('moreItemsIcon').value}}</mat-icon>\n\t\t\t\t\t\t\t\t</mat-panel-description>\n\t\t\t\t\t\t\t</mat-expansion-panel-header>\n\t\t\t\t\t\t  <koala-dynamic-form\n\t\t\t\t\t\t\t  [showFieldsMoreItensConfig]=\"item.showFieldsMoreItensConfig\"\n\t\t\t\t\t\t\t  [showFields]=\"item.showFields\"\n\t\t\t\t\t\t\t  [formConfig]=\"item.formConfig\"\n\t\t\t\t\t\t\t  [form]=\"item.form\"\n                [tabIndexStart]=\"tabIndexStart + i\">\n\t\t\t\t\t\t  </koala-dynamic-form>\n\t\t\t\t\t    <mat-action-row\n\t\t\t\t\t\t    *ngIf=\"propriedade.get('moreItemsConfig').value.length > propriedade.get('moreItemsMinItems').value\">\n\t\t\t\t\t      <button\n\t\t\t\t\t\t      (click)=\"removeMoreItem(i, propriedade.get('moreItemsConfig').value.length - 1 - indexMoreItems)\"\n\t\t\t\t\t\t      mat-icon-button>\n\t\t\t\t\t\t      <mat-icon>delete</mat-icon>\n\t\t\t\t\t      </button>\n\t\t\t\t\t    </mat-action-row>\n\t\t\t\t\t  </mat-expansion-panel>\n\t\t\t\t  </mat-accordion>\n\t\t\t  </fieldset>\n\t\t  </div>\n\t\t  <mat-form-field\n\t\t\t  *ngIf=\"propriedade.get('type').value == typeField.autocomplete\"\n\t\t\t  [appearance]=\"propriedade.get('appearance').value\"\n\t\t\t  [floatLabel]=\"propriedade.get('floatLabel').value\"\n\t\t\t  [formGroupName]=\"i\"\n\t\t\t  [ngClass]=\"propriedade.get('fieldClass').value\">\n\t      <mat-label>{{propriedade.get('label').value}} {{propriedade.get('multiple').value &&\n\t      propriedade.get('required').value ? '*' : ''}}</mat-label>\n\t\t\t  <div *ngIf=\"propriedade.get('multiple').value else single\">\n\t        <mat-chip-list #chipList>\n\t          <mat-chip\n\t\t          (removed)=\"removeOptionOnAutocomplete(i, option)\"\n\t\t          *ngFor=\"let option of propriedade.get('autocompleteSelectedValue').value\"\n\t\t          [color]=\"getColorChip(propriedade.get('autocompleteMultipleConfig').value | async)\"\n\t\t          [removable]=\"true\"\n\t\t          [selectable]=\"true\">\n\t            {{display(option)}}\n\t\t          <mat-icon matChipRemove>cancel</mat-icon>\n\t          </mat-chip>\n\t          <input\n\t\t          #autocompleteInput\n              [koalaAutoFocus]=\"propriedade.get('focus').value\"\n\t\t          [required]=\"propriedade.get('required').value\"\n\t\t          [matAutocomplete]=\"auto\"\n\t\t          [matChipInputFor]=\"chipList\"\n              [tabIndex]=\"tabIndexStart + i\"\n\t\t          formControlName=\"value\"\n\t\t          matInput\n\t\t          type=\"text\"\n\t\t          placeholder=\"Selecione um ou mais op\u00E7\u00F5es...\">\n\t        </mat-chip-list>\n\t      </div>\n\t      <ng-template #single>\n\t\t      <input\n\t\t\t      [matAutocomplete]=\"auto\"\n            [koalaAutoFocus]=\"propriedade.get('focus').value\"\n\t\t\t      [required]=\"propriedade.get('required').value\"\n            [tabIndex]=\"tabIndexStart + i\"\n\t\t\t      formControlName=\"value\"\n\t\t\t      matInput\n\t\t\t      placeholder=\"Selecione uma op\u00E7\u00E3o...\"\n\t\t\t      type=\"text\">\n\t      </ng-template>\n\t      <mat-spinner *ngIf=\"propriedade.get('autocompleteLoading').value | async\" color=\"primary\"\n\t                   matSuffix></mat-spinner>\n\t      <button\n\t\t      (click)=\"clearAutocomplete(i)\"\n\t\t      *ngIf=\"\n\t          !(propriedade.get('autocompleteLoading').value | async) &&\n\t          !propriedade.get('disabled').value\"\n\t\t      color=\"warn\"\n\t\t      mat-icon-button\n\t\t      matSuffix\n\t\t      type=\"button\">\n\t        <mat-icon>close</mat-icon>\n\t      </button>\n\t      <mat-hint *ngIf=\"propriedade.get('textHint').value\">\n\t        <mat-icon>info</mat-icon>\n\t\t      {{propriedade.get('textHint').value}}\n\t      </mat-hint>\n\t      <mat-error *ngIf=\"propriedade.get('value').errors?.required || propriedade.get('value').errors?.autocompleteSelected\">\n\t        <mat-icon>error</mat-icon>\n          {{errorMessage.getAutocompleteMessage(propriedade.get('label').value)}}\n\t      </mat-error>\n        <mat-error *ngIf=\"propriedade.get('value').errors?.customError\">\n          <mat-icon>error</mat-icon>\n          {{propriedade.get('value').errors?.customError.message}}.\n        </mat-error>\n\t      <mat-autocomplete\n\t\t      #auto=\"matAutocomplete\"\n\t\t      [displayWith]=\"display\" autoActiveFirstOption>\n\t\t      <div *ngIf=\"(propriedade.get('autocompleteOptionsFiltered').value | async) as options\">\n\t\t        <mat-option *ngFor=\"let option of options\" [value]=\"option\">\n\t\t          {{option.name}}\n\t\t        </mat-option>\n\t\t      </div>\n\t      </mat-autocomplete>\n\t    </mat-form-field>\n\t\t  <div *ngIf=\"propriedade.get('type').value == typeField.file\">\n\t\t\t  <koala-file-button\n\t\t\t\t  (getFiles)=\"propriedade.get('value').setValue($event)\"\n\t\t\t\t  [accept]=\"propriedade.get('fileButtonConfig').value.accept\"\n\t\t\t\t  [backgroundColor]=\"propriedade.get('fileButtonConfig').value.backgroundColor\"\n\t\t\t\t  [color]=\"propriedade.get('fileButtonConfig').value.color\"\n\t\t\t\t  [disabled]=\"propriedade.get('disabled').value\"\n\t\t\t\t  [icon]=\"propriedade.get('fileButtonConfig').value.icon\"\n\t\t\t\t  [multiple]=\"propriedade.get('multiple').value\"\n\t\t\t\t  [text]=\"propriedade.get('fileButtonConfig').value.text\">\n\t\t\t  </koala-file-button>\n\t\t  </div>\n\t\t  <div *ngIf=\"\n\t\t    propriedade.get('type').value == typeField.dynamicForm &&\n\t\t\t\t(propriedade.get('dynamicFormConfig').value | async) as dynamicFormConfig\">\n\t\t\t  <fieldset *ngIf=\"propriedade.get('label').value else dynamicFormWithoutLabel\">\n\t\t\t\t  <legend>{{propriedade.get('label').value}}</legend>\n\t\t\t\t  <koala-dynamic-form\n\t\t\t\t\t  [formConfig]=\"dynamicFormConfig.formConfig\"\n\t\t\t\t\t  [form]=\"dynamicFormConfig.form\"\n\t\t\t\t\t  [setValues]=\"dynamicFormConfig.setValues\"\n\t\t\t\t\t  [showFields]=\"dynamicFormConfig.showFields\"\n            [tabIndexStart]=\"tabIndexStart + i\">\n\t\t\t\t  </koala-dynamic-form>\n\t\t\t  </fieldset>\n\t\t\t  <ng-template #dynamicFormWithoutLabel>\n\t\t\t\t  <koala-dynamic-form\n\t\t\t\t\t  [formConfig]=\"dynamicFormConfig.formConfig\"\n\t\t\t\t\t  [form]=\"dynamicFormConfig.form\"\n\t\t\t\t\t  [setValues]=\"dynamicFormConfig.setValues\"\n\t\t\t\t\t  [showFields]=\"dynamicFormConfig.showFields\"\n            [tabIndexStart]=\"tabIndexStart + i\">\n\t\t\t\t  </koala-dynamic-form>\n\t\t\t  </ng-template>\n\t\t  </div>\n      <div\n        class=\"radio-btn-group\"\n        *ngIf=\"propriedade.get('type').value == typeField.radio\"\n        [formGroupName]=\"i\"\n        [ngClass]=\"propriedade.get('fieldClass').value\">\n        <mat-radio-group formControlName=\"value\">\n          <label *ngIf=\"propriedade.get('label').value\">{{propriedade.get('label').value}}</label>\n          <mat-radio-button\n            [tabIndex]=\"tabIndexStart + i\"\n            *ngFor=\"let options of propriedade.get('opcoesSelect').value\"\n            [value]=\"options.value\">\n            {{options.name}}\n          </mat-radio-button>\n        </mat-radio-group>\n      </div>\n\t  </div>\n  </div>\n  <ng-content select=\"[btn-submit]\"></ng-content>\n</div>\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    styles: [".more-items-content fieldset{border:1px solid #cccccc;padding:16px}.more-items-content fieldset legend{font-family:\"Josefin Sans\",sans-serif;font-size:11px;font-weight:bold;padding:0 8px}.more-items-content .items .titleForm{color:#616161}.more-items-content .items .mat-expansion-panel-header-title,.more-items-content .items .mat-expansion-panel-header-description{flex-basis:0}.more-items-content .items .mat-expansion-panel-header-description{align-items:center;justify-content:space-between}.more-items-content .items .mat-form-field+.mat-form-field{margin-left:8px}.radio-btn-group label{position:relative;display:block;padding:10px 0}.text-obs{background:#eeeeee;border-radius:5px;color:#212121;font-family:OpenSansLight,sans-serif;height:150px;margin:0 auto 10px;overflow-y:auto;padding:10px;position:relative;width:calc(100% - 27px)}.select-multiple-native{margin-bottom:15px}.select-multiple-native select{width:100%;height:150px;background:transparent;border:none}.select-multiple-native select:focus,.select-multiple-native select:active{outline:none}.select-multiple-native select option{padding:5px 10px;font-family:JosefinSans,sans-serif}.select-multiple-native select option:checked{background:#f1f1f1!important}\n"]
+                },] }
+    ];
+    DynamicFormComponent.ctorParameters = function () { return [
+        { type: i1.FormBuilder },
+        { type: KoalaDynamicFormService }
+    ]; };
+    DynamicFormComponent.propDecorators = {
+        form: [{ type: i0.Input }],
+        formConfig: [{ type: i0.Input }],
+        showFields: [{ type: i0.Input }],
+        showFieldsMoreItensConfig: [{ type: i0.Input }],
+        setValues: [{ type: i0.Input }],
+        tabIndexStart: [{ type: i0.Input }],
+        autocompleteInput: [{ type: i0.ViewChild, args: ['autocompleteInput',] }]
+    };
+
+    var KoalaAutofocusDirective = /** @class */ (function () {
+        function KoalaAutofocusDirective(el) {
+            this.el = el;
+        }
+        KoalaAutofocusDirective.prototype.ngAfterContentInit = function () {
+            var _this = this;
+            if (this.koalaAutoFocus) {
+                setTimeout(function () {
+                    _this.el.nativeElement.focus();
+                }, 500);
+            }
+        };
+        return KoalaAutofocusDirective;
+    }());
+    KoalaAutofocusDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[koalaAutoFocus]'
+                },] }
+    ];
+    KoalaAutofocusDirective.ctorParameters = function () { return [
+        { type: i0.ElementRef }
+    ]; };
+    KoalaAutofocusDirective.propDecorators = {
+        koalaAutoFocus: [{ type: i0.Input }]
+    };
+
+    var KoalaFormModule = /** @class */ (function () {
+        function KoalaFormModule() {
+        }
+        return KoalaFormModule;
+    }());
+    KoalaFormModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [
+                        BtnSubmitComponent,
+                        DynamicFormComponent,
+                        KoalaAutofocusDirective
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        i1.ReactiveFormsModule,
+                        i1.FormsModule,
+                        ng2CurrencyMask.CurrencyMaskModule,
+                        ngxMask.NgxMaskModule.forRoot(core.maskOptions),
+                        fileButton.KoalaFileButtonModule,
+                        input.MatInputModule,
+                        select.MatSelectModule,
+                        radio.MatRadioModule,
+                        checkbox.MatCheckboxModule,
+                        autocomplete.MatAutocompleteModule,
+                        button.MatButtonModule,
+                        icon.MatIconModule,
+                        expansion.MatExpansionModule,
+                        chips.MatChipsModule,
+                        button$1.KoalaButtonModule,
+                        progressSpinner.MatProgressSpinnerModule
+                    ],
+                    exports: [
+                        i1.ReactiveFormsModule,
+                        i1.FormsModule,
+                        KoalaAutofocusDirective,
+                        ngxMask.NgxMaskModule,
+                        fileButton.KoalaFileButtonModule,
+                        input.MatInputModule,
+                        select.MatSelectModule,
+                        radio.MatRadioModule,
+                        checkbox.MatCheckboxModule,
+                        autocomplete.MatAutocompleteModule,
+                        button.MatButtonModule,
+                        icon.MatIconModule,
+                        progressSpinner.MatProgressSpinnerModule,
+                        BtnSubmitComponent,
+                        DynamicFormComponent
+                    ]
+                },] }
+    ];
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.AutocompleteSelectedValidator = AutocompleteSelectedValidator;
+    exports.BtnSubmitComponent = BtnSubmitComponent;
+    exports.CnpjValidator = CnpjValidator;
+    exports.CpfValidator = CpfValidator;
+    exports.DynamicFormComponent = DynamicFormComponent;
+    exports.FormAbstract = FormAbstract;
+    exports.KoalaAutofocusDirective = KoalaAutofocusDirective;
+    exports.KoalaDynamicFormService = KoalaDynamicFormService;
+    exports.KoalaDynamicFormValidatorResultHelper = KoalaDynamicFormValidatorResultHelper;
+    exports.KoalaFormModule = KoalaFormModule;
+    exports.ShowInvalidFields = ShowInvalidFields;
+    exports.ValidationHelper = ValidationHelper;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=koalarx-ui-form.umd.js.map