@seniorsistemas/angular-components 17.2.10 → 17.2.12

package/bundles/seniorsistemas-angular-components.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('primeng/breadcrumb'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@ngx-translate/core'), require('ngx-mask'), require('@angular/common/http'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('@seniorsistemas/ng2-currency-mask'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/progressbar'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('primeng/api'), require('cropperjs'), require('element-resize-detector'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar'), require('primeng/confirmdialog'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@codemirror/tooltip'), require('@codemirror/gutter')) :
-    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', 'primeng/breadcrumb', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@ngx-translate/core', 'ngx-mask', '@angular/common/http', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', '@seniorsistemas/ng2-currency-mask', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/progressbar', '@angular/platform-browser', '@angular/cdk/clipboard', 'primeng/api', 'cropperjs', 'element-resize-detector', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar', 'primeng/confirmdialog', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@codemirror/tooltip', '@codemirror/gutter'], factory) :
-    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.breadcrumb, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.core$1, global.ngxMask, global.ng.common.http, global.angular2Hotkeys, global.BigNumber, global.autocomplete$1, global.dialog, global.table, global.ng2CurrencyMask, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.progressbar, global.ng.platformBrowser, global.ng.cdk.clipboard, global.api, global.Cropper, global.elementResizeDetectorMaker_, global.ng.cdk.a11y, global.scrollpanel, global.sidebar, global.confirmdialog, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$2, global.tooltip$1, global.gutter));
-}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, breadcrumb, tieredmenu, tooltip, dom, calendar, core$1, ngxMask, http, angular2Hotkeys, BigNumber, autocomplete$1, dialog, table, ng2CurrencyMask, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, progressbar, platformBrowser, clipboard, api, Cropper, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar, confirmdialog, view, state, lint, language, generator, highlight, autocomplete$2, tooltip$1, gutter) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('primeng/breadcrumb'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@ngx-translate/core'), require('ngx-mask'), require('@angular/common/http'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('@seniorsistemas/ng2-currency-mask'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/api'), require('primeng/progressbar'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('cropperjs'), require('element-resize-detector'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar'), require('primeng/confirmdialog'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@codemirror/tooltip'), require('@codemirror/gutter')) :
+    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', 'primeng/breadcrumb', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@ngx-translate/core', 'ngx-mask', '@angular/common/http', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', '@seniorsistemas/ng2-currency-mask', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/api', 'primeng/progressbar', '@angular/platform-browser', '@angular/cdk/clipboard', 'cropperjs', 'element-resize-detector', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar', 'primeng/confirmdialog', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@codemirror/tooltip', '@codemirror/gutter'], factory) :
+    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.breadcrumb, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.core$1, global.ngxMask, global.ng.common.http, global.angular2Hotkeys, global.BigNumber, global.autocomplete$1, global.dialog, global.table, global.ng2CurrencyMask, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.api, global.progressbar, global.ng.platformBrowser, global.ng.cdk.clipboard, global.Cropper, global.elementResizeDetectorMaker_, global.ng.cdk.a11y, global.scrollpanel, global.sidebar, global.confirmdialog, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$2, global.tooltip$1, global.gutter));
+}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, breadcrumb, tieredmenu, tooltip, dom, calendar, core$1, ngxMask, http, angular2Hotkeys, BigNumber, autocomplete$1, dialog, table, ng2CurrencyMask, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, api, progressbar, platformBrowser, clipboard, Cropper, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar, confirmdialog, view, state, lint, language, generator, highlight, autocomplete$2, tooltip$1, gutter) { 'use strict';
 
     var BigNumber__default = 'default' in BigNumber ? BigNumber['default'] : BigNumber;
     Cropper = Cropper && Cropper.hasOwnProperty('default') ? Cropper['default'] : Cropper;
@@ -2265,7 +2265,11 @@
             this.offsetTop = 0;
             this.ordination = exports.Ordination.NO;
             this.selected = new core.EventEmitter();
+            /**
+             * @deprecated Use focusLost event instead.
+             */
             this.blur = new core.EventEmitter();
+            this.focusLost = new core.EventEmitter();
             this.tabindex = 0;
             this._filterCountries = function (value) {
                 if (!value) {
@@ -2404,6 +2408,10 @@
         CountryPhonePickerComponent.prototype.getPlaceholder = function () {
             return this.mask.replace(/9/g, "");
         };
+        CountryPhonePickerComponent.prototype.onBlur = function (value) {
+            this.blur.emit(value);
+            this.focusLost.emit(value);
+        };
         CountryPhonePickerComponent.prototype._getSelectedCountryDefault = function () {
             if (!this._countriesList.length) {
                 throw new Error("No country loaded");
@@ -2497,6 +2505,9 @@
         __decorate([
             core.Output()
         ], CountryPhonePickerComponent.prototype, "blur", void 0);
+        __decorate([
+            core.Output()
+        ], CountryPhonePickerComponent.prototype, "focusLost", void 0);
         __decorate([
             core.ViewChild("phoneInput", { static: true })
         ], CountryPhonePickerComponent.prototype, "phoneInput", void 0);
@@ -2512,7 +2523,7 @@
         CountryPhonePickerComponent = CountryPhonePickerComponent_1 = __decorate([
             core.Component({
                 selector: "s-country-phone-picker",
-                template: "<div class=\"country-phone-picker\">\n   <div class=\"phone-input\">\n      <div class=\"drop\" (click)=\"open = !open\">\n         <span class=\"drop-flag\" [ngClass]=\"'fi fi-' + selectedItem.id\">\n         </span>\n         <span class=\"drop-icon fas fa-caret-down\"></span>\n      </div>\n      <p class=\"phone-ddi\">{{ selectedItem.ddi }}</p>\n      <input\n         #phoneInput\n         type=\"tel\"\n         autofocus\n         [mask]=\"mask\"       \n         [placeholder]=\"getPlaceholder()\"\n         [formControl]=\"phone\"\n         (focus)=\"onPhoneInputFocus()\" \n         (blur)=\"blur.emit(value)\"\n         />\n   </div>\n   <div *ngIf=\"open\" class=\"dropdown\">\n      <div class=\"search\">\n         <input\n            class=\"search-field\"\n            type=\"text\"\n            [formControl]=\"filter\">\n         <span class=\"search-icon fas fa-search\"></span>\n         <span\n            class=\"search-clear fa fa-times\"\n            (click)=\"onCleanFilter()\"></span>\n      </div>\n      <ul class=\"select-list\">\n         <li\n            *ngFor=\"let country of filteredCountriesList; let i = index;\"\n            class=\"select-option\"\n            [ngClass]=\"{ 'select-option--focused': i == currentItemIndex }\"\n            (click)=\"onSelectItem(country)\">\n            <span\n               class=\"select-option__flag\"\n               [ngClass]=\"'fi fi-' + country.id\">\n            </span>\n            <span class=\"select-option__name\">\n               {{ \"platform.angular_components.country_name_\" + country.id | translate }}\n            </span>\n            <span class=\"select-option__ddi\">\n               {{ country.ddi }}\n            </span>\n         </li>\n      </ul>\n   </div>\n</div>",
+                template: "<div class=\"country-phone-picker\">\n   <div class=\"phone-input\">\n      <div class=\"drop\" (click)=\"open = !open\">\n         <span class=\"drop-flag\" [ngClass]=\"'fi fi-' + selectedItem.id\">\n         </span>\n         <span class=\"drop-icon fas fa-caret-down\"></span>\n      </div>\n      <p class=\"phone-ddi\">{{ selectedItem.ddi }}</p>\n      <input\n         #phoneInput\n         type=\"tel\"\n         autofocus\n         [mask]=\"mask\"       \n         [placeholder]=\"getPlaceholder()\"\n         [formControl]=\"phone\"\n         (focus)=\"onPhoneInputFocus()\" \n         (blur)=\"onBlur(value)\"\n         />\n   </div>\n   <div *ngIf=\"open\" class=\"dropdown\">\n      <div class=\"search\">\n         <input\n            class=\"search-field\"\n            type=\"text\"\n            [formControl]=\"filter\">\n         <span class=\"search-icon fas fa-search\"></span>\n         <span\n            class=\"search-clear fa fa-times\"\n            (click)=\"onCleanFilter()\"></span>\n      </div>\n      <ul class=\"select-list\">\n         <li\n            *ngFor=\"let country of filteredCountriesList; let i = index;\"\n            class=\"select-option\"\n            [ngClass]=\"{ 'select-option--focused': i == currentItemIndex }\"\n            (click)=\"onSelectItem(country)\">\n            <span\n               class=\"select-option__flag\"\n               [ngClass]=\"'fi fi-' + country.id\">\n            </span>\n            <span class=\"select-option__name\">\n               {{ \"platform.angular_components.country_name_\" + country.id | translate }}\n            </span>\n            <span class=\"select-option__ddi\">\n               {{ country.ddi }}\n            </span>\n         </li>\n      </ul>\n   </div>\n</div>",
                 providers: [{
                         provide: forms.NG_VALUE_ACCESSOR,
                         useExisting: core.forwardRef(function () { return CountryPhonePickerComponent_1; }),
@@ -2550,6 +2561,7 @@
         FieldType["Blob"] = "Blob";
         FieldType["Boolean"] = "Boolean";
         FieldType["Chips"] = "Chips";
+        FieldType["CountryPhonePicker"] = "CountryPhonePicker";
         FieldType["Custom"] = "Custom";
         FieldType["Date"] = "Date";
         FieldType["DateTime"] = "DateTime";
@@ -3412,7 +3424,7 @@
             _this.autoDisplayFirst = config.autoDisplayFirst;
             _this.options = config.options;
             _this.multiple = config.multiple;
-            _this.multipleSelectedLabel = config.multipleSelectedLabel || "{0} registros selecionados";
+            _this.multipleSelectedLabel = config.multipleSelectedLabel;
             _this.onClick = config.onClick;
             _this.onChange = config.onChange;
             _this.emptyMessage = config.emptyMessage;
@@ -3519,6 +3531,19 @@
         return SliderField;
     }(Field));
 
+    var CountryPhonePickerField = /** @class */ (function (_super) {
+        __extends(CountryPhonePickerField, _super);
+        function CountryPhonePickerField(config) {
+            var _this = _super.call(this, config) || this;
+            _this.countries = config.countries;
+            _this.ordination = config.ordination;
+            _this.onSelected = config.onSelected;
+            _this.onFocusLost = config.onFocusLost;
+            return _this;
+        }
+        return CountryPhonePickerField;
+    }(Field));
+
     var FormField = /** @class */ (function () {
         function FormField(config) {
             switch (config.type) {
@@ -3556,6 +3581,8 @@
                     return new RadioButtonField(config);
                 case exports.FieldType.Chips:
                     return new ChipsField(config);
+                case exports.FieldType.CountryPhonePicker:
+                    return new CountryPhonePickerField(config);
                 case exports.FieldType.Blob:
                     return new BlobField(config);
                 case exports.FieldType.Slider:
@@ -4266,157 +4293,422 @@
         return DynamicFormComponent;
     }());
 
-    var EmptyStateComponent = /** @class */ (function () {
-        function EmptyStateComponent() {
-            this.id = "s-empty-state-" + EmptyStateComponent_1.nextId++;
-            this.iconClass = "fa fa-inbox";
-            this.showPrimaryAction = true;
-            this.showSecondaryAction = true;
-            this.primaryModel = [];
-            this.primaryAction = new core.EventEmitter();
-            this.secondaryAction = new core.EventEmitter();
+    var IAssistService = /** @class */ (function () {
+        function IAssistService(http, _messageService) {
+            this.http = http;
+            this._messageService = _messageService;
         }
-        EmptyStateComponent_1 = EmptyStateComponent;
-        var EmptyStateComponent_1;
-        EmptyStateComponent.nextId = 0;
-        __decorate([
-            core.Input()
-        ], EmptyStateComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], EmptyStateComponent.prototype, "iconClass", void 0);
-        __decorate([
-            core.Input()
-        ], EmptyStateComponent.prototype, "title", void 0);
-        __decorate([
-            core.Input()
-        ], EmptyStateComponent.prototype, "description", void 0);
-        __decorate([
-            core.Input()
-        ], EmptyStateComponent.prototype, "showPrimaryAction", void 0);
-        __decorate([
-            core.Input()
-        ], EmptyStateComponent.prototype, "showSecondaryAction", void 0);
-        __decorate([
-            core.Input()
-        ], EmptyStateComponent.prototype, "primaryActionLabel", void 0);
-        __decorate([
-            core.Input()
-        ], EmptyStateComponent.prototype, "secondaryActionLabel", void 0);
+        IAssistService.prototype.askIA = function (context, data) {
+            var _this = this;
+            return this.http.post("platform/iassist/api/latest/completions", {
+                "prompt": this._createPrompt(context, data),
+                "provider": "OPEN_AI",
+                "parameters": {
+                    "model": "gpt-3.5-turbo",
+                    "max_tokens": 700,
+                    "temperature": 1
+                }
+            }).pipe(operators.catchError(function (err) {
+                _this._messageService.add({
+                    severity: "error",
+                    summary: err.status ? String(err.status) : "Error",
+                    detail: (err.error && err.error.message) || err.statusText || err.message || "Error",
+                });
+                return rxjs.throwError(err);
+            }));
+        };
+        IAssistService.prototype._createPrompt = function (context, data) {
+            return "Crie um texto gen\u00E9rico para preencher o campo de textarea.\n        " + (data.label ? "O campo tem o label " + data.label + "." : "") + "\n        " + (data.id ? "O campo tem o id " + data.id + "." : "") + "\n        " + (data.placeholder ? "Considere as instru\u00E7\u00F5es/sugest\u00F5es do placeholder: " + data.placeholder + "." : "") + "\n        Baseie-se no contexto informado pelo usu\u00E1rio: '" + context + "'.\n        O texto deve ser formal e conter informa\u00E7\u00F5es pertinentes a um campo como este, como se um usu\u00E1rio real tivesse preenchido com as informa\u00E7\u00F5es necess\u00E1rias. \n        O texto deve ser neutro com rela\u00E7\u00E3o a generos, ra\u00E7as, religi\u00F5es, etc.\n        O texto deve ser impessoal e n\u00E3o deve conter informa\u00E7\u00F5es pessoais do usu\u00E1rio.\n        N\u00E3o direcione o texto a ningu\u00E9m, n\u00E3o use express\u00F5es como: caro, atenciosamente. gostaria, agrade\u00E7o. O texto deve ser gen\u00E9rico.\n    \n        Exemplos de texto:\n        Um campo de descri\u00E7\u00E3o de usu\u00E1rio: \"Usu\u00E1rio com 20 anos, estudante de engenharia, gosta de jogar futebol e assistir filmes.\"\n        Outro exemplo de descri\u00E7\u00E3o de usu\u00E1rio: \"Usu\u00E1rio administrador, com acesso total ao sistema, respons\u00E1vel por gerenciar os usu\u00E1rios e os produtos.\"\n        Um campo de descri\u00E7\u00E3o de um produto: \"O produto \u00E9 um celular, com tela de 6 polegadas, 128GB de armazenamento, 4GB de mem\u00F3ria RAM, c\u00E2mera de 12MP e bateria de 4000mAh.\"\n        Outro exemplo de descri\u00E7\u00E3o de produto: \"O produto \u00E9 uma geladeira, com capacidade de 500 litros, 2 portas, cor branca, com freezer e gaveta de legumes.\"\n        Outro exemplo de descri\u00E7\u00E3o de produto: \"O produto \u00E9 uma camiseta, tamanho M, cor azul, 100% algod\u00E3o, com estampa de um gato.\"\n    \n        Em caso de contexto incompleto crie um texto gen\u00E9rico, como se fosse um exemplo de preenchimento do campo.\n        O texto \u00E9 para um campo de textarea, ent\u00E3o escreva um texto sucinto.\n        Exiba apenas o texto do output";
+        };
+        IAssistService.ctorParameters = function () { return [
+            { type: http.HttpClient },
+            { type: api.MessageService }
+        ]; };
+        IAssistService = __decorate([
+            core.Injectable()
+        ], IAssistService);
+        return IAssistService;
+    }());
+
+    var LongPressDirective = /** @class */ (function () {
+        function LongPressDirective() {
+            this.sLongPressDelay = 500;
+            this.sLongPress = new core.EventEmitter();
+            this.mouseUp = new rxjs.Subject();
+            this.mouseDown = new rxjs.Subject();
+            this.ngUnsubscribe = new rxjs.Subject();
+        }
+        LongPressDirective.prototype.onMouseUp = function (event) {
+            this.mouseUp.next(event);
+        };
+        LongPressDirective.prototype.onMouseDown = function (event) {
+            this.mouseDown.next(event);
+        };
+        LongPressDirective.prototype.ngOnInit = function () {
+            var _this = this;
+            this.mouseDown
+                .pipe(operators.debounceTime(this.sLongPressDelay), operators.takeUntil(this.mouseUp), operators.repeat(), operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function (event) { return _this.sLongPress.emit(event); });
+        };
+        LongPressDirective.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
+        };
         __decorate([
             core.Input()
-        ], EmptyStateComponent.prototype, "primaryModel", void 0);
+        ], LongPressDirective.prototype, "sLongPressDelay", void 0);
         __decorate([
             core.Output()
-        ], EmptyStateComponent.prototype, "primaryAction", void 0);
+        ], LongPressDirective.prototype, "sLongPress", void 0);
         __decorate([
-            core.Output()
-        ], EmptyStateComponent.prototype, "secondaryAction", void 0);
-        EmptyStateComponent = EmptyStateComponent_1 = __decorate([
-            core.Component({
-                selector: "s-empty-state",
-                template: "<div [id]=\"id\" class=\"container\">\n    <div [id]=\"id + '-icon'\" class=\"icon\">\n        <i [attr.class]=\"iconClass ? iconClass : 'fa fa-cogs'\" aria-hidden=\"true\"></i>\n    </div>\n    <div [id]=\"id + '-title'\" class=\"title\">{{title}}</div>\n    <div [id]=\"id + '-description'\" class=\"description\" *ngIf=\"description\">\n        <p>{{description}}</p>\n    </div>\n    <div [id]=\"id + '-actions'\" class=\"actions\" *ngIf=\"showPrimaryAction && primaryActionLabel\">\n        <s-button [id]=\"id + '-primary-action'\" type=\"button\" [label]=\"primaryActionLabel\"\n          [model]=\"primaryModel\" (click)=\"primaryAction.next()\"></s-button>\n        <s-button [id]=\"id + '-secondary-action'\" *ngIf=\"showSecondaryAction && secondaryActionLabel\" id=\"secondaryAction\" type=\"button\"\n            [label]=\"secondaryActionLabel\" priority=\"link\" (click)=\"secondaryAction.next()\"></s-button>\n    </div>\n</div>",
-                styles: [".container{width:100%;text-align:center}.title{font-weight:700;margin-bottom:10px}.description{margin-bottom:15px;color:#999;padding:0 20px;text-align:center}.description>p{margin:auto;max-width:400px;max-height:80px;overflow:hidden}.icon{color:#d8d8d8;font-size:6em}.actions{text-align:center;width:100%}"]
+            core.HostListener("mouseup", ["$event"]),
+            core.HostListener("touchend", ["$event"])
+        ], LongPressDirective.prototype, "onMouseUp", null);
+        __decorate([
+            core.HostListener("mousedown", ["$event"]),
+            core.HostListener("touchstart", ["$event"])
+        ], LongPressDirective.prototype, "onMouseDown", null);
+        LongPressDirective = __decorate([
+            core.Directive({
+                selector: "[sLongPress]",
             })
-        ], EmptyStateComponent);
-        return EmptyStateComponent;
+        ], LongPressDirective);
+        return LongPressDirective;
     }());
 
-    var EmptyStateGoBackComponent = /** @class */ (function () {
-        function EmptyStateGoBackComponent(cookieService) {
-            this.cookieService = cookieService;
-            this.iconClass = "fa fa-exclamation-triangle";
+    var DoubleClickDirective = /** @class */ (function () {
+        function DoubleClickDirective() {
+            this.onDoubleClick = new core.EventEmitter();
+            this._timeout = null;
+            this._DOUBLE_CLICK_DELAY = 500;
         }
-        EmptyStateGoBackComponent.prototype.goBack = function () {
-            var portalUrl = this.cookieService.get("com.senior.portal.url");
-            window.open(portalUrl, "_top");
+        DoubleClickDirective.prototype.onClick = function (event) {
+            this.handleOnClickEvent(event);
+        };
+        DoubleClickDirective.prototype.handleOnClickEvent = function (event) {
+            var _this = this;
+            if (this._timeout) {
+                this.clearTimeout();
+                this.onDoubleClick.emit(event);
+            }
+            else {
+                this._timeout = setTimeout(function () { return _this.clearTimeout(); }, this._DOUBLE_CLICK_DELAY);
+            }
+        };
+        DoubleClickDirective.prototype.clearTimeout = function () {
+            clearTimeout(this._timeout);
+            this._timeout = null;
         };
-        EmptyStateGoBackComponent.nextId = 0;
-        EmptyStateGoBackComponent.ctorParameters = function () { return [
-            { type: ngxCookieService.CookieService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], EmptyStateGoBackComponent.prototype, "iconClass", void 0);
-        __decorate([
-            core.Input()
-        ], EmptyStateGoBackComponent.prototype, "title", void 0);
         __decorate([
-            core.Input()
-        ], EmptyStateGoBackComponent.prototype, "description", void 0);
+            core.Output()
+        ], DoubleClickDirective.prototype, "onDoubleClick", void 0);
         __decorate([
-            core.Input()
-        ], EmptyStateGoBackComponent.prototype, "primaryActionLabel", void 0);
-        EmptyStateGoBackComponent = __decorate([
-            core.Component({
-                selector: "s-empty-state-go-back",
-                template: "<s-empty-state \n    [iconClass]=\"iconClass\" \n    [title]=\"title\" \n    [description]=\"description\" \n    (primaryAction)=\"goBack()\"\n    [primaryActionLabel]=\"primaryActionLabel\">\n</s-empty-state>"
+            core.HostListener("click", ["$event"])
+        ], DoubleClickDirective.prototype, "onClick", null);
+        DoubleClickDirective = __decorate([
+            core.Directive({
+                selector: '[sDoubleClick]'
             })
-        ], EmptyStateGoBackComponent);
-        return EmptyStateGoBackComponent;
+        ], DoubleClickDirective);
+        return DoubleClickDirective;
     }());
 
-    var EmptyStateModule = /** @class */ (function () {
-        function EmptyStateModule() {
+    var MouseEventsModule = /** @class */ (function () {
+        function MouseEventsModule() {
         }
-        EmptyStateModule = __decorate([
+        MouseEventsModule = __decorate([
             core.NgModule({
-                imports: [common.CommonModule, ButtonModule],
-                providers: [ngxCookieService.CookieService],
-                declarations: [EmptyStateComponent, EmptyStateGoBackComponent],
-                exports: [EmptyStateComponent, EmptyStateGoBackComponent],
+                imports: [common.CommonModule],
+                declarations: [
+                    LongPressDirective,
+                    DoubleClickDirective
+                ],
+                exports: [
+                    LongPressDirective,
+                    DoubleClickDirective
+                ],
             })
-        ], EmptyStateModule);
-        return EmptyStateModule;
+        ], MouseEventsModule);
+        return MouseEventsModule;
     }());
 
-    /**
-     * Formats a JSON response to a JS object
-     * @param response The response to format
-     * @returns A JS object based on the response's body
-     */
-    function formatJsonResponse(response) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, response.json()];
-            });
-        });
-    }
-
-    /**
-     * Formats a Blob response to a JS object
-     * @param response The response to format
-     * @returns A JS object based on the response's body
-     */
-    function formatBlobResponse(response) {
-        return __awaiter(this, void 0, void 0, function () {
-            var textResponse;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, response.blob()];
-                    case 1: return [4 /*yield*/, (_a.sent()).text()];
-                    case 2:
-                        textResponse = _a.sent();
-                        return [2 /*return*/, JSON.parse(textResponse)];
-                }
-            });
-        });
-    }
-
-    /**
-     * Custom HttpClient for cases when is not possible to use the Angular's HttpClient
-     */
-    var CustomHttpClient = /** @class */ (function () {
-        function CustomHttpClient() {
-        }
-        /**
-         * Executes a Http Get
-         * @param url Url to execute the Get on
-         * @param init Optional additional configs
-         * @returns Whether a Promise<T> on request success or an error in request fail
-         */
-        CustomHttpClient.GET = function (url, init) {
-            if (init === void 0) { init = {}; }
+    var BignumberInputDirective = /** @class */ (function (_super) {
+        __extends(BignumberInputDirective, _super);
+        function BignumberInputDirective() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.precision = 15;
+            _this.scale = 0;
+            _this.decimalSeparator = ",";
+            _this.alignTo = ng2CurrencyMask.AlignmentOptions.LEFT;
+            _this.allowNegative = true;
+            return _this;
+        }
+        BignumberInputDirective_1 = BignumberInputDirective;
+        BignumberInputDirective.prototype.ngOnInit = function () {
+            this.updateVariables();
+            _super.prototype.ngOnInit.call(this);
+        };
+        BignumberInputDirective.prototype.ngOnChanges = function (changes) {
+            var placeholderChange = changes.placeholder && changes.placeholder.currentValue;
+            if (!placeholderChange && this.scale) {
+                this.placeholder = "0" + this.decimalSeparator + "".padEnd(this.scale, "0");
+            }
+            if (changes.scale ||
+                changes.decimalSeparator ||
+                changes.thousandsSeparator ||
+                changes.alignTo ||
+                changes.precision ||
+                changes.allowNegative) {
+                this.updateVariables();
+            }
+        };
+        BignumberInputDirective.prototype.onKeypress = function (event) {
+            var code = event.code;
+            if (code === "Minus" || code === "NumpadSubtract") {
+                if (this.allowNegative) {
+                    this.maxLength = this._maxLength + 1;
+                }
+            }
+            else if (code === "Equal" || code === "NumpadAdd") {
+                this.maxLength = this._maxLength;
+            }
+        };
+        /**
+         * Update the options values according to the directive input values.
+         */
+        BignumberInputDirective.prototype.updateVariables = function () {
+            var _a;
+            this.options = {
+                align: this.alignTo,
+                decimalSeparator: this.decimalSeparator,
+                thousandsSeparator: (_a = this.thousandsSeparator) !== null && _a !== void 0 ? _a : ".",
+                scale: this.scale || 0,
+                prefix: "",
+                suffix: "",
+                allowNegative: this.allowNegative
+            };
+            this.calculateMaxLength();
+        };
+        /**
+         * Responsible to calculate the field maximum length considering the separators.
+         */
+        BignumberInputDirective.prototype.calculateMaxLength = function () {
+            var _a, _b;
+            var decSepLength = this.decimalSeparator.length;
+            var thoSepLength = (_b = (_a = this.thousandsSeparator) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 1;
+            var maxLength = this.precision + (this.scale ? decSepLength : 0);
+            maxLength += Math.ceil((this.precision - (this.scale ? this.scale : 0)) / 3 - 1) * thoSepLength;
+            this._maxLength = maxLength;
+            this.maxLength = maxLength;
+        };
+        var BignumberInputDirective_1;
+        __decorate([
+            core.Input()
+        ], BignumberInputDirective.prototype, "precision", void 0);
+        __decorate([
+            core.Input()
+        ], BignumberInputDirective.prototype, "scale", void 0);
+        __decorate([
+            core.Input()
+        ], BignumberInputDirective.prototype, "decimalSeparator", void 0);
+        __decorate([
+            core.Input()
+        ], BignumberInputDirective.prototype, "thousandsSeparator", void 0);
+        __decorate([
+            core.Input()
+        ], BignumberInputDirective.prototype, "alignTo", void 0);
+        __decorate([
+            core.Input()
+        ], BignumberInputDirective.prototype, "allowNegative", void 0);
+        __decorate([
+            core.Input(),
+            core.HostBinding("attr.placeholder")
+        ], BignumberInputDirective.prototype, "placeholder", void 0);
+        __decorate([
+            core.HostBinding("attr.maxLength")
+        ], BignumberInputDirective.prototype, "maxLength", void 0);
+        __decorate([
+            core.HostListener("keypress", ["$event"])
+        ], BignumberInputDirective.prototype, "onKeypress", null);
+        BignumberInputDirective = BignumberInputDirective_1 = __decorate([
+            core.Directive({
+                selector: "input[sBignumberInput]",
+                providers: [
+                    {
+                        provide: forms.NG_VALUE_ACCESSOR,
+                        useExisting: core.forwardRef(function () { return BignumberInputDirective_1; }),
+                        multi: true,
+                    },
+                ],
+            })
+        ], BignumberInputDirective);
+        return BignumberInputDirective;
+    }(ng2CurrencyMask.CurrencyMaskDirective));
+
+    var BignumberInputModule = /** @class */ (function () {
+        function BignumberInputModule() {
+        }
+        BignumberInputModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [BignumberInputDirective],
+                exports: [BignumberInputDirective],
+            })
+        ], BignumberInputModule);
+        return BignumberInputModule;
+    }());
+
+    var EmptyStateComponent = /** @class */ (function () {
+        function EmptyStateComponent() {
+            this.id = "s-empty-state-" + EmptyStateComponent_1.nextId++;
+            this.iconClass = "fa fa-inbox";
+            this.showPrimaryAction = true;
+            this.showSecondaryAction = true;
+            this.primaryModel = [];
+            this.primaryAction = new core.EventEmitter();
+            this.secondaryAction = new core.EventEmitter();
+        }
+        EmptyStateComponent_1 = EmptyStateComponent;
+        var EmptyStateComponent_1;
+        EmptyStateComponent.nextId = 0;
+        __decorate([
+            core.Input()
+        ], EmptyStateComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input()
+        ], EmptyStateComponent.prototype, "iconClass", void 0);
+        __decorate([
+            core.Input()
+        ], EmptyStateComponent.prototype, "title", void 0);
+        __decorate([
+            core.Input()
+        ], EmptyStateComponent.prototype, "description", void 0);
+        __decorate([
+            core.Input()
+        ], EmptyStateComponent.prototype, "showPrimaryAction", void 0);
+        __decorate([
+            core.Input()
+        ], EmptyStateComponent.prototype, "showSecondaryAction", void 0);
+        __decorate([
+            core.Input()
+        ], EmptyStateComponent.prototype, "primaryActionLabel", void 0);
+        __decorate([
+            core.Input()
+        ], EmptyStateComponent.prototype, "secondaryActionLabel", void 0);
+        __decorate([
+            core.Input()
+        ], EmptyStateComponent.prototype, "primaryModel", void 0);
+        __decorate([
+            core.Output()
+        ], EmptyStateComponent.prototype, "primaryAction", void 0);
+        __decorate([
+            core.Output()
+        ], EmptyStateComponent.prototype, "secondaryAction", void 0);
+        EmptyStateComponent = EmptyStateComponent_1 = __decorate([
+            core.Component({
+                selector: "s-empty-state",
+                template: "<div [id]=\"id\" class=\"container\">\n    <div [id]=\"id + '-icon'\" class=\"icon\">\n        <i [attr.class]=\"iconClass ? iconClass : 'fa fa-cogs'\" aria-hidden=\"true\"></i>\n    </div>\n    <div [id]=\"id + '-title'\" class=\"title\">{{title}}</div>\n    <div [id]=\"id + '-description'\" class=\"description\" *ngIf=\"description\">\n        <p>{{description}}</p>\n    </div>\n    <div [id]=\"id + '-actions'\" class=\"actions\" *ngIf=\"showPrimaryAction && primaryActionLabel\">\n        <s-button [id]=\"id + '-primary-action'\" type=\"button\" [label]=\"primaryActionLabel\"\n          [model]=\"primaryModel\" (click)=\"primaryAction.next()\"></s-button>\n        <s-button [id]=\"id + '-secondary-action'\" *ngIf=\"showSecondaryAction && secondaryActionLabel\" id=\"secondaryAction\" type=\"button\"\n            [label]=\"secondaryActionLabel\" priority=\"link\" (click)=\"secondaryAction.next()\"></s-button>\n    </div>\n</div>",
+                styles: [".container{width:100%;text-align:center}.title{font-weight:700;margin-bottom:10px}.description{margin-bottom:15px;color:#999;padding:0 20px;text-align:center}.description>p{margin:auto;max-width:400px;max-height:80px;overflow:hidden}.icon{color:#d8d8d8;font-size:6em}.actions{text-align:center;width:100%}"]
+            })
+        ], EmptyStateComponent);
+        return EmptyStateComponent;
+    }());
+
+    var EmptyStateGoBackComponent = /** @class */ (function () {
+        function EmptyStateGoBackComponent(cookieService) {
+            this.cookieService = cookieService;
+            this.iconClass = "fa fa-exclamation-triangle";
+        }
+        EmptyStateGoBackComponent.prototype.goBack = function () {
+            var portalUrl = this.cookieService.get("com.senior.portal.url");
+            window.open(portalUrl, "_top");
+        };
+        EmptyStateGoBackComponent.nextId = 0;
+        EmptyStateGoBackComponent.ctorParameters = function () { return [
+            { type: ngxCookieService.CookieService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], EmptyStateGoBackComponent.prototype, "iconClass", void 0);
+        __decorate([
+            core.Input()
+        ], EmptyStateGoBackComponent.prototype, "title", void 0);
+        __decorate([
+            core.Input()
+        ], EmptyStateGoBackComponent.prototype, "description", void 0);
+        __decorate([
+            core.Input()
+        ], EmptyStateGoBackComponent.prototype, "primaryActionLabel", void 0);
+        EmptyStateGoBackComponent = __decorate([
+            core.Component({
+                selector: "s-empty-state-go-back",
+                template: "<s-empty-state \n    [iconClass]=\"iconClass\" \n    [title]=\"title\" \n    [description]=\"description\" \n    (primaryAction)=\"goBack()\"\n    [primaryActionLabel]=\"primaryActionLabel\">\n</s-empty-state>"
+            })
+        ], EmptyStateGoBackComponent);
+        return EmptyStateGoBackComponent;
+    }());
+
+    var EmptyStateModule = /** @class */ (function () {
+        function EmptyStateModule() {
+        }
+        EmptyStateModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule, ButtonModule],
+                providers: [ngxCookieService.CookieService],
+                declarations: [EmptyStateComponent, EmptyStateGoBackComponent],
+                exports: [EmptyStateComponent, EmptyStateGoBackComponent],
+            })
+        ], EmptyStateModule);
+        return EmptyStateModule;
+    }());
+
+    /**
+     * Formats a JSON response to a JS object
+     * @param response The response to format
+     * @returns A JS object based on the response's body
+     */
+    function formatJsonResponse(response) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, response.json()];
+            });
+        });
+    }
+
+    /**
+     * Formats a Blob response to a JS object
+     * @param response The response to format
+     * @returns A JS object based on the response's body
+     */
+    function formatBlobResponse(response) {
+        return __awaiter(this, void 0, void 0, function () {
+            var textResponse;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, response.blob()];
+                    case 1: return [4 /*yield*/, (_a.sent()).text()];
+                    case 2:
+                        textResponse = _a.sent();
+                        return [2 /*return*/, JSON.parse(textResponse)];
+                }
+            });
+        });
+    }
+
+    /**
+     * Custom HttpClient for cases when is not possible to use the Angular's HttpClient
+     */
+    var CustomHttpClient = /** @class */ (function () {
+        function CustomHttpClient() {
+        }
+        /**
+         * Executes a Http Get
+         * @param url Url to execute the Get on
+         * @param init Optional additional configs
+         * @returns Whether a Promise<T> on request success or an error in request fail
+         */
+        CustomHttpClient.GET = function (url, init) {
+            if (init === void 0) { init = {}; }
             return __awaiter(this, void 0, void 0, function () {
                 var response;
                 return __generator(this, function (_a) {
@@ -5406,294 +5698,319 @@
         return MaskFormatterModule;
     }());
 
-    var BignumberInputDirective = /** @class */ (function (_super) {
-        __extends(BignumberInputDirective, _super);
-        function BignumberInputDirective() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.precision = 15;
-            _this.scale = 0;
-            _this.decimalSeparator = ",";
-            _this.alignTo = ng2CurrencyMask.AlignmentOptions.LEFT;
-            _this.allowNegative = true;
-            return _this;
+
+    (function (PasswordStrengths) {
+        PasswordStrengths["VeryWeak"] = "Very_weak";
+        PasswordStrengths["Weak"] = "weak";
+        PasswordStrengths["Medium"] = "medium";
+        PasswordStrengths["Strong"] = "strong";
+    })(exports.PasswordStrengths || (exports.PasswordStrengths = {}));
+
+
+    (function (PasswordStrengthPositions) {
+        PasswordStrengthPositions["Top"] = "top";
+        PasswordStrengthPositions["Right"] = "right";
+        PasswordStrengthPositions["Left"] = "left";
+    })(exports.PasswordStrengthPositions || (exports.PasswordStrengthPositions = {}));
+
+    var PasswordStrengthComponent = /** @class */ (function () {
+        function PasswordStrengthComponent() {
+            this.weakTitle = "Fraca";
+            this.mediumTitle = "Médio";
+            this.strongTitle = "Forte";
+            this.position = exports.PasswordStrengthPositions.Right;
+            this.left = 0;
+            this.top = 0;
+            this.visible = false;
         }
-        BignumberInputDirective_1 = BignumberInputDirective;
-        BignumberInputDirective.prototype.ngOnInit = function () {
-            this.updateVariables();
-            _super.prototype.ngOnInit.call(this);
+        PasswordStrengthComponent.prototype.ngOnInit = function () {
+            this.title = this.weakTitle;
         };
-        BignumberInputDirective.prototype.ngOnChanges = function (changes) {
-            var placeholderChange = changes.placeholder && changes.placeholder.currentValue;
-            if (!placeholderChange && this.scale) {
-                this.placeholder = "0" + this.decimalSeparator + "".padEnd(this.scale, "0");
-            }
-            if (changes.scale ||
-                changes.decimalSeparator ||
-                changes.thousandsSeparator ||
-                changes.alignTo ||
-                changes.precision ||
-                changes.allowNegative) {
-                this.updateVariables();
+        PasswordStrengthComponent.prototype.setPasswordStrengthPosition = function () {
+            var passwordStrength = document.querySelector(".password-strength");
+            switch (this.position) {
+                case exports.PasswordStrengthPositions.Top:
+                    passwordStrength.classList.add("password-strength--top");
+                    break;
+                case exports.PasswordStrengthPositions.Right:
+                    passwordStrength.classList.add("password-strength--right");
+                    break;
+                case exports.PasswordStrengthPositions.Left:
+                    passwordStrength.classList.add("password-strength--left");
+                    break;
             }
         };
-        BignumberInputDirective.prototype.onKeypress = function (event) {
-            var code = event.code;
-            if (code === "Minus" || code === "NumpadSubtract") {
-                if (this.allowNegative) {
-                    this.maxLength = this._maxLength + 1;
-                }
-            }
-            else if (code === "Equal" || code === "NumpadAdd") {
-                this.maxLength = this._maxLength;
+        PasswordStrengthComponent.prototype.updateIndicators = function (passwordStrength) {
+            var strengthIndicator1 = document.querySelector("#strength-indicator-1");
+            var strengthIndicator2 = document.querySelector("#strength-indicator-2");
+            var strengthIndicator3 = document.querySelector("#strength-indicator-3");
+            var onIndicators = [];
+            var indicators = [
+                strengthIndicator1,
+                strengthIndicator2,
+                strengthIndicator3,
+            ];
+            var strengthClass;
+            switch (passwordStrength) {
+                case exports.PasswordStrengths.VeryWeak:
+                    this.title = this.weakTitle;
+                    break;
+                case exports.PasswordStrengths.Weak:
+                    this.title = this.weakTitle;
+                    strengthClass = "strength-indicator--weak";
+                    onIndicators.push(strengthIndicator1);
+                    break;
+                case exports.PasswordStrengths.Medium:
+                    this.title = this.mediumTitle;
+                    strengthClass = "strength-indicator--medium";
+                    onIndicators.push(strengthIndicator1);
+                    onIndicators.push(strengthIndicator2);
+                    break;
+                case exports.PasswordStrengths.Strong:
+                    this.title = this.strongTitle;
+                    strengthClass = "strength-indicator--strong";
+                    onIndicators.push(strengthIndicator1);
+                    onIndicators.push(strengthIndicator2);
+                    onIndicators.push(strengthIndicator3);
+                    break;
             }
+            indicators.forEach(function (indicator) {
+                indicator.classList.remove("strength-indicator--weak", "strength-indicator--medium", "strength-indicator--strong");
+            });
+            onIndicators.forEach(function (indicator) {
+                indicator.classList.add(strengthClass);
+            });
         };
-        /**
-         * Update the options values according to the directive input values.
-         */
-        BignumberInputDirective.prototype.updateVariables = function () {
-            var _a;
-            this.options = {
-                align: this.alignTo,
-                decimalSeparator: this.decimalSeparator,
-                thousandsSeparator: (_a = this.thousandsSeparator) !== null && _a !== void 0 ? _a : ".",
-                scale: this.scale || 0,
-                prefix: "",
-                suffix: "",
-                allowNegative: this.allowNegative
-            };
-            this.calculateMaxLength();
-        };
-        /**
-         * Responsible to calculate the field maximum length considering the separators.
-         */
-        BignumberInputDirective.prototype.calculateMaxLength = function () {
-            var _a, _b;
-            var decSepLength = this.decimalSeparator.length;
-            var thoSepLength = (_b = (_a = this.thousandsSeparator) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 1;
-            var maxLength = this.precision + (this.scale ? decSepLength : 0);
-            maxLength += Math.ceil((this.precision - (this.scale ? this.scale : 0)) / 3 - 1) * thoSepLength;
-            this._maxLength = maxLength;
-            this.maxLength = maxLength;
-        };
-        var BignumberInputDirective_1;
-        __decorate([
-            core.Input()
-        ], BignumberInputDirective.prototype, "precision", void 0);
-        __decorate([
-            core.Input()
-        ], BignumberInputDirective.prototype, "scale", void 0);
         __decorate([
             core.Input()
-        ], BignumberInputDirective.prototype, "decimalSeparator", void 0);
+        ], PasswordStrengthComponent.prototype, "weakTitle", void 0);
         __decorate([
             core.Input()
-        ], BignumberInputDirective.prototype, "thousandsSeparator", void 0);
+        ], PasswordStrengthComponent.prototype, "mediumTitle", void 0);
         __decorate([
             core.Input()
-        ], BignumberInputDirective.prototype, "alignTo", void 0);
+        ], PasswordStrengthComponent.prototype, "strongTitle", void 0);
         __decorate([
             core.Input()
-        ], BignumberInputDirective.prototype, "allowNegative", void 0);
-        __decorate([
-            core.Input(),
-            core.HostBinding("attr.placeholder")
-        ], BignumberInputDirective.prototype, "placeholder", void 0);
-        __decorate([
-            core.HostBinding("attr.maxLength")
-        ], BignumberInputDirective.prototype, "maxLength", void 0);
-        __decorate([
-            core.HostListener("keypress", ["$event"])
-        ], BignumberInputDirective.prototype, "onKeypress", null);
-        BignumberInputDirective = BignumberInputDirective_1 = __decorate([
-            core.Directive({
-                selector: "input[sBignumberInput]",
-                providers: [
-                    {
-                        provide: forms.NG_VALUE_ACCESSOR,
-                        useExisting: core.forwardRef(function () { return BignumberInputDirective_1; }),
-                        multi: true,
-                    },
-                ],
-            })
-        ], BignumberInputDirective);
-        return BignumberInputDirective;
-    }(ng2CurrencyMask.CurrencyMaskDirective));
-
-    var BignumberInputModule = /** @class */ (function () {
-        function BignumberInputModule() {
-        }
-        BignumberInputModule = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule],
-                declarations: [BignumberInputDirective],
-                exports: [BignumberInputDirective],
+        ], PasswordStrengthComponent.prototype, "description", void 0);
+        PasswordStrengthComponent = __decorate([
+            core.Component({
+                template: "<div\n   class=\"password-strength\"\n   [ngStyle]=\"{\n      'left': left + 'px',\n      'top': top + 'px'\n   }\"\n   [ngClass]=\"['password-strength--' + position]\">\n   <span class=\"title\">{{ title }}</span>\n   <div class=\"strength-indicators\">\n      <span class=\"strength-indicator\" id=\"strength-indicator-1\"></span>\n      <span class=\"strength-indicator\" id=\"strength-indicator-2\"></span>\n      <span class=\"strength-indicator\" id=\"strength-indicator-3\"></span>\n   </div>\n   <span class=\"content\">{{ description }}</span>\n</div>",
+                styles: [".password-strength{position:fixed;transform:translateX(-50%);background-color:#fff;border-radius:2px;box-shadow:0 0 5px 1px #ccc;padding:10px;width:232px;z-index:99999}.password-strength::after{content:\"\";position:absolute}.password-strength .title{font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:700;line-height:150%}.password-strength .strength-indicators{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0}.password-strength .strength-indicators .strength-indicator{background-color:#ccc;border-radius:2px;display:inline-block;height:3px;width:64px}.password-strength .strength-indicators .strength-indicator--weak{background-color:#c13018}.password-strength .strength-indicators .strength-indicator--medium{background-color:#fcbf10}.password-strength .strength-indicators .strength-indicator--strong{background-color:#0c9348}.password-strength .content{font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:400;line-height:150%}.password-strength--top{transform:translate(-50%,-100%)}.password-strength--top::after{top:100%;right:calc(50% - 4px);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}.password-strength--right{transform:translateY(-50%)}.password-strength--right::after{bottom:calc(50% - 8px);left:-8px;border-top:8px solid transparent;border-right:8px solid #fff;border-bottom:8px solid transparent}.password-strength--left{transform:translate(-100%,-50%)}.password-strength--left::after{bottom:calc(50% - 8px);right:-8px;border-top:8px solid transparent;border-left:8px solid #fff;border-bottom:8px solid transparent}"]
             })
-        ], BignumberInputModule);
-        return BignumberInputModule;
+        ], PasswordStrengthComponent);
+        return PasswordStrengthComponent;
     }());
 
-    var TableHeaderCheckboxComponent = /** @class */ (function () {
-        function TableHeaderCheckboxComponent(table, tableService) {
-            var _this = this;
-            this.table = table;
-            this.tableService = tableService;
-            this.id = "s-table-header-checkbox-" + TableHeaderCheckboxComponent_1.nextId++;
-            this.ngUnsubscribe = new rxjs.Subject();
-            this.table.tableService.valueSource$.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
-                _this.checked = _this.updateCheckedState();
-            });
-            this.table.tableService.selectionSource$.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
-                _this.checked = _this.updateCheckedState();
-            });
+    var PasswordStrengthDirective = /** @class */ (function () {
+        function PasswordStrengthDirective(elementRef, appRef, componentFactoryResolver, injector) {
+            this.elementRef = elementRef;
+            this.appRef = appRef;
+            this.componentFactoryResolver = componentFactoryResolver;
+            this.injector = injector;
+            this.enabled = true;
+            this.position = exports.PasswordStrengthPositions.Right;
+            this.componentRef = null;
         }
-        TableHeaderCheckboxComponent_1 = TableHeaderCheckboxComponent;
-        TableHeaderCheckboxComponent.prototype.ngOnInit = function () {
-            this.checked = this.updateCheckedState();
-        };
-        TableHeaderCheckboxComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-        };
-        TableHeaderCheckboxComponent.prototype.onFocus = function () {
-            this.hasFocus = true;
-        };
-        TableHeaderCheckboxComponent.prototype.onBlur = function () {
-            this.hasFocus = false;
-        };
-        TableHeaderCheckboxComponent.prototype.isDisabled = function () {
-            return this.disabled || !this.table.value || !this.table.value.length;
-        };
-        TableHeaderCheckboxComponent.prototype.onClick = function () {
-            if (!this.disabled) {
-                if (this.table.value && this.table.value.length > 0)
-                    this.onToggleCheckbox(!this.checked);
-            }
+        PasswordStrengthDirective.prototype.ngOnInit = function () {
+            this.validateProperties();
         };
-        TableHeaderCheckboxComponent.prototype.updateCheckedState = function () {
-            if (this.table.filteredValue) {
-                var val = this.table.filteredValue;
-                return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllFilteredValuesChecked();
+        PasswordStrengthDirective.prototype.onFocus = function () {
+            var _a, _b, _c;
+            var content = (_a = this.elementRef.nativeElement.value) !== null && _a !== void 0 ? _a : "";
+            if (content) {
+                this.createPasswordStrength();
+                (_b = this.componentRef) === null || _b === void 0 ? void 0 : _b.instance.updateIndicators(this.validation(content));
             }
             else {
-                var val = this.table.value;
-                return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllValuesChecked();
+                (_c = this.componentRef) === null || _c === void 0 ? void 0 : _c.instance.updateIndicators(exports.PasswordStrengths.VeryWeak);
             }
         };
-        TableHeaderCheckboxComponent.prototype.onToggleCheckbox = function (checked) {
-            var _this = this;
-            var _a = this.table, filteredValue = _a.filteredValue, value = _a.value, dataKey = _a.dataKey;
-            var gridData = checked ? (filteredValue ? filteredValue.slice() : value.slice()) : [];
-            if (checked) {
-                var unselecteds = gridData
-                    .filter(function (record) { return !_this.table._selection.find(function (selected) { return record[dataKey] === selected[dataKey]; }); })
-                    .map(function (record) {
-                    if (_this.useAllObject)
-                        return record;
-                    var newRecord = {};
-                    if (_this.rowProps)
-                        _this.rowProps.forEach(function (prop) { return (newRecord[prop] = record[prop]); });
-                    else
-                        newRecord[dataKey] = record[dataKey];
-                    return newRecord;
-                });
-                this.table._selection = __spread(this.table._selection, unselecteds);
-            }
-            else {
-                value.forEach(function (data) {
-                    _this.table._selection = _this.table._selection.filter(function (record) { return record[dataKey] !== data[dataKey]; });
-                });
+        PasswordStrengthDirective.prototype.onBlur = function () {
+            this.destroyPasswordStrength();
+        };
+        PasswordStrengthDirective.prototype.createPasswordStrength = function () {
+            if (this.enabled && this.componentRef === null) {
+                var componentFactory = this.componentFactoryResolver.resolveComponentFactory(PasswordStrengthComponent);
+                this.componentRef = componentFactory.create(this.injector);
+                this.appRef.attachView(this.componentRef.hostView);
+                var domElem = this.componentRef.hostView.rootNodes[0];
+                document.body.appendChild(domElem);
+                this.setPasswordStrengthComponentProperties();
+                this.showPasswordStrength();
             }
-            this.table.updateSelectionKeys();
-            this.table.selectionChange.emit(this.table._selection);
-            this.tableService.onSelectionChange();
-            if (this.table.isStateful())
-                this.table.saveState();
         };
-        TableHeaderCheckboxComponent.prototype.isAllFilteredValuesChecked = function () {
-            var e_1, _a;
-            if (!this.table.filteredValue) {
-                return false;
+        PasswordStrengthDirective.prototype.showPasswordStrength = function () {
+            if (this.componentRef !== null) {
+                this.componentRef.instance.visible = true;
             }
-            else {
-                try {
-                    for (var _b = __values(this.table.filteredValue), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var rowData = _c.value;
-                        if (!this.table.isSelected(rowData)) {
-                            return false;
-                        }
+        };
+        PasswordStrengthDirective.prototype.setPasswordStrengthComponentProperties = function () {
+            if (this.componentRef != null) {
+                this.componentRef.instance.position = this.position;
+                this.componentRef.instance.weakTitle = this.weakTitle;
+                this.componentRef.instance.mediumTitle = this.mediumTitle;
+                this.componentRef.instance.strongTitle = this.strongTitle;
+                this.componentRef.instance.description = this.description;
+                var _a = this.elementRef.nativeElement.getBoundingClientRect(), top_1 = _a.top, right = _a.right, bottom = _a.bottom, left = _a.left;
+                var margin = 20;
+                var elementRefHeight = bottom - top_1;
+                var elementRefWidth = right - left;
+                var safeSpace = 150;
+                var positioned = false;
+                var invalidOptions = [];
+                while (!positioned) {
+                    if (invalidOptions.includes(exports.PasswordStrengthPositions.Top)
+                        && invalidOptions.includes(exports.PasswordStrengthPositions.Right)
+                        && invalidOptions.includes(exports.PasswordStrengthPositions.Left)) {
+                        this.destroyPasswordStrength();
+                        throw new Error("No space to show password strength");
                     }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    switch (this.position) {
+                        case exports.PasswordStrengthPositions.Top: {
+                            var topShift = top_1;
+                            var rightShift = document.body.clientWidth - right;
+                            var leftShift = left;
+                            if (topShift <= elementRefHeight + safeSpace || rightShift < 50 || leftShift < 50) {
+                                this.position = exports.PasswordStrengthPositions.Right;
+                                invalidOptions.push(exports.PasswordStrengthPositions.Top);
+                                break;
+                            }
+                            this.componentRef.instance.top = Math.round(top_1 - margin);
+                            this.componentRef.instance.left = Math.round(elementRefWidth / 2 + left);
+                            positioned = true;
+                            break;
+                        }
+                        case exports.PasswordStrengthPositions.Right: {
+                            var rightShift = document.body.clientWidth - right;
+                            if (rightShift <= elementRefWidth + safeSpace) {
+                                this.position = exports.PasswordStrengthPositions.Left;
+                                invalidOptions.push(exports.PasswordStrengthPositions.Right);
+                                break;
+                            }
+                            this.componentRef.instance.top = Math.round(top_1 + elementRefHeight / 2);
+                            this.componentRef.instance.left = Math.round(right + margin);
+                            positioned = true;
+                            break;
+                        }
+                        case exports.PasswordStrengthPositions.Left: {
+                            var leftShift = left;
+                            if (leftShift <= elementRefWidth + safeSpace) {
+                                this.position = exports.PasswordStrengthPositions.Top;
+                                invalidOptions.push(exports.PasswordStrengthPositions.Left);
+                                break;
+                            }
+                            this.componentRef.instance.top = Math.round(top_1 + elementRefHeight / 2);
+                            this.componentRef.instance.left = Math.round(left - margin);
+                            positioned = true;
+                            break;
+                        }
+                        default: {
+                            break;
+                        }
                     }
-                    finally { if (e_1) throw e_1.error; }
+                    this.componentRef.instance.position = this.position;
                 }
-                return true;
             }
         };
-        TableHeaderCheckboxComponent.prototype.isAllValuesChecked = function () {
-            var e_2, _a;
-            if (!this.table.value) {
-                return false;
+        PasswordStrengthDirective.prototype.validateProperties = function () {
+            this.validation = this.validation || this.defaultValidator;
+            if (!this.description) {
+                throw new Error("Description is required");
             }
-            else {
-                try {
-                    for (var _b = __values(this.table.value), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var rowData = _c.value;
-                        if (!this.table.isSelected(rowData)) {
-                            return false;
-                        }
-                    }
-                }
-                catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_2) throw e_2.error; }
+        };
+        PasswordStrengthDirective.prototype.destroyPasswordStrength = function () {
+            if (this.componentRef !== null) {
+                this.appRef.detachView(this.componentRef.hostView);
+                this.componentRef.destroy();
+                this.componentRef = null;
+            }
+        };
+        PasswordStrengthDirective.prototype.defaultValidator = function (content) {
+            var points = 0;
+            var regExpValidations = [
+                new RegExp("(?=.*\\d)"),
+                new RegExp("(?=.*[a-z])"),
+                new RegExp("(?=.*[A-Z])"),
+                new RegExp("(?=.*[!@#$%&*.\\-=+^~])"),
+            ];
+            if (content.length >= 6) {
+                points++;
+            }
+            regExpValidations.forEach(function (validation) {
+                if (validation.test(content)) {
+                    points++;
                 }
-                return true;
+            });
+            if (points < 1) {
+                return exports.PasswordStrengths.VeryWeak;
+            }
+            else if (points < 4) {
+                return exports.PasswordStrengths.Weak;
+            }
+            else if (points < 5) {
+                return exports.PasswordStrengths.Medium;
+            }
+            else {
+                return exports.PasswordStrengths.Strong;
             }
         };
-        var TableHeaderCheckboxComponent_1;
-        TableHeaderCheckboxComponent.nextId = 0;
-        TableHeaderCheckboxComponent.ctorParameters = function () { return [
-            { type: table.Table },
-            { type: table.TableService }
+        PasswordStrengthDirective.ctorParameters = function () { return [
+            { type: core.ElementRef },
+            { type: core.ApplicationRef },
+            { type: core.ComponentFactoryResolver },
+            { type: core.Injector }
         ]; };
         __decorate([
-            core.Input()
-        ], TableHeaderCheckboxComponent.prototype, "id", void 0);
+            core.Input("sPasswordStrength")
+        ], PasswordStrengthDirective.prototype, "enabled", void 0);
         __decorate([
-            core.Input()
-        ], TableHeaderCheckboxComponent.prototype, "disabled", void 0);
+            core.Input("psValidation")
+        ], PasswordStrengthDirective.prototype, "validation", void 0);
         __decorate([
-            core.Input()
-        ], TableHeaderCheckboxComponent.prototype, "rowProps", void 0);
+            core.Input("psPosition")
+        ], PasswordStrengthDirective.prototype, "position", void 0);
         __decorate([
-            core.Input()
-        ], TableHeaderCheckboxComponent.prototype, "useAllObject", void 0);
-        TableHeaderCheckboxComponent = TableHeaderCheckboxComponent_1 = __decorate([
-            core.Component({
-                selector: "s-table-header-checkbox",
-                template: "\n        <div class=\"ui-chkbox ui-widget\" (click)=\"onClick()\">\n            <div class=\"ui-helper-hidden-accessible\">\n                <input type=\"checkbox\" [checked]=\"checked\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" [disabled]=\"isDisabled()\">\n            </div>\n            <div [ngClass]=\"{'ui-chkbox-box ui-widget ui-state-default':true,\n                'ui-state-active':checked, 'ui-state-disabled': isDisabled(), 'ui-state-focus': hasFocus}\">\n                <span [id]=\"id\" class=\"ui-chkbox-icon ui-clickable\" [ngClass]=\"{'pi pi-check':checked}\"></span>\n            </div>\n        </div>\n    "
+            core.Input("psWeakTitle")
+        ], PasswordStrengthDirective.prototype, "weakTitle", void 0);
+        __decorate([
+            core.Input("psMediumTitle")
+        ], PasswordStrengthDirective.prototype, "mediumTitle", void 0);
+        __decorate([
+            core.Input("psStrongTitle")
+        ], PasswordStrengthDirective.prototype, "strongTitle", void 0);
+        __decorate([
+            core.Input("psDescription")
+        ], PasswordStrengthDirective.prototype, "description", void 0);
+        __decorate([
+            core.HostListener("keyup"),
+            core.HostListener("focus")
+        ], PasswordStrengthDirective.prototype, "onFocus", null);
+        __decorate([
+            core.HostListener("blur")
+        ], PasswordStrengthDirective.prototype, "onBlur", null);
+        PasswordStrengthDirective = __decorate([
+            core.Directive({
+                selector: "[sPasswordStrength]",
             })
-        ], TableHeaderCheckboxComponent);
-        return TableHeaderCheckboxComponent;
+        ], PasswordStrengthDirective);
+        return PasswordStrengthDirective;
     }());
 
-    var TableHeaderCheckboxModule = /** @class */ (function () {
-        function TableHeaderCheckboxModule() {
+    var PasswordStrengthModule = /** @class */ (function () {
+        function PasswordStrengthModule() {
         }
-        TableHeaderCheckboxModule = __decorate([
+        PasswordStrengthModule = __decorate([
             core.NgModule({
                 imports: [common.CommonModule],
-                exports: [TableHeaderCheckboxComponent],
-                declarations: [TableHeaderCheckboxComponent],
+                declarations: [
+                    PasswordStrengthComponent,
+                    PasswordStrengthDirective,
+                ],
+                exports: [PasswordStrengthDirective],
             })
-        ], TableHeaderCheckboxModule);
-        return TableHeaderCheckboxModule;
+        ], PasswordStrengthModule);
+        return PasswordStrengthModule;
     }());
 
     var NavigationDirective = /** @class */ (function () {
@@ -6712,167 +7029,190 @@
         return TableModule;
     }());
 
-    var AutocompleteFieldComponent = /** @class */ (function () {
-        function AutocompleteFieldComponent() {
-        }
-        __decorate([
-            core.Input()
-        ], AutocompleteFieldComponent.prototype, "field", void 0);
-        __decorate([
-            core.Input()
-        ], AutocompleteFieldComponent.prototype, "formControl", void 0);
-        AutocompleteFieldComponent = __decorate([
-            core.Component({
-                template: "<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\">\n    <s-lookup\n        [id]=\"(field.id || field.name)\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [placeholder]=\"field.placeholder\"\n        [lookupSuggestions]=\"field.suggestions\"\n        [dataKey]=\"field.dataKey\"\n        (onLookupRequest)=\"field.onSearch($event)\"\n        [lookupDisplayField]=\"field.displayField\"\n        [showSearch]=\"false\"\n        [lookupAppendTo]=\"field.appendTo\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onUnselect)=\"field.onUnselect ? field.onUnselect($event) : null\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupEmptyMessage]=\"field.emptyMessage\">\n    </s-lookup>\n</div>\n"
-            })
-        ], AutocompleteFieldComponent);
-        return AutocompleteFieldComponent;
-    }());
-
-    var BooleanFieldComponent = /** @class */ (function () {
-        function BooleanFieldComponent() {
+    var TableHeaderCheckboxComponent = /** @class */ (function () {
+        function TableHeaderCheckboxComponent(table, tableService) {
+            var _this = this;
+            this.table = table;
+            this.tableService = tableService;
+            this.id = "s-table-header-checkbox-" + TableHeaderCheckboxComponent_1.nextId++;
+            this.ngUnsubscribe = new rxjs.Subject();
+            this.table.tableService.valueSource$.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
+                _this.checked = _this.updateCheckedState();
+            });
+            this.table.tableService.selectionSource$.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
+                _this.checked = _this.updateCheckedState();
+            });
         }
-        BooleanFieldComponent.prototype.onClear = function () {
-            this.formControl.reset();
+        TableHeaderCheckboxComponent_1 = TableHeaderCheckboxComponent;
+        TableHeaderCheckboxComponent.prototype.ngOnInit = function () {
+            this.checked = this.updateCheckedState();
         };
-        __decorate([
-            core.Input()
-        ], BooleanFieldComponent.prototype, "field", void 0);
-        __decorate([
-            core.Input()
-        ], BooleanFieldComponent.prototype, "formControl", void 0);
-        BooleanFieldComponent = __decorate([
-            core.Component({
-                template: "<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <p-radioButton\n                [name]=\"field.name\"\n                [value]=\"true\"\n                [label]=\"field.optionsLabel.true\"\n                [formControl]=\"formControl\"\n                [inputId]=\"(field.id || field.name) + '-1'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>\n        </div>\n        <div class=\"ui-g-12\">\n            <p-radioButton\n                [name]=\"field.name\"\n                [value]=\"false\"\n                [label]=\"field.optionsLabel.false\"\n                [formControl]=\"formControl\"\n                [inputId]=\"(field.id || field.name) + '-2'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>\n        </div>\n        <div\n            *ngIf=\"!field.showClear && !field.required()\"\n            class=\"ui-g-12\">\n            <p-radioButton                \n                [name]=\"field.name\"\n                [value]=\"null\"\n                [label]=\"field.optionsLabel.empty\"\n                [formControl]=\"formControl\"\n                [inputId]=\"(field.id || field.name) + '-3'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>            \n        </div>\n        <div>\n            <s-button\n                *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n                [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                (onClick)=\"onClear()\"\n                priority=\"link\">\n            </s-button>\n        </div>\n\n    </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n    <div class=\"ui-g\">\n        <p-radioButton\n            [name]=\"field.name\"\n            [value]=\"true\"\n            [label]=\"field.optionsLabel.true\"\n            [formControl]=\"formControl\"\n            [inputId]=\"(field.id || field.name) + '-1'\"\n            (onClick)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n        </p-radioButton>\n    \n        <p-radioButton\n            [name]=\"field.name\"\n            [value]=\"false\"\n            [label]=\"field.optionsLabel.false\"\n            [formControl]=\"formControl\"\n            [inputId]=\"(field.id || field.name) + '-2'\"\n            (onClick)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n        </p-radioButton>\n\n        <p-radioButton\n            *ngIf=\"!field.showClear && !field.required()\"\n            [name]=\"field.name\"\n            [value]=\"null\"\n            [label]=\"field.optionsLabel.empty\"\n            [formControl]=\"formControl\"\n            [inputId]=\"(field.id || field.name) + '-3'\"\n            (onClick)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n        </p-radioButton>\n\n        <s-button\n            *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n            style=\"margin-left: 40px;\"\n            [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n            (onClick)=\"onClear()\"\n            priority=\"link\">\n        </s-button>\n    </div>\n</ng-template>\n"
-            })
-        ], BooleanFieldComponent);
-        return BooleanFieldComponent;
-    }());
-
-    var CalendarFieldComponent = /** @class */ (function () {
-        function CalendarFieldComponent() {
-        }
-        __decorate([
-            core.Input()
-        ], CalendarFieldComponent.prototype, "field", void 0);
-        __decorate([
-            core.Input()
-        ], CalendarFieldComponent.prototype, "formControl", void 0);
-        __decorate([
-            core.Input()
-        ], CalendarFieldComponent.prototype, "showTime", void 0);
-        __decorate([
-            core.Input()
-        ], CalendarFieldComponent.prototype, "timeOnly", void 0);
-        CalendarFieldComponent = __decorate([
-            core.Component({
-                template: "<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\">\n    <!-- Remover as propriedades [showTransitionOptions] e [hideTransitionOptions] quando atualizar para o PrimeNG v10, esses atributos foram\n    usados para remover um bug ocasionado pela anima\u00E7\u00E3o do componente p-calendar, bug explicado nas issues: #ERPROM-5534, #ERPROM-8248 e #DSN-1045. -->\n    <p-calendar\n        #calendar\n        sCalendarMask\n        [inputId]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [showIcon]=\"true\"\n        [timeOnly]=\"timeOnly\"\n        [selectionMode]=\"field.selectionMode\"\n        [rangeSeparator]=\"field.rangeSeparator\"\n        [showTime]=\"showTime\"\n        [showSeconds]=\"field.showSeconds\"\n        [showOnFocus]=\"field.showOnFocus\"\n        [formControl]=\"formControl\"\n        [icon]=\"timeOnly ? 'fa fa-clock' : 'fa fa-calendar'\"\n        [minDate]=\"field.minDate\"\n        [maxDate]=\"field.maxDate\"\n        [defaultDate]=\"field.defaultDate\"\n        [locale]=\"field.calendarLocaleOptions\"\n        [dateFormat]=\"field.calendarLocaleOptions.dateFormat\"\n        [hourFormat]=\"field.calendarLocaleOptions.hourFormat\"\n        [view]=\"field.view\"\n        [placeholder]=\"field.placeholder\"\n        inputStyleClass=\"mousetrap\"\n        [appendTo]=\"field.appendTo\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"field.onFocus ? field.onFocus($event): null\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onClose)=\"field.onClose ? field.onClose($event) : null\"\n        (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n        (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n        (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n        (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n        [showTransitionOptions]=\"'0ms'\"\n        [hideTransitionOptions]=\"'0ms'\">\n    </p-calendar>\n</div>\n"
-            })
-        ], CalendarFieldComponent);
-        return CalendarFieldComponent;
-    }());
-
-    var ChipsFieldComponent = /** @class */ (function () {
-        function ChipsFieldComponent(clipboard) {
-            this.clipboard = clipboard;
-            this.feedbackMessageVisible = false;
-            this.copyButtonVisible = true;
-        }
-        ChipsFieldComponent.prototype.onCopyFieldContent = function () {
+        TableHeaderCheckboxComponent.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+        };
+        TableHeaderCheckboxComponent.prototype.onFocus = function () {
+            this.hasFocus = true;
+        };
+        TableHeaderCheckboxComponent.prototype.onBlur = function () {
+            this.hasFocus = false;
+        };
+        TableHeaderCheckboxComponent.prototype.isDisabled = function () {
+            return this.disabled || !this.table.value || !this.table.value.length;
+        };
+        TableHeaderCheckboxComponent.prototype.onClick = function () {
+            if (!this.disabled) {
+                if (this.table.value && this.table.value.length > 0)
+                    this.onToggleCheckbox(!this.checked);
+            }
+        };
+        TableHeaderCheckboxComponent.prototype.updateCheckedState = function () {
+            if (this.table.filteredValue) {
+                var val = this.table.filteredValue;
+                return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllFilteredValuesChecked();
+            }
+            else {
+                var val = this.table.value;
+                return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllValuesChecked();
+            }
+        };
+        TableHeaderCheckboxComponent.prototype.onToggleCheckbox = function (checked) {
             var _this = this;
-            if (this.formControl.value) {
-                this.copyButtonVisible = false;
-                this.feedbackMessageVisible = true;
-                setTimeout(function () {
-                    _this.feedbackMessageVisible = false;
-                    _this.copyButtonVisible = true;
-                }, 3000);
-                var content = this.formControl.value.join(this.field.separator || "\n");
-                this.clipboard.copy(content);
-                if (this.field.onCopy) {
-                    this.field.onCopy(content);
+            var _a = this.table, filteredValue = _a.filteredValue, value = _a.value, dataKey = _a.dataKey;
+            var gridData = checked ? (filteredValue ? filteredValue.slice() : value.slice()) : [];
+            if (checked) {
+                var unselecteds = gridData
+                    .filter(function (record) { return !_this.table._selection.find(function (selected) { return record[dataKey] === selected[dataKey]; }); })
+                    .map(function (record) {
+                    if (_this.useAllObject)
+                        return record;
+                    var newRecord = {};
+                    if (_this.rowProps)
+                        _this.rowProps.forEach(function (prop) { return (newRecord[prop] = record[prop]); });
+                    else
+                        newRecord[dataKey] = record[dataKey];
+                    return newRecord;
+                });
+                this.table._selection = __spread(this.table._selection, unselecteds);
+            }
+            else {
+                value.forEach(function (data) {
+                    _this.table._selection = _this.table._selection.filter(function (record) { return record[dataKey] !== data[dataKey]; });
+                });
+            }
+            this.table.updateSelectionKeys();
+            this.table.selectionChange.emit(this.table._selection);
+            this.tableService.onSelectionChange();
+            if (this.table.isStateful())
+                this.table.saveState();
+        };
+        TableHeaderCheckboxComponent.prototype.isAllFilteredValuesChecked = function () {
+            var e_1, _a;
+            if (!this.table.filteredValue) {
+                return false;
+            }
+            else {
+                try {
+                    for (var _b = __values(this.table.filteredValue), _c = _b.next(); !_c.done; _c = _b.next()) {
+                        var rowData = _c.value;
+                        if (!this.table.isSelected(rowData)) {
+                            return false;
+                        }
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    }
+                    finally { if (e_1) throw e_1.error; }
                 }
+                return true;
             }
         };
-        ChipsFieldComponent.ctorParameters = function () { return [
-            { type: clipboard.Clipboard }
+        TableHeaderCheckboxComponent.prototype.isAllValuesChecked = function () {
+            var e_2, _a;
+            if (!this.table.value) {
+                return false;
+            }
+            else {
+                try {
+                    for (var _b = __values(this.table.value), _c = _b.next(); !_c.done; _c = _b.next()) {
+                        var rowData = _c.value;
+                        if (!this.table.isSelected(rowData)) {
+                            return false;
+                        }
+                    }
+                }
+                catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    }
+                    finally { if (e_2) throw e_2.error; }
+                }
+                return true;
+            }
+        };
+        var TableHeaderCheckboxComponent_1;
+        TableHeaderCheckboxComponent.nextId = 0;
+        TableHeaderCheckboxComponent.ctorParameters = function () { return [
+            { type: table.Table },
+            { type: table.TableService }
         ]; };
         __decorate([
             core.Input()
-        ], ChipsFieldComponent.prototype, "field", void 0);
+        ], TableHeaderCheckboxComponent.prototype, "id", void 0);
         __decorate([
             core.Input()
-        ], ChipsFieldComponent.prototype, "formControl", void 0);
-        ChipsFieldComponent = __decorate([
-            core.Component({
-                template: "<div class=\"chips-field-wrapper\">\n    <div style=\"width: 100%;\">\n        <p-chips\n            *ngIf=\"field.keyFilter\"\n            [inputId]=\"(field.id || field.name)\"\n            [formControl]=\"formControl\"\n            [placeholder]=\"field.placeholder\"\n            [allowDuplicate]=\"false\"\n            [addOnTab]=\"true\"\n            [addOnBlur]=\"true\"\n            (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n            (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n            (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            [pKeyFilter]=\"field.keyFilter\">\n            <ng-template let-item pTemplate=\"item\">\n                <span\n                    class=\"chip-content\"\n                    [sTooltip]=\"item\">\n                    {{ item }}\n                </span>\n            </ng-template>\n        </p-chips>\n        \n        <p-chips\n            *ngIf=\"!field.keyFilter\"\n            [inputId]=\"(field.id || field.name)\"\n            [formControl]=\"formControl\"\n            [placeholder]=\"field.placeholder\"\n            [allowDuplicate]=\"false\"\n            [addOnTab]=\"true\"\n            [addOnBlur]=\"true\"\n            (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n            (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n            (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            <ng-template let-item pTemplate=\"item\">\n                <span\n                    class=\"chip-content\"\n                    [sTooltip]=\"item\">\n                    {{ item }}\n                </span>\n            </ng-template>\n        </p-chips>\n    </div>\n    \n    <button\n        *ngIf=\"field.showCopyButton && formControl.value?.length > 0 && copyButtonVisible\"\n        class=\"copy-content-button\"\n        (click)=\"onCopyFieldContent()\">\n        {{ \"platform.angular_components.copy_field_content\" | translate }}\n    </button>\n    \n    <span\n        *ngIf=\"feedbackMessageVisible\"\n        class=\"feedback-message\">\n        {{ \"platform.angular_components.copied_to_clipboard\" | translate }}\n    </span>\n</div>\n",
-                styles: [".chips-field-wrapper{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.chips-field-wrapper .chip-content{display:block;overflow:hidden;padding-right:1rem;text-overflow:ellipsis}.chips-field-wrapper .copy-content-button{background-color:transparent;border:none;color:#2a6496;cursor:pointer;margin-top:8px}.chips-field-wrapper .feedback-message{color:#0c9348;display:block;margin-top:8px;-webkit-user-select:none;-ms-user-select:none;user-select:none}"]
-            })
-        ], ChipsFieldComponent);
-        return ChipsFieldComponent;
-    }());
-
-    /**
-     * @deprecated Should use bignumber instead
-     */
-    var CurrencyFieldComponent = /** @class */ (function (_super) {
-        __extends(CurrencyFieldComponent, _super);
-        function CurrencyFieldComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
+        ], TableHeaderCheckboxComponent.prototype, "disabled", void 0);
         __decorate([
             core.Input()
-        ], CurrencyFieldComponent.prototype, "field", void 0);
+        ], TableHeaderCheckboxComponent.prototype, "rowProps", void 0);
         __decorate([
             core.Input()
-        ], CurrencyFieldComponent.prototype, "formControl", void 0);
-        CurrencyFieldComponent = __decorate([
+        ], TableHeaderCheckboxComponent.prototype, "useAllObject", void 0);
+        TableHeaderCheckboxComponent = TableHeaderCheckboxComponent_1 = __decorate([
             core.Component({
-                template: "<div class=\"ui-inputgroup\">\n    <span\n        *ngIf=\"field.numberLocaleOptions.currencySymbol\"\n        class=\"ui-inputgroup-addon\">\n        {{ field.numberLocaleOptions.currencySymbol }}\n    </span>\n    <input\n        *ngIf=\"!field.mask\"\n        type=\"text\"\n        [id]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [formControl]=\"formControl\"\n        sNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n        [decimalSeparator]=\"field.numberLocaleOptions.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions.thousandsSeparator\"\n        [alignTo]=\"field.alignTo\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"field.onFocus ? field.onFocus($event): null\" />\n    <p-inputMask\n        *ngIf=\"field.mask\"\n        type=\"text\"\n        [inputId]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [formControl]=\"formControl\"\n        [mask]=\"field.mask\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"field.onFocus ? field.onFocus($event): null\"\n        (onComplete)=\"field.onComplete ? field.onComplete($event) : null\"\n        (onInput)=\"field.onInput ? field.onInput($event) : null\" >\n    </p-inputMask>\n</div>\n"
+                selector: "s-table-header-checkbox",
+                template: "\n        <div class=\"ui-chkbox ui-widget\" (click)=\"onClick()\">\n            <div class=\"ui-helper-hidden-accessible\">\n                <input type=\"checkbox\" [checked]=\"checked\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" [disabled]=\"isDisabled()\">\n            </div>\n            <div [ngClass]=\"{'ui-chkbox-box ui-widget ui-state-default':true,\n                'ui-state-active':checked, 'ui-state-disabled': isDisabled(), 'ui-state-focus': hasFocus}\">\n                <span [id]=\"id\" class=\"ui-chkbox-icon ui-clickable\" [ngClass]=\"{'pi pi-check':checked}\"></span>\n            </div>\n        </div>\n    "
             })
-        ], CurrencyFieldComponent);
-        return CurrencyFieldComponent;
-    }(BaseFieldComponent));
+        ], TableHeaderCheckboxComponent);
+        return TableHeaderCheckboxComponent;
+    }());
 
-    var FileUploadComponent$1 = /** @class */ (function (_super) {
-        __extends(FileUploadComponent, _super);
-        function FileUploadComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
+    var TableHeaderCheckboxModule = /** @class */ (function () {
+        function TableHeaderCheckboxModule() {
         }
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "field", void 0);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "formControl", void 0);
-        FileUploadComponent = __decorate([
-            core.Component({
-                template: "<s-file-upload [id]=\"(field.id || field.name)\" [accept]=\"field.accept\" [files]=\"field.files\" [multiple]=\"field.multiple\"\n    [chooseLabel]=\"field.chooseLabel\" [removeLabel]=\"field.removeLabel\" [cancelLabel]=\"field.cancelLabel\"\n    [successTooltip]=\"field.successTooltip\" (uploadHandler)=\"field.onUploadFile($event, field)\"\n    (removeFile)=\"field.onRemoveFile($event, field)\" (cancelUpload)=\"field.onCancelUpload($event, field)\"\n    (downloadFile)=\"field.onDownloadFile($event, field)\" [formGroup]=\"formControl\"\n    [showFileUploadDate]=\"field.showFileUploadDate\"> \n</s-file-upload>\n"
+        TableHeaderCheckboxModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                exports: [TableHeaderCheckboxComponent],
+                declarations: [TableHeaderCheckboxComponent],
             })
-        ], FileUploadComponent);
-        return FileUploadComponent;
-    }(BaseFieldComponent));
+        ], TableHeaderCheckboxModule);
+        return TableHeaderCheckboxModule;
+    }());
 
-    var LookupFieldComponent = /** @class */ (function () {
-        function LookupFieldComponent() {
+    var AutocompleteFieldComponent = /** @class */ (function () {
+        function AutocompleteFieldComponent() {
         }
         __decorate([
             core.Input()
-        ], LookupFieldComponent.prototype, "field", void 0);
+        ], AutocompleteFieldComponent.prototype, "field", void 0);
         __decorate([
             core.Input()
-        ], LookupFieldComponent.prototype, "formControl", void 0);
-        LookupFieldComponent = __decorate([
+        ], AutocompleteFieldComponent.prototype, "formControl", void 0);
+        AutocompleteFieldComponent = __decorate([
             core.Component({
-                template: "<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\">\n    <s-lookup\n        [id]=\"(field.id || field.name)\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [searchTotalRecordsLabel]=\"field.searchTotalRecordsLabel\"\n        [searchTitle]=\"field.searchTitle\"\n        [selectLabel]=\"field.selectLabel\"\n        [searchEmptyTitle]=\"field.searchEmptyTitle\"\n        [filterLabel]=\"field.filterLabel\"\n        [filterTitle]=\"field.filterTitle\"\n        [clearLabel]=\"field.clearLabel\"\n        [cancelLabel]=\"field.cancelLabel\"\n        [emptyFieldLabel]=\"field.emptyFieldLabel \"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [recordLabel]=\"field.recordLabel\"\n        [recordsLabel]=\"field.recordsLabel\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\">\n    </s-lookup>\n</div>\n"
+                template: "<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\">\n    <s-lookup\n        [id]=\"(field.id || field.name)\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [placeholder]=\"field.placeholder\"\n        [lookupSuggestions]=\"field.suggestions\"\n        [dataKey]=\"field.dataKey\"\n        (onLookupRequest)=\"field.onSearch($event)\"\n        [lookupDisplayField]=\"field.displayField\"\n        [showSearch]=\"false\"\n        [lookupAppendTo]=\"field.appendTo\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onUnselect)=\"field.onUnselect ? field.onUnselect($event) : null\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupEmptyMessage]=\"field.emptyMessage\">\n    </s-lookup>\n</div>\n"
             })
-        ], LookupFieldComponent);
-        return LookupFieldComponent;
+        ], AutocompleteFieldComponent);
+        return AutocompleteFieldComponent;
     }());
 
-    var NumberFieldComponent = /** @class */ (function (_super) {
-        __extends(NumberFieldComponent, _super);
-        function NumberFieldComponent() {
+    var BignumberFieldComponent = /** @class */ (function (_super) {
+        __extends(BignumberFieldComponent, _super);
+        function BignumberFieldComponent() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             _this.onInput = new core.EventEmitter();
             _this.onFocus = new core.EventEmitter();
@@ -6880,33 +7220,35 @@
             _this.ngUnsubscribe = new rxjs.Subject();
             return _this;
         }
-        NumberFieldComponent.prototype.ngOnInit = function () {
+        BignumberFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.onFocus.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-                if (_this.field.onFocus)
+            this.onFocus
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function (event) {
+                if (_this.field.onFocus) {
                     _this.field.onFocus(event);
+                }
             });
-            this.onInput.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-                if (_this.field.onInput)
+            this.onInput
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function (event) {
+                if (_this.field.onInput) {
                     _this.field.onInput(event);
+                }
             });
-            this.onComplete.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-                if (_this.field.onComplete)
+            this.onComplete
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function (event) {
+                if (_this.field.onComplete) {
                     _this.field.onComplete(event);
+                }
             });
         };
-        NumberFieldComponent.prototype.ngOnDestroy = function () {
+        BignumberFieldComponent.prototype.ngOnDestroy = function () {
             this.ngUnsubscribe.next();
             this.ngUnsubscribe.complete();
         };
-        Object.defineProperty(NumberFieldComponent.prototype, "numberAlignmentOption", {
-            get: function () {
-                return exports.NumberAlignmentOption;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(NumberFieldComponent.prototype, "fieldType", {
+        Object.defineProperty(BignumberFieldComponent.prototype, "fieldType", {
             get: function () {
                 return exports.FieldType;
             },
@@ -6915,308 +7257,167 @@
         });
         __decorate([
             core.Input()
-        ], NumberFieldComponent.prototype, "field", void 0);
+        ], BignumberFieldComponent.prototype, "field", void 0);
         __decorate([
             core.Input()
-        ], NumberFieldComponent.prototype, "formControl", void 0);
+        ], BignumberFieldComponent.prototype, "formControl", void 0);
         __decorate([
             core.Output()
-        ], NumberFieldComponent.prototype, "onInput", void 0);
+        ], BignumberFieldComponent.prototype, "onInput", void 0);
         __decorate([
             core.Output()
-        ], NumberFieldComponent.prototype, "onFocus", void 0);
+        ], BignumberFieldComponent.prototype, "onFocus", void 0);
         __decorate([
             core.Output()
-        ], NumberFieldComponent.prototype, "onComplete", void 0);
-        NumberFieldComponent = __decorate([
+        ], BignumberFieldComponent.prototype, "onComplete", void 0);
+        BignumberFieldComponent = __decorate([
             core.Component({
-                template: "<p-inputMask\n    *ngIf=\"field.mask; else noMask\"\n    type=\"text\"\n    [inputId]=\"(field.id || field.name)\"\n    [name]=\"field.name\"\n    [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n    [placeholder]=\"field.placeholder\"\n    slotChar=\"_\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    styleClass=\"mousetrap\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    (onFocus)=\"onFocus.next($event)\"\n    (onComplete)=\"onComplete.next($event)\"\n    (onInput)=\"onInput.next($event)\"\n    [formControl]=\"formControl\" >\n</p-inputMask>\n<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.leftAddon.label\">{{field.leftAddon.label}}</span>\n                    <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n                </span>\n            </ng-container>\n\n            <ng-container *ngTemplateOutlet=\"field.type === fieldType.Double && field.alignTo === numberAlignmentOption.LEFT ? localizedNumber : input\"></ng-container>\n\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.rightAddon.label\">{{field.rightAddon.label}}</span>\n                    <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n                </span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n<ng-template #input>\n    <input\n        [id]=\"(field.id || field.name)\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n        [decimalSeparator]=\"field.numberLocaleOptions.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions.thousandsSeparator\"\n        [alignTo]=\"field.alignTo\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        [formControl]=\"formControl\" />\n</ng-template>\n<ng-template #localizedNumber>\n    <input\n        [id]=\"(field.id || field.name)\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sLocalizedNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [decimalSeparator]=\"field.numberLocaleOptions.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions.thousandsSeparator\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        [formControl]=\"formControl\" />\n</ng-template>\n",
+                template: "<p-inputMask\n    *ngIf=\"field.mask; else noMask\"\n    type=\"text\"\n    [inputId]=\"(field.id || field.name)\"\n    [name]=\"field.name\"\n    [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n    [placeholder]=\"field.placeholder\"\n    slotChar=\"_\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    styleClass=\"mousetrap\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    (onFocus)=\"onFocus.next($event)\"\n    (onComplete)=\"onComplete.next($event)\"\n    (onInput)=\"onInput.next($event)\"\n    [formControl]=\"formControl\"\n    [autoClear]=\"field.autoClear\">\n</p-inputMask>\n\n<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.leftAddon.label\">{{field.leftAddon.label}}</span>\n                    <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n                </span>\n            </ng-container>\n\n            <input\n                [id]=\"(field.id || field.name)\"\n                type=\"text\"\n                [name]=\"field.name\"\n                sBignumberInput\n                [allowNegative]=\"field.allowNegative\"\n                [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n                [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n                [decimalSeparator]=\"field.numberLocaleOptions.decimalSeparator\"\n                [thousandsSeparator]=\"field.numberLocaleOptions.thousandsSeparator\"\n                [alignTo]=\"field.alignTo\"\n                [sTooltip]=\"field.tooltip\"\n                tooltipPosition=\"top\"\n                [placeholder]=\"field.placeholder\"\n                [showDelay]=\"500\"\n                pInputText\n                [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n                [ngClass]=\"'mousetrap'\"\n                (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n                (focus)=\"onFocus.next($event)\"\n                [formControl]=\"formControl\" />\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.rightAddon.label\">{{field.rightAddon.label}}</span>\n                    <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n                </span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n",
                 encapsulation: core.ViewEncapsulation.None,
                 styles: ["s-number-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-number-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}"]
             })
-        ], NumberFieldComponent);
-        return NumberFieldComponent;
+        ], BignumberFieldComponent);
+        return BignumberFieldComponent;
     }(BaseFieldComponent));
 
-    var RadioButtonComponent = /** @class */ (function () {
-        function RadioButtonComponent() {
-            this.onClick = new core.EventEmitter();
-            this.onFocus = new core.EventEmitter();
-            this.ngUnsubscribe = new rxjs.Subject();
+    var BooleanFieldComponent = /** @class */ (function () {
+        function BooleanFieldComponent() {
         }
-        RadioButtonComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.onFocus.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-                if (_this.field.onFocus)
-                    _this.field.onFocus(event);
-            });
-            this.onClick.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-                if (_this.field.onClick)
-                    _this.field.onClick(event);
-            });
-        };
-        RadioButtonComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        RadioButtonComponent.prototype.onClear = function () {
+        BooleanFieldComponent.prototype.onClear = function () {
             this.formControl.reset();
         };
         __decorate([
             core.Input()
-        ], RadioButtonComponent.prototype, "field", void 0);
+        ], BooleanFieldComponent.prototype, "field", void 0);
         __decorate([
             core.Input()
-        ], RadioButtonComponent.prototype, "formControl", void 0);
-        __decorate([
-            core.Output()
-        ], RadioButtonComponent.prototype, "onClick", void 0);
-        __decorate([
-            core.Output()
-        ], RadioButtonComponent.prototype, "onFocus", void 0);
-        RadioButtonComponent = __decorate([
+        ], BooleanFieldComponent.prototype, "formControl", void 0);
+        BooleanFieldComponent = __decorate([
             core.Component({
-                template: "<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n    <div class=\"ui-g\">\n        <div\n            *ngFor=\"let option of field.options; let i = index\"\n            class=\"ui-g-12\">\n            <ng-container\n                [ngTemplateOutlet]=\"radioButton\"\n                [ngTemplateOutletContext]=\"{option: option, index: i}\">\n            </ng-container>\n        </div>\n        <s-button\n            *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n            [label]=\"field.clearLabel || 'Clear selection'\"\n            (onClick)=\"onClear()\"\n            priority=\"link\">\n        </s-button>\n    </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n    <div class=\"ui-g\">\n        <ng-container\n            *ngFor=\"let option of field.options; let i = index\"\n            [ngTemplateOutlet]=\"radioButton\"\n            [ngTemplateOutletContext]=\"{option: option, index: i}\">\n        </ng-container>\n    </div>\n    <s-button\n        *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n        class=\"horizontal-clear-option\"\n        [label]=\"field.clearLabel || 'Clear selection'\"\n        (onClick)=\"onClear()\"\n        priority=\"link\">\n    </s-button>\n</ng-template>\n\n<ng-template #radioButton let-option=\"option\" let-i=\"index\">\n    <p-radioButton\n        [name]=\"field.name\"\n        [value]=\"option.value\"\n        [label]=\"option.label\"\n        [formControl]=\"formControl\"\n        [inputId]=\"(field.id || field.name) + '-' + i\"\n        [sTooltip]=\"field.tooltip\"\n        (onClick)=\"onClick.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n    </p-radioButton>\n</ng-template>\n",
-                encapsulation: core.ViewEncapsulation.None,
-                styles: ["\n        s-button.horizontal-clear-option button {\n            width: min-content !important;\n        }\n    "]
+                template: "<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <p-radioButton\n                [name]=\"field.name\"\n                [value]=\"true\"\n                [label]=\"field.optionsLabel.true\"\n                [formControl]=\"formControl\"\n                [inputId]=\"(field.id || field.name) + '-1'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>\n        </div>\n        <div class=\"ui-g-12\">\n            <p-radioButton\n                [name]=\"field.name\"\n                [value]=\"false\"\n                [label]=\"field.optionsLabel.false\"\n                [formControl]=\"formControl\"\n                [inputId]=\"(field.id || field.name) + '-2'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>\n        </div>\n        <div\n            *ngIf=\"!field.showClear && !field.required()\"\n            class=\"ui-g-12\">\n            <p-radioButton                \n                [name]=\"field.name\"\n                [value]=\"null\"\n                [label]=\"field.optionsLabel.empty\"\n                [formControl]=\"formControl\"\n                [inputId]=\"(field.id || field.name) + '-3'\"\n                (onClick)=\"field.onClick ? field.onClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            </p-radioButton>            \n        </div>\n        <div>\n            <s-button\n                *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n                [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                (onClick)=\"onClear()\"\n                priority=\"link\">\n            </s-button>\n        </div>\n\n    </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n    <div class=\"ui-g\">\n        <p-radioButton\n            [name]=\"field.name\"\n            [value]=\"true\"\n            [label]=\"field.optionsLabel.true\"\n            [formControl]=\"formControl\"\n            [inputId]=\"(field.id || field.name) + '-1'\"\n            (onClick)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n        </p-radioButton>\n    \n        <p-radioButton\n            [name]=\"field.name\"\n            [value]=\"false\"\n            [label]=\"field.optionsLabel.false\"\n            [formControl]=\"formControl\"\n            [inputId]=\"(field.id || field.name) + '-2'\"\n            (onClick)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n        </p-radioButton>\n\n        <p-radioButton\n            *ngIf=\"!field.showClear && !field.required()\"\n            [name]=\"field.name\"\n            [value]=\"null\"\n            [label]=\"field.optionsLabel.empty\"\n            [formControl]=\"formControl\"\n            [inputId]=\"(field.id || field.name) + '-3'\"\n            (onClick)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n        </p-radioButton>\n\n        <s-button\n            *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n            style=\"margin-left: 40px;\"\n            [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n            (onClick)=\"onClear()\"\n            priority=\"link\">\n        </s-button>\n    </div>\n</ng-template>\n"
             })
-        ], RadioButtonComponent);
-        return RadioButtonComponent;
+        ], BooleanFieldComponent);
+        return BooleanFieldComponent;
     }());
 
-    var SelectFieldComponent = /** @class */ (function (_super) {
-        __extends(SelectFieldComponent, _super);
-        function SelectFieldComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        __decorate([
-            core.Input()
-        ], SelectFieldComponent.prototype, "field", void 0);
-        __decorate([
-            core.Input()
-        ], SelectFieldComponent.prototype, "formControl", void 0);
-        SelectFieldComponent = __decorate([
-            core.Component({
-                template: "<p-dropdown\n    *ngIf=\"!field.multiple\"\n    [inputId]=\"(field.id || field.name)\"\n    [name]=\"field.name\"\n    [options]=\"isFunction(field.options) ? field.options() : field.options\"\n    [placeholder]=\"field.placeholder || ' '\"\n    [formControl]=\"formControl\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    [showClear]=\"field.showClear\"\n    dataKey=\"{{field.dataKey}}\"\n    optionLabel=\"{{field.optionLabel}}\"\n    [autoDisplayFirst]=\"field.autoDisplayFirst\"\n    [appendTo]=\"field.appendTo || 'body'\"\n    (onClick)=\"field.onClick ? field.onClick($event) : null\"\n    (onChange)=\"field.onChange ? field.onChange($event) : null\">\n</p-dropdown>\n<p-multiSelect\n    *ngIf=\"field.multiple\"\n    [formControl]=\"formControl\"\n    [name]=\"field.name\"\n    [inputId]=\"(field.id || field.name)\"\n    [options]=\"isFunction(field.options) ? field.options() : field.options\"\n    [defaultLabel]=\"field.placeholder\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [emptyFilterMessage]=\"field.emptyMessage || 'Nenhum registro encontrado'\"\n    [showDelay]=\"500\"\n    [selectedItemsLabel]=\"field.multipleSelectedLabel\"\n    [appendTo]=\"field.appendTo || 'body'\"\n    (onClick)=\"field.onClick ? field.onClick($event) : null\"\n    (onChange)=\"field.onChange ? field.onChange($event) : null\">\n</p-multiSelect>\n\n"
-            })
-        ], SelectFieldComponent);
-        return SelectFieldComponent;
-    }(BaseFieldComponent));
-
-    var TextAreaFieldComponent = /** @class */ (function () {
-        function TextAreaFieldComponent() {
+    var BooleanSwitchFieldComponent = /** @class */ (function () {
+        function BooleanSwitchFieldComponent() {
         }
         __decorate([
             core.Input()
-        ], TextAreaFieldComponent.prototype, "field", void 0);
+        ], BooleanSwitchFieldComponent.prototype, "field", void 0);
         __decorate([
             core.Input()
-        ], TextAreaFieldComponent.prototype, "formControl", void 0);
-        TextAreaFieldComponent = __decorate([
+        ], BooleanSwitchFieldComponent.prototype, "formControl", void 0);
+        BooleanSwitchFieldComponent = __decorate([
             core.Component({
-                template: "<textarea\n    [id]=\"(field.id || field.name)\"\n    *ngIf=\"!field.keyFilter\"\n    pInputTextarea\n    [rows]=\"field.rows\"\n    [cols]=\"field.cols\"\n    [formControl]=\"formControl\"\n    style=\"resize: vertical;\"\n    [ngStyle]=\"field.style\"\n></textarea>\n<textarea\n    [id]=\"(field.id || field.name)\"\n    *ngIf=\"field.keyFilter\"\n    pInputTextarea\n    [rows]=\"field.rows\"\n    [cols]=\"field.cols\"\n    [formControl]=\"formControl\"\n    style=\"resize: vertical;\"\n    [pKeyFilter]=\"field.keyFilter\"\n    [ngStyle]=\"field.style\"\n></textarea>\n"
-            })
-        ], TextAreaFieldComponent);
-        return TextAreaFieldComponent;
-    }());
-
-    var IAssistService = /** @class */ (function () {
-        function IAssistService(http, _messageService) {
-            this.http = http;
-            this._messageService = _messageService;
-        }
-        IAssistService.prototype.askIA = function (context, data) {
-            var _this = this;
-            return this.http.post("platform/iassist/api/latest/completions", {
-                "prompt": this._createPrompt(context, data),
-                "provider": "OPEN_AI",
-                "parameters": {
-                    "model": "gpt-3.5-turbo",
-                    "max_tokens": 700,
-                    "temperature": 1
-                }
-            }).pipe(operators.catchError(function (err) {
-                _this._messageService.add({
-                    severity: "error",
-                    summary: err.status ? String(err.status) : "Error",
-                    detail: (err.error && err.error.message) || err.statusText || err.message || "Error",
-                });
-                return rxjs.throwError(err);
-            }));
-        };
-        IAssistService.prototype._createPrompt = function (context, data) {
-            return "Crie um texto gen\u00E9rico para preencher o campo de textarea.\n        " + (data.label ? "O campo tem o label " + data.label + "." : "") + "\n        " + (data.id ? "O campo tem o id " + data.id + "." : "") + "\n        " + (data.placeholder ? "Considere as instru\u00E7\u00F5es/sugest\u00F5es do placeholder: " + data.placeholder + "." : "") + "\n        Baseie-se no contexto informado pelo usu\u00E1rio: '" + context + "'.\n        O texto deve ser formal e conter informa\u00E7\u00F5es pertinentes a um campo como este, como se um usu\u00E1rio real tivesse preenchido com as informa\u00E7\u00F5es necess\u00E1rias. \n        O texto deve ser neutro com rela\u00E7\u00E3o a generos, ra\u00E7as, religi\u00F5es, etc.\n        O texto deve ser impessoal e n\u00E3o deve conter informa\u00E7\u00F5es pessoais do usu\u00E1rio.\n        N\u00E3o direcione o texto a ningu\u00E9m, n\u00E3o use express\u00F5es como: caro, atenciosamente. gostaria, agrade\u00E7o. O texto deve ser gen\u00E9rico.\n    \n        Exemplos de texto:\n        Um campo de descri\u00E7\u00E3o de usu\u00E1rio: \"Usu\u00E1rio com 20 anos, estudante de engenharia, gosta de jogar futebol e assistir filmes.\"\n        Outro exemplo de descri\u00E7\u00E3o de usu\u00E1rio: \"Usu\u00E1rio administrador, com acesso total ao sistema, respons\u00E1vel por gerenciar os usu\u00E1rios e os produtos.\"\n        Um campo de descri\u00E7\u00E3o de um produto: \"O produto \u00E9 um celular, com tela de 6 polegadas, 128GB de armazenamento, 4GB de mem\u00F3ria RAM, c\u00E2mera de 12MP e bateria de 4000mAh.\"\n        Outro exemplo de descri\u00E7\u00E3o de produto: \"O produto \u00E9 uma geladeira, com capacidade de 500 litros, 2 portas, cor branca, com freezer e gaveta de legumes.\"\n        Outro exemplo de descri\u00E7\u00E3o de produto: \"O produto \u00E9 uma camiseta, tamanho M, cor azul, 100% algod\u00E3o, com estampa de um gato.\"\n    \n        Em caso de contexto incompleto crie um texto gen\u00E9rico, como se fosse um exemplo de preenchimento do campo.\n        O texto \u00E9 para um campo de textarea, ent\u00E3o escreva um texto sucinto.\n        Exiba apenas o texto do output";
-        };
-        IAssistService.ctorParameters = function () { return [
-            { type: http.HttpClient },
-            { type: api.MessageService }
-        ]; };
-        IAssistService = __decorate([
-            core.Injectable()
-        ], IAssistService);
-        return IAssistService;
-    }());
-
-    var TextAreaIAFieldComponent = /** @class */ (function () {
-        function TextAreaIAFieldComponent(_iassistService, _formBuilder, _translateService) {
-            this._iassistService = _iassistService;
-            this._formBuilder = _formBuilder;
-            this._translateService = _translateService;
-            this.isVisible = false;
-            this.isLoading = false;
-        }
-        TextAreaIAFieldComponent.prototype.ngOnInit = function () {
-            this._createDialogFields();
-            this._createDialogFormGroup();
-        };
-        TextAreaIAFieldComponent.prototype.showDialog = function () {
-            this.isVisible = true;
-        };
-        TextAreaIAFieldComponent.prototype.onHideDialog = function () {
-            this.formGroup.get("context").setValue("");
-        };
-        TextAreaIAFieldComponent.prototype.hideDialog = function () {
-            this.isVisible = false;
-        };
-        TextAreaIAFieldComponent.prototype.submitContext = function () {
-            var _this = this;
-            var context = this.formGroup.get("context");
-            this.isLoading = true;
-            this._iassistService.askIA(context.value, {
-                id: this.field.id,
-                label: this.field.label,
-                placeholder: this.field.placeholder,
-            })
-                .pipe(operators.catchError(function (err) {
-                _this.isLoading = false;
-                return rxjs.throwError(err);
-            }))
-                .subscribe(function (res) {
-                _this.formControl.setValue(res.text);
-                _this.isLoading = false;
-            });
-            this.hideDialog();
-        };
-        TextAreaIAFieldComponent.prototype._createDialogFields = function () {
-            this.fields = [
-                new FormField({
-                    name: "context",
-                    type: exports.FieldType.String,
-                    label: this._translateService.instant("platform.angular_components.context"),
-                    size: { sm: 12, md: 12, lg: 12, xl: 12 },
-                }),
-            ];
-        };
-        TextAreaIAFieldComponent.prototype._createDialogFormGroup = function () {
-            this.formGroup = this._formBuilder.group({
-                context: [""],
-            });
-        };
-        TextAreaIAFieldComponent.ctorParameters = function () { return [
-            { type: IAssistService },
-            { type: forms.FormBuilder },
-            { type: core$1.TranslateService }
-        ]; };
+                template: "<div class=\"ui-grid ui-grid-responsive ui-grid-pad ui-fluid\">\n    <div class=\"ui-grid-row\">\n        <div class=\"i-grid-col-1\">\n            <s-switch\n                [id]=\"(field.id || field.name)\"\n                [inputName]=\"field.name\"\n                [formControl]=\"formControl\"\n                [sTooltip]=\"field.tooltip\"\n                tooltipPosition=\"top\"\n                (valueChanged)=\"field.onChange ? field.onChange($event) : null\">\n            </s-switch>\n        </div>\n        <div class=\"i-grid-col-1\" *ngIf=\"field.optionsLabel\">\n            <ng-container *ngIf=\"formControl.value; else caseFalse\">\n                <span>{{ field.optionsLabel.true }}</span>\n            </ng-container>\n            <ng-template #caseFalse>\n                <span>{{ field.optionsLabel.false }}</span>\n            </ng-template>\n        </div>\n    </div>\n</div>"
+            })
+        ], BooleanSwitchFieldComponent);
+        return BooleanSwitchFieldComponent;
+    }());
+
+    var CalendarFieldComponent = /** @class */ (function () {
+        function CalendarFieldComponent() {
+        }
         __decorate([
             core.Input()
-        ], TextAreaIAFieldComponent.prototype, "field", void 0);
+        ], CalendarFieldComponent.prototype, "field", void 0);
         __decorate([
             core.Input()
-        ], TextAreaIAFieldComponent.prototype, "formControl", void 0);
-        TextAreaIAFieldComponent = __decorate([
+        ], CalendarFieldComponent.prototype, "formControl", void 0);
+        __decorate([
+            core.Input()
+        ], CalendarFieldComponent.prototype, "showTime", void 0);
+        __decorate([
+            core.Input()
+        ], CalendarFieldComponent.prototype, "timeOnly", void 0);
+        CalendarFieldComponent = __decorate([
             core.Component({
-                template: "<s-loading-state\n    [loading]=\"isLoading\"\n    [blockWindow]=\"true\">    \n</s-loading-state>\n\n<p-dialog\n    [(visible)]=\"isVisible\"\n    [modal]=\"true\"\n    [style]=\"{ width: '50vw' }\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    (onHide)=\"onHideDialog()\">\n    <p-header>\n        <div class=\"dialog-header\">\n            <span class=\"iassist-icon\">\n                <ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container>\n            </span>\n            {{ 'platform.angular_components.iassist_text_generator' | translate }}\n        </div>\n    </p-header>\n    <s-dynamic-form\n        [fields]=\"fields\"\n        [form]=\"formGroup\">\n    </s-dynamic-form>\n    <p-footer>\n        <div class=\"footer-content\">\n            <s-button\n                id=\"-submit-button\"\n                type=\"button\"\n                [label]=\"'platform.angular_components.generate_text' | translate\"\n                (onClick)=\"submitContext()\"\n                sTooltip=\"(ALT + SHIFT + S)\"\n                showDelay=\"500\">\n            </s-button>\n            <s-button\n                id=\"-cancel-button\"\n                type=\"button\"\n                priority=\"link\"\n                [label]=\"'platform.angular_components.cancel' | translate\"\n                (onClick)=\"hideDialog()\"\n                sTooltip=\"(ALT + SHIFT + C)\"\n                showDelay=\"500\">\n            </s-button>\n        </div>\n    </p-footer>\n</p-dialog>\n\n<div class=\"textarea-ia\">\n    <textarea\n        [id]=\"(field.id || field.name)\"\n        pInputTextarea\n        [rows]=\"field.rows\"\n        [cols]=\"field.cols\"\n        [formControl]=\"formControl\"\n        style=\"resize: vertical;\"\n        [ngStyle]=\"field.style\">\n    </textarea>\n    <button\n        class=\"iassist-button\"\n        (click)=\"showDialog()\"\n        [sTooltip]=\"'platform.angular_components.iassist_text_generator' | translate\">\n        <ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container>\n    </button>\n</div>\n\n<ng-template #iassistIcon>\n    <svg style=\"width: 100%; height: 100%;\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M5.81451 18.1054L5.99593 17.6059L7.52166 13.4099L7.60877 13.1726L7.61277 13.1614L7.94285 12.2543L8.01159 12.0648L8.05394 11.949L5.2998 8.52426L5.02726 8.18379C5.00569 8.15821 4.9881 8.13104 4.97292 8.10226C4.90099 7.9632 4.85063 7.81294 4.82186 7.6531C4.73075 7.1344 4.90418 6.60771 5.28382 6.24326C5.29421 6.23447 5.3038 6.22567 5.31419 6.21688L5.47164 6.0914L9.3439 3.00238L9.5469 2.84094L9.57088 2.82096L10.4101 2.15041L11.8007 1.04188C11.2181 0.925188 10.6163 0.863647 10.0001 0.863647C4.95374 0.863647 0.863281 4.9541 0.863281 9.99963C0.863281 13.5346 2.87254 16.5989 5.80971 18.1182\" fill=\"#0FA389\"/>\n        <path d=\"M14.099 1.83472L13.9495 2.24632L11.997 7.61074L11.9427 7.7594L11.9003 7.87369L14.7448 11.4103C14.7463 11.4127 14.7479 11.4143 14.7495 11.4167L14.9414 11.654C14.9541 11.67 14.9661 11.6868 14.9765 11.7044C15.0764 11.8698 15.1444 12.0505 15.1779 12.2431C15.273 12.7826 15.0812 13.3284 14.676 13.6897C14.656 13.7129 14.6345 13.7344 14.6105 13.7536L11.8563 15.9507L11.6789 16.0922L11.6022 16.1537L10.7406 16.8402V16.841L10.3937 17.1176L9.85747 17.5452L9.39951 17.9112L8.11035 18.9398C8.72016 19.0677 9.35155 19.1364 9.99973 19.1364C15.0461 19.1364 19.1365 15.046 19.1365 9.99964C19.1365 6.42789 17.0857 3.33727 14.099 1.83472Z\" fill=\"#0FA389\"/>\n        <path d=\"M14.7287 12.3222C14.7047 12.1832 14.6551 12.0545 14.5864 11.941L14.3954 11.7036C14.3954 11.7036 14.3946 11.7028 14.3938 11.7028L11.3839 7.96005L10.5031 6.86511L10.4256 6.7676L9.03255 5.03487L8.83674 4.79191C8.79278 4.71678 8.75681 4.63446 8.73204 4.54814C8.72085 4.51058 8.71286 4.47222 8.70566 4.43465C8.68568 4.32196 8.68408 4.21007 8.69847 4.10217L8.62334 4.16291L8.44511 4.30438L5.75731 6.44871L5.60066 6.57339C5.34011 6.82275 5.20584 7.19279 5.27218 7.57482C5.29296 7.68751 5.32892 7.79541 5.37927 7.89292C5.37927 7.89292 5.37927 7.89292 5.38007 7.89371L5.6566 8.23818L8.57139 11.8627L8.63293 11.9394L9.53047 13.0559L9.59041 13.1303L9.98363 13.6186L11.0178 14.9046C11.0186 14.9054 11.0194 14.9069 11.0202 14.9077L11.1361 15.0516V15.0524C11.2184 15.1755 11.2768 15.317 11.3048 15.4728C11.3239 15.5807 11.3263 15.6878 11.3143 15.7925L11.3175 15.7965L11.3943 15.735L11.5717 15.5935L14.3266 13.3964L14.3218 13.3908C14.6335 13.1438 14.8022 12.7394 14.7287 12.3222Z\" fill=\"#F3F3F5\"/>\n        <path d=\"M10.6822 15.0082C10.6814 15.0074 10.6806 15.0058 10.6806 15.005L10.5672 14.8643L10.3809 14.6325L10.3282 14.567L10.2211 14.4335L9.40028 13.4129L9.32835 13.3242L8.77289 12.6345L8.68098 12.5194L8.44121 12.2205L8.37168 12.4099L8.04159 13.317L8.0376 13.329L7.95128 13.5664L6.42475 17.7623L6.24333 18.2618L5.90605 19.1881L5.73262 19.6645C5.73182 19.6661 5.73102 19.6677 5.73102 19.6685C5.72863 19.6749 5.72703 19.6821 5.72543 19.6885C5.71584 19.7228 5.71424 19.758 5.72063 19.7948C5.74461 19.929 5.87329 20.0193 6.00836 19.9962C6.04112 19.9898 6.07229 19.9778 6.09867 19.9602C6.09867 19.9602 6.09947 19.9602 6.10027 19.9594L6.14103 19.9266L7.39422 18.9268L9.11496 17.5537L9.57292 17.1877L10.1092 16.7601L10.4561 16.4827L10.4537 16.4811C10.7582 16.2382 10.9236 15.8402 10.8509 15.4294C10.8237 15.2735 10.7654 15.1313 10.6822 15.0082Z\" fill=\"#0C847B\"/>\n        <path d=\"M9.17644 4.56325C9.2124 4.68713 9.26915 4.80062 9.34268 4.90053C9.34348 4.90053 9.34428 4.90213 9.34428 4.90213L9.40342 4.97645C9.40502 4.97805 9.40582 4.97885 9.40662 4.98045L9.56806 5.17946L9.64878 5.28096L9.67915 5.31932L9.8414 5.51993L10.5559 6.40947L10.7054 6.59569L11.2169 7.23188L11.5142 7.60192L11.5693 7.45247L13.5202 2.08964L14.1596 0.332135C14.1596 0.330536 14.1604 0.328139 14.1612 0.32654C14.174 0.288177 14.1772 0.246617 14.17 0.205058C14.1468 0.0699879 14.0182 -0.0195258 13.8823 0.00365186C13.8407 0.0116442 13.8024 0.028428 13.7712 0.0540033L12.578 1.00589L12.498 1.06982L10.6958 2.50844L9.85658 3.17819L9.8326 3.19737L9.6296 3.35961L9.45297 3.50028C9.2116 3.73925 9.08692 4.08931 9.15006 4.44976C9.15726 4.48813 9.16525 4.52649 9.17644 4.56325Z\" fill=\"#0C847B\"/>\n    </svg>\n</ng-template>",
-                styles: [".footer-content{display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0}.textarea-ia{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;gap:8px}.iassist-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:none;border-radius:50%;box-shadow:none;cursor:pointer;height:32px;width:32px}.dialog-header{display:-ms-flexbox;display:flex;gap:12px}.dialog-header .iassist-icon{display:block;height:24px;width:24px}"]
+                template: "<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\">\n    <!-- Remover as propriedades [showTransitionOptions] e [hideTransitionOptions] quando atualizar para o PrimeNG v10, esses atributos foram\n    usados para remover um bug ocasionado pela anima\u00E7\u00E3o do componente p-calendar, bug explicado nas issues: #ERPROM-5534, #ERPROM-8248 e #DSN-1045. -->\n    <p-calendar\n        #calendar\n        sCalendarMask\n        [inputId]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [showIcon]=\"true\"\n        [timeOnly]=\"timeOnly\"\n        [selectionMode]=\"field.selectionMode\"\n        [rangeSeparator]=\"field.rangeSeparator\"\n        [showTime]=\"showTime\"\n        [showSeconds]=\"field.showSeconds\"\n        [showOnFocus]=\"field.showOnFocus\"\n        [formControl]=\"formControl\"\n        [icon]=\"timeOnly ? 'fa fa-clock' : 'fa fa-calendar'\"\n        [minDate]=\"field.minDate\"\n        [maxDate]=\"field.maxDate\"\n        [defaultDate]=\"field.defaultDate\"\n        [locale]=\"field.calendarLocaleOptions\"\n        [dateFormat]=\"field.calendarLocaleOptions.dateFormat\"\n        [hourFormat]=\"field.calendarLocaleOptions.hourFormat\"\n        [view]=\"field.view\"\n        [placeholder]=\"field.placeholder\"\n        inputStyleClass=\"mousetrap\"\n        [appendTo]=\"field.appendTo\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"field.onFocus ? field.onFocus($event): null\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onClose)=\"field.onClose ? field.onClose($event) : null\"\n        (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n        (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n        (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n        (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n        [showTransitionOptions]=\"'0ms'\"\n        [hideTransitionOptions]=\"'0ms'\">\n    </p-calendar>\n</div>\n"
             })
-        ], TextAreaIAFieldComponent);
-        return TextAreaIAFieldComponent;
+        ], CalendarFieldComponent);
+        return CalendarFieldComponent;
     }());
 
-    var TextFieldComponent = /** @class */ (function (_super) {
-        __extends(TextFieldComponent, _super);
-        function TextFieldComponent() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.onInput = new core.EventEmitter();
-            _this.onFocus = new core.EventEmitter();
-            _this.onComplete = new core.EventEmitter();
-            _this.ngUnsubscribe = new rxjs.Subject();
-            return _this;
+    var ChipsFieldComponent = /** @class */ (function () {
+        function ChipsFieldComponent(clipboard) {
+            this.clipboard = clipboard;
+            this.feedbackMessageVisible = false;
+            this.copyButtonVisible = true;
         }
-        TextFieldComponent.prototype.ngOnInit = function () {
+        ChipsFieldComponent.prototype.onCopyFieldContent = function () {
             var _this = this;
-            this.onFocus.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-                if (_this.field.onFocus)
-                    _this.field.onFocus(event);
-            });
-            this.onInput.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-                if (_this.field.onInput)
-                    _this.field.onInput(event);
-            });
-            this.onComplete.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-                if (_this.field.onComplete)
-                    _this.field.onComplete(event);
-            });
-        };
-        TextFieldComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
+            if (this.formControl.value) {
+                this.copyButtonVisible = false;
+                this.feedbackMessageVisible = true;
+                setTimeout(function () {
+                    _this.feedbackMessageVisible = false;
+                    _this.copyButtonVisible = true;
+                }, 3000);
+                var content = this.formControl.value.join(this.field.separator || "\n");
+                this.clipboard.copy(content);
+                if (this.field.onCopy) {
+                    this.field.onCopy(content);
+                }
+            }
         };
+        ChipsFieldComponent.ctorParameters = function () { return [
+            { type: clipboard.Clipboard }
+        ]; };
         __decorate([
             core.Input()
-        ], TextFieldComponent.prototype, "field", void 0);
+        ], ChipsFieldComponent.prototype, "field", void 0);
         __decorate([
             core.Input()
-        ], TextFieldComponent.prototype, "formControl", void 0);
-        __decorate([
-            core.Output()
-        ], TextFieldComponent.prototype, "onInput", void 0);
-        __decorate([
-            core.Output()
-        ], TextFieldComponent.prototype, "onFocus", void 0);
-        __decorate([
-            core.Output()
-        ], TextFieldComponent.prototype, "onComplete", void 0);
-        TextFieldComponent = __decorate([
+        ], ChipsFieldComponent.prototype, "formControl", void 0);
+        ChipsFieldComponent = __decorate([
             core.Component({
-                template: "<p-inputMask\n    *ngIf=\"field.mask; else noMask\"\n    [type]=\"field.inputType || 'text'\"\n    [inputId]=\"(field.id || field.name)\"\n    [name]=\"field.name\"\n    [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n    [placeholder]=\"field.placeholder\"\n    slotChar=\"_\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    styleClass=\"mousetrap\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    (onFocus)=\"onFocus.next($event)\"\n    (onComplete)=\"onComplete.next($event)\"\n    (onInput)=\"onInput.next($event)\"\n    [formControl]=\"formControl\">\n</p-inputMask>\n<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.leftAddon.label\">{{field.leftAddon.label}}</span>\n                    <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n                </span>\n            </ng-container>\n            <ng-container *ngTemplateOutlet=\"field.keyFilter ? inputKeyFilter : input\"></ng-container>\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.rightAddon.label\">{{field.rightAddon.label}}</span>\n                    <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n                </span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n<ng-template #input>\n    <input\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\" />\n</ng-template>\n<ng-template #inputKeyFilter>\n    <input\n        #inputText\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [pKeyFilter]=\"field.keyFilter\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\" />\n</ng-template>\n",
-                encapsulation: core.ViewEncapsulation.None,
-                styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}"]
+                template: "<div class=\"chips-field-wrapper\">\n    <div style=\"width: 100%;\">\n        <p-chips\n            *ngIf=\"field.keyFilter\"\n            [inputId]=\"(field.id || field.name)\"\n            [formControl]=\"formControl\"\n            [placeholder]=\"field.placeholder\"\n            [allowDuplicate]=\"false\"\n            [addOnTab]=\"true\"\n            [addOnBlur]=\"true\"\n            (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n            (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n            (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            [pKeyFilter]=\"field.keyFilter\">\n            <ng-template let-item pTemplate=\"item\">\n                <span\n                    class=\"chip-content\"\n                    [sTooltip]=\"item\">\n                    {{ item }}\n                </span>\n            </ng-template>\n        </p-chips>\n        \n        <p-chips\n            *ngIf=\"!field.keyFilter\"\n            [inputId]=\"(field.id || field.name)\"\n            [formControl]=\"formControl\"\n            [placeholder]=\"field.placeholder\"\n            [allowDuplicate]=\"false\"\n            [addOnTab]=\"true\"\n            [addOnBlur]=\"true\"\n            (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n            (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n            (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n            <ng-template let-item pTemplate=\"item\">\n                <span\n                    class=\"chip-content\"\n                    [sTooltip]=\"item\">\n                    {{ item }}\n                </span>\n            </ng-template>\n        </p-chips>\n    </div>\n    \n    <button\n        *ngIf=\"field.showCopyButton && formControl.value?.length > 0 && copyButtonVisible\"\n        class=\"copy-content-button\"\n        (click)=\"onCopyFieldContent()\">\n        {{ \"platform.angular_components.copy_field_content\" | translate }}\n    </button>\n    \n    <span\n        *ngIf=\"feedbackMessageVisible\"\n        class=\"feedback-message\">\n        {{ \"platform.angular_components.copied_to_clipboard\" | translate }}\n    </span>\n</div>\n",
+                styles: [".chips-field-wrapper{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.chips-field-wrapper .chip-content{display:block;overflow:hidden;padding-right:1rem;text-overflow:ellipsis}.chips-field-wrapper .copy-content-button{background-color:transparent;border:none;color:#2a6496;cursor:pointer;margin-top:8px}.chips-field-wrapper .feedback-message{color:#0c9348;display:block;margin-top:8px;-webkit-user-select:none;-ms-user-select:none;user-select:none}"]
             })
-        ], TextFieldComponent);
-        return TextFieldComponent;
-    }(BaseFieldComponent));
+        ], ChipsFieldComponent);
+        return ChipsFieldComponent;
+    }());
 
-    var RowComponent = /** @class */ (function () {
-        function RowComponent() {
+    var CountryPhonePickerFieldComponent = /** @class */ (function () {
+        function CountryPhonePickerFieldComponent() {
         }
-        RowComponent.prototype.ngOnInit = function () { };
-        RowComponent.prototype.getErrorMessages = function (errorMessages) {
-            if (errorMessages)
-                return this.isFunction(errorMessages) ? errorMessages() : errorMessages;
-            return this.errorMessages;
-        };
-        RowComponent.prototype.isFunction = function (value) {
-            return value instanceof Function;
-        };
         __decorate([
             core.Input()
-        ], RowComponent.prototype, "id", void 0);
+        ], CountryPhonePickerFieldComponent.prototype, "field", void 0);
         __decorate([
             core.Input()
-        ], RowComponent.prototype, "config", void 0);
+        ], CountryPhonePickerFieldComponent.prototype, "formControl", void 0);
+        CountryPhonePickerFieldComponent = __decorate([
+            core.Component({
+                template: "<s-country-phone-picker\n    [formControl]=\"formControl\"\n    [ordination]=\"field.ordination\"\n    [countries]=\"field.countries\"\n    (selected)=\"field.onSelected\"\n    (focusLost)=\"field.onFocusLost\">\n</s-country-phone-picker>"
+            })
+        ], CountryPhonePickerFieldComponent);
+        return CountryPhonePickerFieldComponent;
+    }());
+
+    /**
+     * @deprecated Should use bignumber instead
+     */
+    var CurrencyFieldComponent = /** @class */ (function (_super) {
+        __extends(CurrencyFieldComponent, _super);
+        function CurrencyFieldComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
         __decorate([
             core.Input()
-        ], RowComponent.prototype, "group", void 0);
+        ], CurrencyFieldComponent.prototype, "field", void 0);
         __decorate([
             core.Input()
-        ], RowComponent.prototype, "errorMessages", void 0);
-        RowComponent = __decorate([
+        ], CurrencyFieldComponent.prototype, "formControl", void 0);
+        CurrencyFieldComponent = __decorate([
             core.Component({
-                template: "\n        <div class=\"ui-fluid\" [formGroup]=\"group\">\n        <div class=\"ui-g\">\n            <ng-container *ngFor=\"let field of config.fields\">\n                <div [ngClass]=\"field.gridClass\" *ngIf=\"field.visible()\">\n                    <label\n                        [for]=\"field.name\"\n                        [ngClass]=\"{ 'required': field.required() }\"\n                        *sInfoSign=\"field.infoSign\"\n                        >\n                            {{ field.label }}\n                    </label>\n                    <ng-container *sDynamicForm=\"{ id: id, config: field, group: group}\"></ng-container>\n                    <s-control-errors [form]=\"group\" [control]=\"group.controls[field.name]\"\n                        [errorMessages]=\"getErrorMessages(field.errorMessages)\"></s-control-errors>\n                    <ng-template *ngIf=\"field?.bottomTemplate\" [ngTemplateOutlet]=\"field.bottomTemplate\"></ng-template>\n                </div>\n            </ng-container>\n        </div>\n    "
+                template: "<div class=\"ui-inputgroup\">\n    <span\n        *ngIf=\"field.numberLocaleOptions.currencySymbol\"\n        class=\"ui-inputgroup-addon\">\n        {{ field.numberLocaleOptions.currencySymbol }}\n    </span>\n    <input\n        *ngIf=\"!field.mask\"\n        type=\"text\"\n        [id]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [formControl]=\"formControl\"\n        sNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n        [decimalSeparator]=\"field.numberLocaleOptions.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions.thousandsSeparator\"\n        [alignTo]=\"field.alignTo\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"field.onFocus ? field.onFocus($event): null\" />\n    <p-inputMask\n        *ngIf=\"field.mask\"\n        type=\"text\"\n        [inputId]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [formControl]=\"formControl\"\n        [mask]=\"field.mask\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"field.onFocus ? field.onFocus($event): null\"\n        (onComplete)=\"field.onComplete ? field.onComplete($event) : null\"\n        (onInput)=\"field.onInput ? field.onInput($event) : null\" >\n    </p-inputMask>\n</div>\n"
             })
-        ], RowComponent);
-        return RowComponent;
-    }());
+        ], CurrencyFieldComponent);
+        return CurrencyFieldComponent;
+    }(BaseFieldComponent));
 
     var FieldsetComponent = /** @class */ (function () {
         function FieldsetComponent() {
@@ -7242,79 +7443,45 @@
         return FieldsetComponent;
     }());
 
-    var SectionComponent = /** @class */ (function () {
-        function SectionComponent() {
+    var FileUploadComponent$1 = /** @class */ (function (_super) {
+        __extends(FileUploadComponent, _super);
+        function FileUploadComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
         }
         __decorate([
             core.Input()
-        ], SectionComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], SectionComponent.prototype, "config", void 0);
-        __decorate([
-            core.Input()
-        ], SectionComponent.prototype, "group", void 0);
+        ], FileUploadComponent.prototype, "field", void 0);
         __decorate([
             core.Input()
-        ], SectionComponent.prototype, "errorMessages", void 0);
-        SectionComponent = __decorate([
+        ], FileUploadComponent.prototype, "formControl", void 0);
+        FileUploadComponent = __decorate([
             core.Component({
-                template: "\n        <h3 *ngIf=\"config?.header\" class=\"sds-section-title\">{{config.header}}</h3>\n        <ng-container *ngFor=\"let conf of config.configs\">\n            <ng-container *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"></ng-container>\n        </ng-container>\n    "
+                template: "<s-file-upload [id]=\"(field.id || field.name)\" [accept]=\"field.accept\" [files]=\"field.files\" [multiple]=\"field.multiple\"\n    [chooseLabel]=\"field.chooseLabel\" [removeLabel]=\"field.removeLabel\" [cancelLabel]=\"field.cancelLabel\"\n    [successTooltip]=\"field.successTooltip\" (uploadHandler)=\"field.onUploadFile($event, field)\"\n    (removeFile)=\"field.onRemoveFile($event, field)\" (cancelUpload)=\"field.onCancelUpload($event, field)\"\n    (downloadFile)=\"field.onDownloadFile($event, field)\" [formGroup]=\"formControl\"\n    [showFileUploadDate]=\"field.showFileUploadDate\"> \n</s-file-upload>\n"
             })
-        ], SectionComponent);
-        return SectionComponent;
-    }());
+        ], FileUploadComponent);
+        return FileUploadComponent;
+    }(BaseFieldComponent));
 
-    var DynamicFieldComponent = /** @class */ (function () {
-        function DynamicFieldComponent() {
+    var LookupFieldComponent = /** @class */ (function () {
+        function LookupFieldComponent() {
         }
-        DynamicFieldComponent.prototype.getErrorMessages = function (errorMessages) {
-            if (errorMessages)
-                return this.isFunction(errorMessages)
-                    ? __assign(__assign({}, this.errorMessages), errorMessages()) : __assign(__assign({}, this.errorMessages), errorMessages);
-            return this.errorMessages;
-        };
-        DynamicFieldComponent.prototype.isFunction = function (value) {
-            return value instanceof Function;
-        };
-        __decorate([
-            core.Input()
-        ], DynamicFieldComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], DynamicFieldComponent.prototype, "fields", void 0);
-        __decorate([
-            core.Input()
-        ], DynamicFieldComponent.prototype, "form", void 0);
         __decorate([
             core.Input()
-        ], DynamicFieldComponent.prototype, "errorMessages", void 0);
+        ], LookupFieldComponent.prototype, "field", void 0);
         __decorate([
             core.Input()
-        ], DynamicFieldComponent.prototype, "displayTimeInfoSign", void 0);
-        DynamicFieldComponent = __decorate([
+        ], LookupFieldComponent.prototype, "formControl", void 0);
+        LookupFieldComponent = __decorate([
             core.Component({
-                selector: "s-dynamic-field",
-                template: "<div class=\"ui-fluid\" [formGroup]=\"form\">\n    <div class=\"ui-g\">\n        <ng-container *ngFor=\"let field of fields\">\n            <div\n                *ngIf=\"!field.visible || field.visible()\"\n                [ngClass]=\"field.gridClass\">\n                <span *ngIf=\"field.label\">\n                    <label\n                        *sInfoSign=\"field.infoSign; displayTime: displayTimeInfoSign\"\n                        [for]=\"field.name\"\n                        [ngClass]=\"{ 'required': field.required() }\">\n                        {{ field.label }}\n                    </label>\n                </span>\n                <ng-container *sDynamicForm=\"{\n                    id: id,\n                    config: field,\n                    group: form\n                }\">\n                </ng-container>\n                <s-control-errors\n                    [form]=\"form\"\n                    [control]=\"form.controls[field.name]\"\n                    [errorMessages]=\"getErrorMessages(field.errorMessages)\">\n                </s-control-errors>\n                <ng-template\n                    *ngIf=\"field?.bottomTemplate\"\n                    [ngTemplateOutlet]=\"field.bottomTemplate\">\n                </ng-template>\n            </div>\n        </ng-container>\n    </div>\n</div>"
+                template: "<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\">\n    <s-lookup\n        [id]=\"(field.id || field.name)\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [searchTotalRecordsLabel]=\"field.searchTotalRecordsLabel\"\n        [searchTitle]=\"field.searchTitle\"\n        [selectLabel]=\"field.selectLabel\"\n        [searchEmptyTitle]=\"field.searchEmptyTitle\"\n        [filterLabel]=\"field.filterLabel\"\n        [filterTitle]=\"field.filterTitle\"\n        [clearLabel]=\"field.clearLabel\"\n        [cancelLabel]=\"field.cancelLabel\"\n        [emptyFieldLabel]=\"field.emptyFieldLabel \"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [recordLabel]=\"field.recordLabel\"\n        [recordsLabel]=\"field.recordsLabel\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\">\n    </s-lookup>\n</div>\n"
             })
-        ], DynamicFieldComponent);
-        return DynamicFieldComponent;
+        ], LookupFieldComponent);
+        return LookupFieldComponent;
     }());
 
-    var GridType;
-    (function (GridType) {
-        GridType["Row"] = "Row";
-    })(GridType || (GridType = {}));
-
-    var StructureType;
-    (function (StructureType) {
-        StructureType["Fieldset"] = "Fieldset";
-        StructureType["Section"] = "Section";
-    })(StructureType || (StructureType = {}));
-
-    var BignumberFieldComponent = /** @class */ (function (_super) {
-        __extends(BignumberFieldComponent, _super);
-        function BignumberFieldComponent() {
+    var NumberFieldComponent = /** @class */ (function (_super) {
+        __extends(NumberFieldComponent, _super);
+        function NumberFieldComponent() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             _this.onInput = new core.EventEmitter();
             _this.onFocus = new core.EventEmitter();
@@ -7322,35 +7489,33 @@
             _this.ngUnsubscribe = new rxjs.Subject();
             return _this;
         }
-        BignumberFieldComponent.prototype.ngOnInit = function () {
+        NumberFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.onFocus
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) {
-                if (_this.field.onFocus) {
+            this.onFocus.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+                if (_this.field.onFocus)
                     _this.field.onFocus(event);
-                }
             });
-            this.onInput
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) {
-                if (_this.field.onInput) {
+            this.onInput.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+                if (_this.field.onInput)
                     _this.field.onInput(event);
-                }
             });
-            this.onComplete
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) {
-                if (_this.field.onComplete) {
+            this.onComplete.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+                if (_this.field.onComplete)
                     _this.field.onComplete(event);
-                }
             });
         };
-        BignumberFieldComponent.prototype.ngOnDestroy = function () {
+        NumberFieldComponent.prototype.ngOnDestroy = function () {
             this.ngUnsubscribe.next();
             this.ngUnsubscribe.complete();
         };
-        Object.defineProperty(BignumberFieldComponent.prototype, "fieldType", {
+        Object.defineProperty(NumberFieldComponent.prototype, "numberAlignmentOption", {
+            get: function () {
+                return exports.NumberAlignmentOption;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(NumberFieldComponent.prototype, "fieldType", {
             get: function () {
                 return exports.FieldType;
             },
@@ -7359,46 +7524,29 @@
         });
         __decorate([
             core.Input()
-        ], BignumberFieldComponent.prototype, "field", void 0);
+        ], NumberFieldComponent.prototype, "field", void 0);
         __decorate([
             core.Input()
-        ], BignumberFieldComponent.prototype, "formControl", void 0);
+        ], NumberFieldComponent.prototype, "formControl", void 0);
         __decorate([
             core.Output()
-        ], BignumberFieldComponent.prototype, "onInput", void 0);
+        ], NumberFieldComponent.prototype, "onInput", void 0);
         __decorate([
             core.Output()
-        ], BignumberFieldComponent.prototype, "onFocus", void 0);
+        ], NumberFieldComponent.prototype, "onFocus", void 0);
         __decorate([
             core.Output()
-        ], BignumberFieldComponent.prototype, "onComplete", void 0);
-        BignumberFieldComponent = __decorate([
+        ], NumberFieldComponent.prototype, "onComplete", void 0);
+        NumberFieldComponent = __decorate([
             core.Component({
-                template: "<p-inputMask\n    *ngIf=\"field.mask; else noMask\"\n    type=\"text\"\n    [inputId]=\"(field.id || field.name)\"\n    [name]=\"field.name\"\n    [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n    [placeholder]=\"field.placeholder\"\n    slotChar=\"_\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    styleClass=\"mousetrap\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    (onFocus)=\"onFocus.next($event)\"\n    (onComplete)=\"onComplete.next($event)\"\n    (onInput)=\"onInput.next($event)\"\n    [formControl]=\"formControl\"\n    [autoClear]=\"field.autoClear\">\n</p-inputMask>\n\n<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.leftAddon.label\">{{field.leftAddon.label}}</span>\n                    <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n                </span>\n            </ng-container>\n\n            <input\n                [id]=\"(field.id || field.name)\"\n                type=\"text\"\n                [name]=\"field.name\"\n                sBignumberInput\n                [allowNegative]=\"field.allowNegative\"\n                [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n                [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n                [decimalSeparator]=\"field.numberLocaleOptions.decimalSeparator\"\n                [thousandsSeparator]=\"field.numberLocaleOptions.thousandsSeparator\"\n                [alignTo]=\"field.alignTo\"\n                [sTooltip]=\"field.tooltip\"\n                tooltipPosition=\"top\"\n                [placeholder]=\"field.placeholder\"\n                [showDelay]=\"500\"\n                pInputText\n                [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n                [ngClass]=\"'mousetrap'\"\n                (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n                (focus)=\"onFocus.next($event)\"\n                [formControl]=\"formControl\" />\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.rightAddon.label\">{{field.rightAddon.label}}</span>\n                    <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n                </span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n",
+                template: "<p-inputMask\n    *ngIf=\"field.mask; else noMask\"\n    type=\"text\"\n    [inputId]=\"(field.id || field.name)\"\n    [name]=\"field.name\"\n    [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n    [placeholder]=\"field.placeholder\"\n    slotChar=\"_\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    styleClass=\"mousetrap\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    (onFocus)=\"onFocus.next($event)\"\n    (onComplete)=\"onComplete.next($event)\"\n    (onInput)=\"onInput.next($event)\"\n    [formControl]=\"formControl\" >\n</p-inputMask>\n<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.leftAddon.label\">{{field.leftAddon.label}}</span>\n                    <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n                </span>\n            </ng-container>\n\n            <ng-container *ngTemplateOutlet=\"field.type === fieldType.Double && field.alignTo === numberAlignmentOption.LEFT ? localizedNumber : input\"></ng-container>\n\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.rightAddon.label\">{{field.rightAddon.label}}</span>\n                    <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n                </span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n<ng-template #input>\n    <input\n        [id]=\"(field.id || field.name)\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n        [decimalSeparator]=\"field.numberLocaleOptions.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions.thousandsSeparator\"\n        [alignTo]=\"field.alignTo\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        [formControl]=\"formControl\" />\n</ng-template>\n<ng-template #localizedNumber>\n    <input\n        [id]=\"(field.id || field.name)\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sLocalizedNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [decimalSeparator]=\"field.numberLocaleOptions.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions.thousandsSeparator\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        [formControl]=\"formControl\" />\n</ng-template>\n",
                 encapsulation: core.ViewEncapsulation.None,
                 styles: ["s-number-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-number-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}"]
             })
-        ], BignumberFieldComponent);
-        return BignumberFieldComponent;
+        ], NumberFieldComponent);
+        return NumberFieldComponent;
     }(BaseFieldComponent));
 
-    var BooleanSwitchFieldComponent = /** @class */ (function () {
-        function BooleanSwitchFieldComponent() {
-        }
-        __decorate([
-            core.Input()
-        ], BooleanSwitchFieldComponent.prototype, "field", void 0);
-        __decorate([
-            core.Input()
-        ], BooleanSwitchFieldComponent.prototype, "formControl", void 0);
-        BooleanSwitchFieldComponent = __decorate([
-            core.Component({
-                template: "<div class=\"ui-grid ui-grid-responsive ui-grid-pad ui-fluid\">\n    <div class=\"ui-grid-row\">\n        <div class=\"i-grid-col-1\">\n            <s-switch\n                [id]=\"(field.id || field.name)\"\n                [inputName]=\"field.name\"\n                [formControl]=\"formControl\"\n                [sTooltip]=\"field.tooltip\"\n                tooltipPosition=\"top\"\n                (valueChanged)=\"field.onChange ? field.onChange($event) : null\">\n            </s-switch>\n        </div>\n        <div class=\"i-grid-col-1\" *ngIf=\"field.optionsLabel\">\n            <ng-container *ngIf=\"formControl.value; else caseFalse\">\n                <span>{{ field.optionsLabel.true }}</span>\n            </ng-container>\n            <ng-template #caseFalse>\n                <span>{{ field.optionsLabel.false }}</span>\n            </ng-template>\n        </div>\n    </div>\n</div>"
-            })
-        ], BooleanSwitchFieldComponent);
-        return BooleanSwitchFieldComponent;
-    }());
-
     var PasswordFieldComponent = /** @class */ (function () {
         function PasswordFieldComponent() {
             this.onInput = new core.EventEmitter();
@@ -7459,751 +7607,649 @@
         return PasswordFieldComponent;
     }());
 
-    var SliderFieldComponent = /** @class */ (function (_super) {
-        __extends(SliderFieldComponent, _super);
-        function SliderFieldComponent() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.onChange = new core.EventEmitter();
-            _this.onSlideEnd = new core.EventEmitter();
-            _this.ngUnsubscribe = new rxjs.Subject();
-            return _this;
+    var RadioButtonComponent = /** @class */ (function () {
+        function RadioButtonComponent() {
+            this.onClick = new core.EventEmitter();
+            this.onFocus = new core.EventEmitter();
+            this.ngUnsubscribe = new rxjs.Subject();
         }
-        SliderFieldComponent.prototype.ngOnInit = function () {
+        RadioButtonComponent.prototype.ngOnInit = function () {
             var _this = this;
-            var _a, _b;
-            this.onChange.pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) {
-                if (_this.field.onChange) {
-                    _this.field.onChange(event);
-                }
+            this.onFocus.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+                if (_this.field.onFocus)
+                    _this.field.onFocus(event);
             });
-            this.onSlideEnd.pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) {
-                if (_this.field.onSlideEnd) {
-                    _this.field.onSlideEnd(event);
-                }
+            this.onClick.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+                if (_this.field.onClick)
+                    _this.field.onClick(event);
             });
-            var values = ((_a = this.field) === null || _a === void 0 ? void 0 : _a.range) ? [this.field.min, this.field.max] : this.field.min;
-            this.formControl.setValue((_b = this.field.defaultValue) !== null && _b !== void 0 ? _b : values);
         };
-        SliderFieldComponent.prototype.ngOnDestroy = function () {
+        RadioButtonComponent.prototype.ngOnDestroy = function () {
             this.ngUnsubscribe.next();
             this.ngUnsubscribe.complete();
         };
-        Object.defineProperty(SliderFieldComponent.prototype, "fieldType", {
-            get: function () {
-                return exports.FieldType;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        SliderFieldComponent.prototype.getRangeLabel = function () {
-            var _a, _b, _c, _d;
-            var _e = __read((_a = this.formControl.value) !== null && _a !== void 0 ? _a : [0, 0], 2), value0 = _e[0], value1 = _e[1];
-            var prefix = (_b = this.field.prefix) !== null && _b !== void 0 ? _b : '';
-            var suffix = (_c = this.field.suffix) !== null && _c !== void 0 ? _c : '';
-            var separator = (_d = this.field.rangeSeparator) !== null && _d !== void 0 ? _d : ' - ';
-            if (!value0 || value0 < this.field.min) {
-                value0 = this.field.min;
-            }
-            if (!value1 || value1 > this.field.max) {
-                value1 = this.field.max;
-            }
-            return "" + prefix + value0 + suffix + separator + prefix + value1 + suffix;
-        };
-        SliderFieldComponent.prototype.getNonRangeLabel = function () {
-            var _a, _b, _c;
-            var value = (_a = this.formControl) === null || _a === void 0 ? void 0 : _a.value;
-            var prefix = (_b = this.field.prefix) !== null && _b !== void 0 ? _b : '';
-            var suffix = (_c = this.field.suffix) !== null && _c !== void 0 ? _c : '';
-            if (!value || value < this.field.min) {
-                value = this.field.min;
-            }
-            if (value > this.field.max) {
-                value = this.field.max;
-            }
-            return "" + prefix + value + suffix;
+        RadioButtonComponent.prototype.onClear = function () {
+            this.formControl.reset();
         };
-        Object.defineProperty(SliderFieldComponent.prototype, "label", {
-            get: function () {
-                return this.field.range ? this.getRangeLabel() : this.getNonRangeLabel();
-            },
-            enumerable: true,
-            configurable: true
-        });
         __decorate([
             core.Input()
-        ], SliderFieldComponent.prototype, "field", void 0);
+        ], RadioButtonComponent.prototype, "field", void 0);
         __decorate([
             core.Input()
-        ], SliderFieldComponent.prototype, "formControl", void 0);
+        ], RadioButtonComponent.prototype, "formControl", void 0);
         __decorate([
             core.Output()
-        ], SliderFieldComponent.prototype, "onChange", void 0);
+        ], RadioButtonComponent.prototype, "onClick", void 0);
         __decorate([
             core.Output()
-        ], SliderFieldComponent.prototype, "onSlideEnd", void 0);
-        SliderFieldComponent = __decorate([
+        ], RadioButtonComponent.prototype, "onFocus", void 0);
+        RadioButtonComponent = __decorate([
             core.Component({
-                template: "<ng-container>\n    <div class=\"slider-group\">\n        <div class=\"slider-label\">\n            <span>{{label}}</span>\n        </div>\n        <p-slider \n            [id]=\"(field.id || field.name)\"\n            [formControl]=\"formControl\"\n            [range]=\"field.range\"\n            [orientation]=\"field.orientation\"\n            [min]=\"field.min\" \n            [max]=\"field.max\"\n            [step]=\"field.step\"\n            [animate]=\"field.animate\" \n            (onChange)=\"field.onChange ? field.onChange($event) : null\"\n            (onSlideEnd)=\"field.onSlideEnd ? field.onSlideEnd($event) : null\">\n        </p-slider>\n    </div>\n</ng-container>",
-                styles: [".slider-label{margin-bottom:5px;margin-left:-10px}.slider-group{margin-left:9px;margin-right:11px}"]
+                template: "<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n    <div class=\"ui-g\">\n        <div\n            *ngFor=\"let option of field.options; let i = index\"\n            class=\"ui-g-12\">\n            <ng-container\n                [ngTemplateOutlet]=\"radioButton\"\n                [ngTemplateOutletContext]=\"{option: option, index: i}\">\n            </ng-container>\n        </div>\n        <s-button\n            *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n            [label]=\"field.clearLabel || 'Clear selection'\"\n            (onClick)=\"onClear()\"\n            priority=\"link\">\n        </s-button>\n    </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n    <div class=\"ui-g\">\n        <ng-container\n            *ngFor=\"let option of field.options; let i = index\"\n            [ngTemplateOutlet]=\"radioButton\"\n            [ngTemplateOutletContext]=\"{option: option, index: i}\">\n        </ng-container>\n    </div>\n    <s-button\n        *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n        class=\"horizontal-clear-option\"\n        [label]=\"field.clearLabel || 'Clear selection'\"\n        (onClick)=\"onClear()\"\n        priority=\"link\">\n    </s-button>\n</ng-template>\n\n<ng-template #radioButton let-option=\"option\" let-i=\"index\">\n    <p-radioButton\n        [name]=\"field.name\"\n        [value]=\"option.value\"\n        [label]=\"option.label\"\n        [formControl]=\"formControl\"\n        [inputId]=\"(field.id || field.name) + '-' + i\"\n        [sTooltip]=\"field.tooltip\"\n        (onClick)=\"onClick.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n    </p-radioButton>\n</ng-template>\n",
+                encapsulation: core.ViewEncapsulation.None,
+                styles: ["\n        s-button.horizontal-clear-option button {\n            width: min-content !important;\n        }\n    "]
             })
-        ], SliderFieldComponent);
-        return SliderFieldComponent;
-    }(BaseFieldComponent));
+        ], RadioButtonComponent);
+        return RadioButtonComponent;
+    }());
 
-    var DynamicForm = /** @class */ (function () {
-        function DynamicForm(_a) {
-            var group = _a.group, errorMessages = _a.errorMessages;
-            this.group = group;
-            this.errorMessages = errorMessages;
+    var SectionComponent = /** @class */ (function () {
+        function SectionComponent() {
         }
-        return DynamicForm;
+        __decorate([
+            core.Input()
+        ], SectionComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input()
+        ], SectionComponent.prototype, "config", void 0);
+        __decorate([
+            core.Input()
+        ], SectionComponent.prototype, "group", void 0);
+        __decorate([
+            core.Input()
+        ], SectionComponent.prototype, "errorMessages", void 0);
+        SectionComponent = __decorate([
+            core.Component({
+                template: "\n        <h3 *ngIf=\"config?.header\" class=\"sds-section-title\">{{config.header}}</h3>\n        <ng-container *ngFor=\"let conf of config.configs\">\n            <ng-container *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"></ng-container>\n        </ng-container>\n    "
+            })
+        ], SectionComponent);
+        return SectionComponent;
     }());
-    var DynamicField = /** @class */ (function (_super) {
-        __extends(DynamicField, _super);
-        function DynamicField(_a) {
-            var group = _a.group, field = _a.field, errorMessages = _a.errorMessages;
-            var _this = _super.call(this, {
-                group: group,
-                errorMessages: errorMessages,
-            }) || this;
-            _this.field = field;
-            _this.setFieldPropertiesByType();
-            return _this;
-        }
-        DynamicField.prototype.setFieldPropertiesByType = function () {
-            if (this.field.type === exports.FieldType.Integer || this.field.type === exports.FieldType.Double) {
-                this.field.numberLocaleOptions.currencySymbol = "";
-            }
-        };
-        DynamicField.prototype.createComponent = function (resolver, container) {
-            var componentFactory = resolver.resolveComponentFactory(this.getComponent());
-            var component = container.createComponent(componentFactory);
-            component.instance.field = this.field;
-            // Must be this way because some teams use name like "e070emp.codemp"
-            component.instance.formControl = this.group["controls"][this.field.name];
-            component.instance.errorMessages = this.errorMessages;
-            this.setVariablesByType(component);
-            return component;
-        };
-        DynamicField.prototype.setVariablesByType = function (component) {
-            if (this.field.type == exports.FieldType.Time) {
-                component.instance.timeOnly = true;
-            }
-            if ([exports.FieldType.LocalDateTime, exports.FieldType.DateTime, exports.FieldType.Time].includes(this.field.type)) {
-                component.instance.showTime = true;
-            }
-        };
-        DynamicField.prototype.updateVariables = function (component) {
-            component.instance.field = this.field;
-            component.instance.formControl = this.group["controls"][this.field.name];
-            this.setVariablesByType(component);
-        };
-        DynamicField.prototype.getComponent = function () {
-            switch (this.field.type) {
-                case exports.FieldType.Autocomplete:
-                    return AutocompleteFieldComponent;
-                case exports.FieldType.Binary:
-                case exports.FieldType.String:
-                    return TextFieldComponent;
-                case exports.FieldType.Boolean:
-                    return this.field.representedBy === "switch" ? BooleanSwitchFieldComponent : BooleanFieldComponent;
-                case exports.FieldType.Chips:
-                    return ChipsFieldComponent;
-                case exports.FieldType.Date:
-                case exports.FieldType.DateTime:
-                case exports.FieldType.LocalDateTime:
-                case exports.FieldType.Time:
-                    return CalendarFieldComponent;
-                case exports.FieldType.Number:
-                case exports.FieldType.Integer:
-                case exports.FieldType.Double:
-                    return BignumberFieldComponent;
-                case exports.FieldType.Enum:
-                    return SelectFieldComponent;
-                case exports.FieldType.Lookup:
-                    return LookupFieldComponent;
-                case exports.FieldType.Money:
-                    return CurrencyFieldComponent;
-                case exports.FieldType.Radio:
-                    return RadioButtonComponent;
-                case exports.FieldType.Text:
-                    return TextAreaFieldComponent;
-                case exports.FieldType.TextIA:
-                    return TextAreaIAFieldComponent;
-                case exports.FieldType.Password:
-                    return PasswordFieldComponent;
-                case exports.FieldType.Blob:
-                    return FileUploadComponent$1;
-                case exports.FieldType.Slider:
-                    return SliderFieldComponent;
-                case exports.FieldType.Custom:
-                    return this.field.CustomFieldComponentClass;
-                default:
-                    throw new Error("Trying to use an unsupported type (" + this.field.type + ").");
-            }
-        };
-        return DynamicField;
-    }(DynamicForm));
-    var DynamicStructure = /** @class */ (function (_super) {
-        __extends(DynamicStructure, _super);
-        function DynamicStructure(_a) {
-            var group = _a.group, config = _a.config, errorMessages = _a.errorMessages;
-            var _this = _super.call(this, {
-                group: group,
-                errorMessages: errorMessages,
-            }) || this;
-            _this.config = config;
-            return _this;
+
+    var SelectFieldComponent = /** @class */ (function (_super) {
+        __extends(SelectFieldComponent, _super);
+        function SelectFieldComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
         }
-        DynamicStructure.prototype.createComponent = function (resolver, container) {
-            var componentFactory = resolver.resolveComponentFactory(this.getComponent());
-            var component = container.createComponent(componentFactory);
-            component.instance.config = this.config;
-            component.instance.group = this.group;
-            return component;
-        };
-        DynamicStructure.prototype.updateVariables = function (component) {
-            component.instance.structure = this.config;
-            component.instance.group = this.group;
-        };
-        DynamicStructure.prototype.getComponent = function () {
-            switch (this.config.type) {
-                case StructureType.Fieldset:
-                    return FieldsetComponent;
-                case StructureType.Section:
-                    return SectionComponent;
-                default:
-                    throw new Error("Trying to use an unsupported type (" + this.config.type + ").");
-            }
-        };
-        return DynamicStructure;
-    }(DynamicForm));
-    var DynamicGrid = /** @class */ (function (_super) {
-        __extends(DynamicGrid, _super);
-        function DynamicGrid(_a) {
-            var group = _a.group, config = _a.config, errorMessages = _a.errorMessages;
-            var _this = _super.call(this, { group: group, errorMessages: errorMessages }) || this;
-            _this.config = config;
+        __decorate([
+            core.Input()
+        ], SelectFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], SelectFieldComponent.prototype, "formControl", void 0);
+        SelectFieldComponent = __decorate([
+            core.Component({
+                template: "<p-dropdown\n    *ngIf=\"!field.multiple\"\n    [inputId]=\"(field.id || field.name)\"\n    [name]=\"field.name\"\n    [options]=\"isFunction(field.options) ? field.options() : field.options\"\n    [placeholder]=\"field.placeholder || ' '\"\n    [formControl]=\"formControl\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    [showClear]=\"field.showClear\"\n    dataKey=\"{{field.dataKey}}\"\n    optionLabel=\"{{field.optionLabel}}\"\n    [autoDisplayFirst]=\"field.autoDisplayFirst\"\n    [appendTo]=\"field.appendTo || 'body'\"\n    (onClick)=\"field.onClick ? field.onClick($event) : null\"\n    (onChange)=\"field.onChange ? field.onChange($event) : null\">\n</p-dropdown>\n<p-multiSelect\n    *ngIf=\"field.multiple\"\n    [formControl]=\"formControl\"\n    [name]=\"field.name\"\n    [inputId]=\"(field.id || field.name)\"\n    [options]=\"isFunction(field.options) ? field.options() : field.options\"\n    [defaultLabel]=\"field.placeholder\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [emptyFilterMessage]=\"field.emptyMessage || 'platform.angular_components.no_records_found' | translate\"\n    [showDelay]=\"500\"\n    [selectedItemsLabel]=\"field.multipleSelectedLabel || 'platform.angular_components.total_records_selected' | translate\"\n    [appendTo]=\"field.appendTo || 'body'\"\n    (onClick)=\"field.onClick ? field.onClick($event) : null\"\n    (onChange)=\"field.onChange ? field.onChange($event) : null\">\n</p-multiSelect>\n\n"
+            })
+        ], SelectFieldComponent);
+        return SelectFieldComponent;
+    }(BaseFieldComponent));
+
+    var SliderFieldComponent = /** @class */ (function (_super) {
+        __extends(SliderFieldComponent, _super);
+        function SliderFieldComponent() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.onChange = new core.EventEmitter();
+            _this.onSlideEnd = new core.EventEmitter();
+            _this.ngUnsubscribe = new rxjs.Subject();
             return _this;
         }
-        DynamicGrid.prototype.createComponent = function (resolver, container) {
-            var componentFactory = resolver.resolveComponentFactory(this.getComponent());
-            var component = container.createComponent(componentFactory);
-            component.instance.config = this.config;
-            component.instance.group = this.group;
-            component.instance.errorMessages = this.errorMessages;
-            return component;
-        };
-        DynamicGrid.prototype.updateVariables = function (component) {
-            component.instance.config = this.config;
-            component.instance.group = this.group;
+        SliderFieldComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            var _a, _b;
+            this.onChange.pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function (event) {
+                if (_this.field.onChange) {
+                    _this.field.onChange(event);
+                }
+            });
+            this.onSlideEnd.pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function (event) {
+                if (_this.field.onSlideEnd) {
+                    _this.field.onSlideEnd(event);
+                }
+            });
+            var values = ((_a = this.field) === null || _a === void 0 ? void 0 : _a.range) ? [this.field.min, this.field.max] : this.field.min;
+            this.formControl.setValue((_b = this.field.defaultValue) !== null && _b !== void 0 ? _b : values);
         };
-        DynamicGrid.prototype.getComponent = function () {
-            switch (this.config.type) {
-                case GridType.Row:
-                    return RowComponent;
-                default:
-                    throw new Error("Trying to use an unsupported type (" + this.config.type + ").");
-            }
+        SliderFieldComponent.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
         };
-        return DynamicGrid;
-    }(DynamicForm));
-
-    var DynamicFormDirective = /** @class */ (function () {
-        function DynamicFormDirective(resolver, container) {
-            this.resolver = resolver;
-            this.container = container;
-        }
-        Object.defineProperty(DynamicFormDirective.prototype, "sDynamicForm", {
-            set: function (context) {
-                var id = context.id, config = context.config, group = context.group, errorMessages = context.errorMessages;
-                this.id = id;
-                this.config = config;
-                this.group = group;
-                this.errorMessages = errorMessages;
+        Object.defineProperty(SliderFieldComponent.prototype, "fieldType", {
+            get: function () {
+                return exports.FieldType;
             },
             enumerable: true,
             configurable: true
         });
-        DynamicFormDirective.prototype.ngOnInit = function () {
-            if (this.isField()) {
-                if (!(this.config.id) && this.id) {
-                    this.config.id = this.id + "-" + this.config.name;
-                }
-                this.directiveConfig = new DynamicField({
-                    group: this.group,
-                    field: this.config,
-                    errorMessages: this.errorMessages,
-                });
-            }
-            else if (this.isStructure()) {
-                this.directiveConfig = new DynamicStructure({
-                    group: this.group,
-                    config: this.config,
-                    errorMessages: this.errorMessages,
-                });
+        SliderFieldComponent.prototype.getRangeLabel = function () {
+            var _a, _b, _c, _d;
+            var _e = __read((_a = this.formControl.value) !== null && _a !== void 0 ? _a : [0, 0], 2), value0 = _e[0], value1 = _e[1];
+            var prefix = (_b = this.field.prefix) !== null && _b !== void 0 ? _b : '';
+            var suffix = (_c = this.field.suffix) !== null && _c !== void 0 ? _c : '';
+            var separator = (_d = this.field.rangeSeparator) !== null && _d !== void 0 ? _d : ' - ';
+            if (!value0 || value0 < this.field.min) {
+                value0 = this.field.min;
             }
-            else if (this.isGrid()) {
-                this.directiveConfig = new DynamicGrid({
-                    group: this.group,
-                    config: this.config,
-                    errorMessages: this.errorMessages,
-                });
+            if (!value1 || value1 > this.field.max) {
+                value1 = this.field.max;
             }
-            else
-                throw new Error("Trying to use an unsupported type (" + this.config.type + ").");
-            this.component = this.directiveConfig.createComponent(this.resolver, this.container);
-            this.component.instance.id = this.id;
-            this.component.instance.errorMessages = this.errorMessages;
+            return "" + prefix + value0 + suffix + separator + prefix + value1 + suffix;
         };
-        DynamicFormDirective.prototype.ngOnChanges = function () {
-            if (this.component) {
-                this.directiveConfig.updateVariables(this.component);
-                this.component.instance.errorMessages = this.errorMessages;
+        SliderFieldComponent.prototype.getNonRangeLabel = function () {
+            var _a, _b, _c;
+            var value = (_a = this.formControl) === null || _a === void 0 ? void 0 : _a.value;
+            var prefix = (_b = this.field.prefix) !== null && _b !== void 0 ? _b : '';
+            var suffix = (_c = this.field.suffix) !== null && _c !== void 0 ? _c : '';
+            if (!value || value < this.field.min) {
+                value = this.field.min;
+            }
+            if (value > this.field.max) {
+                value = this.field.max;
             }
+            return "" + prefix + value + suffix;
         };
-        DynamicFormDirective.prototype.isField = function () {
-            return exports.FieldType[this.config.type];
+        Object.defineProperty(SliderFieldComponent.prototype, "label", {
+            get: function () {
+                return this.field.range ? this.getRangeLabel() : this.getNonRangeLabel();
+            },
+            enumerable: true,
+            configurable: true
+        });
+        __decorate([
+            core.Input()
+        ], SliderFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], SliderFieldComponent.prototype, "formControl", void 0);
+        __decorate([
+            core.Output()
+        ], SliderFieldComponent.prototype, "onChange", void 0);
+        __decorate([
+            core.Output()
+        ], SliderFieldComponent.prototype, "onSlideEnd", void 0);
+        SliderFieldComponent = __decorate([
+            core.Component({
+                template: "<ng-container>\n    <div class=\"slider-group\">\n        <div class=\"slider-label\">\n            <span>{{label}}</span>\n        </div>\n        <p-slider \n            [id]=\"(field.id || field.name)\"\n            [formControl]=\"formControl\"\n            [range]=\"field.range\"\n            [orientation]=\"field.orientation\"\n            [min]=\"field.min\" \n            [max]=\"field.max\"\n            [step]=\"field.step\"\n            [animate]=\"field.animate\" \n            (onChange)=\"field.onChange ? field.onChange($event) : null\"\n            (onSlideEnd)=\"field.onSlideEnd ? field.onSlideEnd($event) : null\">\n        </p-slider>\n    </div>\n</ng-container>",
+                styles: [".slider-label{margin-bottom:5px;margin-left:-10px}.slider-group{margin-left:9px;margin-right:11px}"]
+            })
+        ], SliderFieldComponent);
+        return SliderFieldComponent;
+    }(BaseFieldComponent));
+
+    var TextAreaFieldComponent = /** @class */ (function () {
+        function TextAreaFieldComponent() {
+        }
+        __decorate([
+            core.Input()
+        ], TextAreaFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], TextAreaFieldComponent.prototype, "formControl", void 0);
+        TextAreaFieldComponent = __decorate([
+            core.Component({
+                template: "<textarea\n    [id]=\"(field.id || field.name)\"\n    *ngIf=\"!field.keyFilter\"\n    pInputTextarea\n    [rows]=\"field.rows\"\n    [cols]=\"field.cols\"\n    [formControl]=\"formControl\"\n    style=\"resize: vertical;\"\n    [ngStyle]=\"field.style\"\n></textarea>\n<textarea\n    [id]=\"(field.id || field.name)\"\n    *ngIf=\"field.keyFilter\"\n    pInputTextarea\n    [rows]=\"field.rows\"\n    [cols]=\"field.cols\"\n    [formControl]=\"formControl\"\n    style=\"resize: vertical;\"\n    [pKeyFilter]=\"field.keyFilter\"\n    [ngStyle]=\"field.style\"\n></textarea>\n"
+            })
+        ], TextAreaFieldComponent);
+        return TextAreaFieldComponent;
+    }());
+
+    var TextAreaIAFieldComponent = /** @class */ (function () {
+        function TextAreaIAFieldComponent(_iassistService, _formBuilder, _translateService) {
+            this._iassistService = _iassistService;
+            this._formBuilder = _formBuilder;
+            this._translateService = _translateService;
+            this.isVisible = false;
+            this.isLoading = false;
+        }
+        TextAreaIAFieldComponent.prototype.ngOnInit = function () {
+            this._createDialogFields();
+            this._createDialogFormGroup();
         };
-        DynamicFormDirective.prototype.isStructure = function () {
-            return StructureType[this.config.type];
+        TextAreaIAFieldComponent.prototype.showDialog = function () {
+            this.isVisible = true;
+        };
+        TextAreaIAFieldComponent.prototype.onHideDialog = function () {
+            this.formGroup.get("context").setValue("");
+        };
+        TextAreaIAFieldComponent.prototype.hideDialog = function () {
+            this.isVisible = false;
+        };
+        TextAreaIAFieldComponent.prototype.submitContext = function () {
+            var _this = this;
+            var context = this.formGroup.get("context");
+            this.isLoading = true;
+            this._iassistService.askIA(context.value, {
+                id: this.field.id,
+                label: this.field.label,
+                placeholder: this.field.placeholder,
+            })
+                .pipe(operators.catchError(function (err) {
+                _this.isLoading = false;
+                return rxjs.throwError(err);
+            }))
+                .subscribe(function (res) {
+                _this.formControl.setValue(res.text);
+                _this.isLoading = false;
+            });
+            this.hideDialog();
+        };
+        TextAreaIAFieldComponent.prototype._createDialogFields = function () {
+            this.fields = [
+                new FormField({
+                    name: "context",
+                    type: exports.FieldType.String,
+                    label: this._translateService.instant("platform.angular_components.context"),
+                    size: { sm: 12, md: 12, lg: 12, xl: 12 },
+                }),
+            ];
         };
-        DynamicFormDirective.prototype.isGrid = function () {
-            return GridType[this.config.type];
+        TextAreaIAFieldComponent.prototype._createDialogFormGroup = function () {
+            this.formGroup = this._formBuilder.group({
+                context: [""],
+            });
         };
-        DynamicFormDirective.ctorParameters = function () { return [
-            { type: core.ComponentFactoryResolver },
-            { type: core.ViewContainerRef }
+        TextAreaIAFieldComponent.ctorParameters = function () { return [
+            { type: IAssistService },
+            { type: forms.FormBuilder },
+            { type: core$1.TranslateService }
         ]; };
         __decorate([
             core.Input()
-        ], DynamicFormDirective.prototype, "sDynamicForm", null);
+        ], TextAreaIAFieldComponent.prototype, "field", void 0);
         __decorate([
-            core.Input("sDynamicFormDisplayTimeInfoSign")
-        ], DynamicFormDirective.prototype, "displayTimeInfoSign", void 0);
-        DynamicFormDirective = __decorate([
-            core.Directive({ selector: "[sDynamicForm]" })
-        ], DynamicFormDirective);
-        return DynamicFormDirective;
+            core.Input()
+        ], TextAreaIAFieldComponent.prototype, "formControl", void 0);
+        TextAreaIAFieldComponent = __decorate([
+            core.Component({
+                template: "<s-loading-state\n    [loading]=\"isLoading\"\n    [blockWindow]=\"true\">    \n</s-loading-state>\n\n<p-dialog\n    [(visible)]=\"isVisible\"\n    [modal]=\"true\"\n    [style]=\"{ width: '50vw' }\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    (onHide)=\"onHideDialog()\">\n    <p-header>\n        <div class=\"dialog-header\">\n            <span class=\"iassist-icon\">\n                <ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container>\n            </span>\n            {{ 'platform.angular_components.iassist_text_generator' | translate }}\n        </div>\n    </p-header>\n    <s-dynamic-form\n        [fields]=\"fields\"\n        [form]=\"formGroup\">\n    </s-dynamic-form>\n    <p-footer>\n        <div class=\"footer-content\">\n            <s-button\n                id=\"-submit-button\"\n                type=\"button\"\n                [label]=\"'platform.angular_components.generate_text' | translate\"\n                (onClick)=\"submitContext()\"\n                sTooltip=\"(ALT + SHIFT + S)\"\n                showDelay=\"500\">\n            </s-button>\n            <s-button\n                id=\"-cancel-button\"\n                type=\"button\"\n                priority=\"link\"\n                [label]=\"'platform.angular_components.cancel' | translate\"\n                (onClick)=\"hideDialog()\"\n                sTooltip=\"(ALT + SHIFT + C)\"\n                showDelay=\"500\">\n            </s-button>\n        </div>\n    </p-footer>\n</p-dialog>\n\n<div class=\"textarea-ia\">\n    <textarea\n        [id]=\"(field.id || field.name)\"\n        pInputTextarea\n        [rows]=\"field.rows\"\n        [cols]=\"field.cols\"\n        [formControl]=\"formControl\"\n        style=\"resize: vertical;\"\n        [ngStyle]=\"field.style\">\n    </textarea>\n    <button\n        class=\"iassist-button\"\n        (click)=\"showDialog()\"\n        [sTooltip]=\"'platform.angular_components.iassist_text_generator' | translate\">\n        <ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container>\n    </button>\n</div>\n\n<ng-template #iassistIcon>\n    <svg style=\"width: 100%; height: 100%;\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M5.81451 18.1054L5.99593 17.6059L7.52166 13.4099L7.60877 13.1726L7.61277 13.1614L7.94285 12.2543L8.01159 12.0648L8.05394 11.949L5.2998 8.52426L5.02726 8.18379C5.00569 8.15821 4.9881 8.13104 4.97292 8.10226C4.90099 7.9632 4.85063 7.81294 4.82186 7.6531C4.73075 7.1344 4.90418 6.60771 5.28382 6.24326C5.29421 6.23447 5.3038 6.22567 5.31419 6.21688L5.47164 6.0914L9.3439 3.00238L9.5469 2.84094L9.57088 2.82096L10.4101 2.15041L11.8007 1.04188C11.2181 0.925188 10.6163 0.863647 10.0001 0.863647C4.95374 0.863647 0.863281 4.9541 0.863281 9.99963C0.863281 13.5346 2.87254 16.5989 5.80971 18.1182\" fill=\"#0FA389\"/>\n        <path d=\"M14.099 1.83472L13.9495 2.24632L11.997 7.61074L11.9427 7.7594L11.9003 7.87369L14.7448 11.4103C14.7463 11.4127 14.7479 11.4143 14.7495 11.4167L14.9414 11.654C14.9541 11.67 14.9661 11.6868 14.9765 11.7044C15.0764 11.8698 15.1444 12.0505 15.1779 12.2431C15.273 12.7826 15.0812 13.3284 14.676 13.6897C14.656 13.7129 14.6345 13.7344 14.6105 13.7536L11.8563 15.9507L11.6789 16.0922L11.6022 16.1537L10.7406 16.8402V16.841L10.3937 17.1176L9.85747 17.5452L9.39951 17.9112L8.11035 18.9398C8.72016 19.0677 9.35155 19.1364 9.99973 19.1364C15.0461 19.1364 19.1365 15.046 19.1365 9.99964C19.1365 6.42789 17.0857 3.33727 14.099 1.83472Z\" fill=\"#0FA389\"/>\n        <path d=\"M14.7287 12.3222C14.7047 12.1832 14.6551 12.0545 14.5864 11.941L14.3954 11.7036C14.3954 11.7036 14.3946 11.7028 14.3938 11.7028L11.3839 7.96005L10.5031 6.86511L10.4256 6.7676L9.03255 5.03487L8.83674 4.79191C8.79278 4.71678 8.75681 4.63446 8.73204 4.54814C8.72085 4.51058 8.71286 4.47222 8.70566 4.43465C8.68568 4.32196 8.68408 4.21007 8.69847 4.10217L8.62334 4.16291L8.44511 4.30438L5.75731 6.44871L5.60066 6.57339C5.34011 6.82275 5.20584 7.19279 5.27218 7.57482C5.29296 7.68751 5.32892 7.79541 5.37927 7.89292C5.37927 7.89292 5.37927 7.89292 5.38007 7.89371L5.6566 8.23818L8.57139 11.8627L8.63293 11.9394L9.53047 13.0559L9.59041 13.1303L9.98363 13.6186L11.0178 14.9046C11.0186 14.9054 11.0194 14.9069 11.0202 14.9077L11.1361 15.0516V15.0524C11.2184 15.1755 11.2768 15.317 11.3048 15.4728C11.3239 15.5807 11.3263 15.6878 11.3143 15.7925L11.3175 15.7965L11.3943 15.735L11.5717 15.5935L14.3266 13.3964L14.3218 13.3908C14.6335 13.1438 14.8022 12.7394 14.7287 12.3222Z\" fill=\"#F3F3F5\"/>\n        <path d=\"M10.6822 15.0082C10.6814 15.0074 10.6806 15.0058 10.6806 15.005L10.5672 14.8643L10.3809 14.6325L10.3282 14.567L10.2211 14.4335L9.40028 13.4129L9.32835 13.3242L8.77289 12.6345L8.68098 12.5194L8.44121 12.2205L8.37168 12.4099L8.04159 13.317L8.0376 13.329L7.95128 13.5664L6.42475 17.7623L6.24333 18.2618L5.90605 19.1881L5.73262 19.6645C5.73182 19.6661 5.73102 19.6677 5.73102 19.6685C5.72863 19.6749 5.72703 19.6821 5.72543 19.6885C5.71584 19.7228 5.71424 19.758 5.72063 19.7948C5.74461 19.929 5.87329 20.0193 6.00836 19.9962C6.04112 19.9898 6.07229 19.9778 6.09867 19.9602C6.09867 19.9602 6.09947 19.9602 6.10027 19.9594L6.14103 19.9266L7.39422 18.9268L9.11496 17.5537L9.57292 17.1877L10.1092 16.7601L10.4561 16.4827L10.4537 16.4811C10.7582 16.2382 10.9236 15.8402 10.8509 15.4294C10.8237 15.2735 10.7654 15.1313 10.6822 15.0082Z\" fill=\"#0C847B\"/>\n        <path d=\"M9.17644 4.56325C9.2124 4.68713 9.26915 4.80062 9.34268 4.90053C9.34348 4.90053 9.34428 4.90213 9.34428 4.90213L9.40342 4.97645C9.40502 4.97805 9.40582 4.97885 9.40662 4.98045L9.56806 5.17946L9.64878 5.28096L9.67915 5.31932L9.8414 5.51993L10.5559 6.40947L10.7054 6.59569L11.2169 7.23188L11.5142 7.60192L11.5693 7.45247L13.5202 2.08964L14.1596 0.332135C14.1596 0.330536 14.1604 0.328139 14.1612 0.32654C14.174 0.288177 14.1772 0.246617 14.17 0.205058C14.1468 0.0699879 14.0182 -0.0195258 13.8823 0.00365186C13.8407 0.0116442 13.8024 0.028428 13.7712 0.0540033L12.578 1.00589L12.498 1.06982L10.6958 2.50844L9.85658 3.17819L9.8326 3.19737L9.6296 3.35961L9.45297 3.50028C9.2116 3.73925 9.08692 4.08931 9.15006 4.44976C9.15726 4.48813 9.16525 4.52649 9.17644 4.56325Z\" fill=\"#0C847B\"/>\n    </svg>\n</ng-template>",
+                styles: [".footer-content{display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0}.textarea-ia{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;gap:8px}.iassist-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:none;border-radius:50%;box-shadow:none;cursor:pointer;height:32px;width:32px}.dialog-header{display:-ms-flexbox;display:flex;gap:12px}.dialog-header .iassist-icon{display:block;height:24px;width:24px}"]
+            })
+        ], TextAreaIAFieldComponent);
+        return TextAreaIAFieldComponent;
     }());
 
-    var LongPressDirective = /** @class */ (function () {
-        function LongPressDirective() {
-            this.sLongPressDelay = 500;
-            this.sLongPress = new core.EventEmitter();
-            this.mouseUp = new rxjs.Subject();
-            this.mouseDown = new rxjs.Subject();
-            this.ngUnsubscribe = new rxjs.Subject();
+    var TextFieldComponent = /** @class */ (function (_super) {
+        __extends(TextFieldComponent, _super);
+        function TextFieldComponent() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.onInput = new core.EventEmitter();
+            _this.onFocus = new core.EventEmitter();
+            _this.onComplete = new core.EventEmitter();
+            _this.ngUnsubscribe = new rxjs.Subject();
+            return _this;
         }
-        LongPressDirective.prototype.onMouseUp = function (event) {
-            this.mouseUp.next(event);
-        };
-        LongPressDirective.prototype.onMouseDown = function (event) {
-            this.mouseDown.next(event);
-        };
-        LongPressDirective.prototype.ngOnInit = function () {
+        TextFieldComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.mouseDown
-                .pipe(operators.debounceTime(this.sLongPressDelay), operators.takeUntil(this.mouseUp), operators.repeat(), operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) { return _this.sLongPress.emit(event); });
+            this.onFocus.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+                if (_this.field.onFocus)
+                    _this.field.onFocus(event);
+            });
+            this.onInput.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+                if (_this.field.onInput)
+                    _this.field.onInput(event);
+            });
+            this.onComplete.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+                if (_this.field.onComplete)
+                    _this.field.onComplete(event);
+            });
         };
-        LongPressDirective.prototype.ngOnDestroy = function () {
+        TextFieldComponent.prototype.ngOnDestroy = function () {
             this.ngUnsubscribe.next();
             this.ngUnsubscribe.complete();
         };
         __decorate([
             core.Input()
-        ], LongPressDirective.prototype, "sLongPressDelay", void 0);
+        ], TextFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], TextFieldComponent.prototype, "formControl", void 0);
         __decorate([
             core.Output()
-        ], LongPressDirective.prototype, "sLongPress", void 0);
+        ], TextFieldComponent.prototype, "onInput", void 0);
         __decorate([
-            core.HostListener("mouseup", ["$event"]),
-            core.HostListener("touchend", ["$event"])
-        ], LongPressDirective.prototype, "onMouseUp", null);
+            core.Output()
+        ], TextFieldComponent.prototype, "onFocus", void 0);
         __decorate([
-            core.HostListener("mousedown", ["$event"]),
-            core.HostListener("touchstart", ["$event"])
-        ], LongPressDirective.prototype, "onMouseDown", null);
-        LongPressDirective = __decorate([
-            core.Directive({
-                selector: "[sLongPress]",
+            core.Output()
+        ], TextFieldComponent.prototype, "onComplete", void 0);
+        TextFieldComponent = __decorate([
+            core.Component({
+                template: "<p-inputMask\n    *ngIf=\"field.mask; else noMask\"\n    [type]=\"field.inputType || 'text'\"\n    [inputId]=\"(field.id || field.name)\"\n    [name]=\"field.name\"\n    [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n    [placeholder]=\"field.placeholder\"\n    slotChar=\"_\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    styleClass=\"mousetrap\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    (onFocus)=\"onFocus.next($event)\"\n    (onComplete)=\"onComplete.next($event)\"\n    (onInput)=\"onInput.next($event)\"\n    [formControl]=\"formControl\">\n</p-inputMask>\n<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.leftAddon.label\">{{field.leftAddon.label}}</span>\n                    <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n                </span>\n            </ng-container>\n            <ng-container *ngTemplateOutlet=\"field.keyFilter ? inputKeyFilter : input\"></ng-container>\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.rightAddon.label\">{{field.rightAddon.label}}</span>\n                    <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n                </span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n<ng-template #input>\n    <input\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\" />\n</ng-template>\n<ng-template #inputKeyFilter>\n    <input\n        #inputText\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [pKeyFilter]=\"field.keyFilter\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\" />\n</ng-template>\n",
+                encapsulation: core.ViewEncapsulation.None,
+                styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}"]
             })
-        ], LongPressDirective);
-        return LongPressDirective;
-    }());
+        ], TextFieldComponent);
+        return TextFieldComponent;
+    }(BaseFieldComponent));
 
-    var DoubleClickDirective = /** @class */ (function () {
-        function DoubleClickDirective() {
-            this.onDoubleClick = new core.EventEmitter();
-            this._timeout = null;
-            this._DOUBLE_CLICK_DELAY = 500;
+    var RowComponent = /** @class */ (function () {
+        function RowComponent() {
         }
-        DoubleClickDirective.prototype.onClick = function (event) {
-            this.handleOnClickEvent(event);
-        };
-        DoubleClickDirective.prototype.handleOnClickEvent = function (event) {
-            var _this = this;
-            if (this._timeout) {
-                this.clearTimeout();
-                this.onDoubleClick.emit(event);
-            }
-            else {
-                this._timeout = setTimeout(function () { return _this.clearTimeout(); }, this._DOUBLE_CLICK_DELAY);
-            }
+        RowComponent.prototype.ngOnInit = function () { };
+        RowComponent.prototype.getErrorMessages = function (errorMessages) {
+            if (errorMessages)
+                return this.isFunction(errorMessages) ? errorMessages() : errorMessages;
+            return this.errorMessages;
         };
-        DoubleClickDirective.prototype.clearTimeout = function () {
-            clearTimeout(this._timeout);
-            this._timeout = null;
+        RowComponent.prototype.isFunction = function (value) {
+            return value instanceof Function;
         };
         __decorate([
-            core.Output()
-        ], DoubleClickDirective.prototype, "onDoubleClick", void 0);
+            core.Input()
+        ], RowComponent.prototype, "id", void 0);
         __decorate([
-            core.HostListener("click", ["$event"])
-        ], DoubleClickDirective.prototype, "onClick", null);
-        DoubleClickDirective = __decorate([
-            core.Directive({
-                selector: '[sDoubleClick]'
-            })
-        ], DoubleClickDirective);
-        return DoubleClickDirective;
-    }());
-
-    var MouseEventsModule = /** @class */ (function () {
-        function MouseEventsModule() {
-        }
-        MouseEventsModule = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule],
-                declarations: [
-                    LongPressDirective,
-                    DoubleClickDirective
-                ],
-                exports: [
-                    LongPressDirective,
-                    DoubleClickDirective
-                ],
-            })
-        ], MouseEventsModule);
-        return MouseEventsModule;
-    }());
-
-
-    (function (PasswordStrengths) {
-        PasswordStrengths["VeryWeak"] = "Very_weak";
-        PasswordStrengths["Weak"] = "weak";
-        PasswordStrengths["Medium"] = "medium";
-        PasswordStrengths["Strong"] = "strong";
-    })(exports.PasswordStrengths || (exports.PasswordStrengths = {}));
-
-
-    (function (PasswordStrengthPositions) {
-        PasswordStrengthPositions["Top"] = "top";
-        PasswordStrengthPositions["Right"] = "right";
-        PasswordStrengthPositions["Left"] = "left";
-    })(exports.PasswordStrengthPositions || (exports.PasswordStrengthPositions = {}));
-
-    var PasswordStrengthComponent = /** @class */ (function () {
-        function PasswordStrengthComponent() {
-            this.weakTitle = "Fraca";
-            this.mediumTitle = "Médio";
-            this.strongTitle = "Forte";
-            this.position = exports.PasswordStrengthPositions.Right;
-            this.left = 0;
-            this.top = 0;
-            this.visible = false;
-        }
-        PasswordStrengthComponent.prototype.ngOnInit = function () {
-            this.title = this.weakTitle;
-        };
-        PasswordStrengthComponent.prototype.setPasswordStrengthPosition = function () {
-            var passwordStrength = document.querySelector(".password-strength");
-            switch (this.position) {
-                case exports.PasswordStrengthPositions.Top:
-                    passwordStrength.classList.add("password-strength--top");
-                    break;
-                case exports.PasswordStrengthPositions.Right:
-                    passwordStrength.classList.add("password-strength--right");
-                    break;
-                case exports.PasswordStrengthPositions.Left:
-                    passwordStrength.classList.add("password-strength--left");
-                    break;
-            }
-        };
-        PasswordStrengthComponent.prototype.updateIndicators = function (passwordStrength) {
-            var strengthIndicator1 = document.querySelector("#strength-indicator-1");
-            var strengthIndicator2 = document.querySelector("#strength-indicator-2");
-            var strengthIndicator3 = document.querySelector("#strength-indicator-3");
-            var onIndicators = [];
-            var indicators = [
-                strengthIndicator1,
-                strengthIndicator2,
-                strengthIndicator3,
-            ];
-            var strengthClass;
-            switch (passwordStrength) {
-                case exports.PasswordStrengths.VeryWeak:
-                    this.title = this.weakTitle;
-                    break;
-                case exports.PasswordStrengths.Weak:
-                    this.title = this.weakTitle;
-                    strengthClass = "strength-indicator--weak";
-                    onIndicators.push(strengthIndicator1);
-                    break;
-                case exports.PasswordStrengths.Medium:
-                    this.title = this.mediumTitle;
-                    strengthClass = "strength-indicator--medium";
-                    onIndicators.push(strengthIndicator1);
-                    onIndicators.push(strengthIndicator2);
-                    break;
-                case exports.PasswordStrengths.Strong:
-                    this.title = this.strongTitle;
-                    strengthClass = "strength-indicator--strong";
-                    onIndicators.push(strengthIndicator1);
-                    onIndicators.push(strengthIndicator2);
-                    onIndicators.push(strengthIndicator3);
-                    break;
-            }
-            indicators.forEach(function (indicator) {
-                indicator.classList.remove("strength-indicator--weak", "strength-indicator--medium", "strength-indicator--strong");
-            });
-            onIndicators.forEach(function (indicator) {
-                indicator.classList.add(strengthClass);
-            });
+            core.Input()
+        ], RowComponent.prototype, "config", void 0);
+        __decorate([
+            core.Input()
+        ], RowComponent.prototype, "group", void 0);
+        __decorate([
+            core.Input()
+        ], RowComponent.prototype, "errorMessages", void 0);
+        RowComponent = __decorate([
+            core.Component({
+                template: "\n        <div class=\"ui-fluid\" [formGroup]=\"group\">\n        <div class=\"ui-g\">\n            <ng-container *ngFor=\"let field of config.fields\">\n                <div [ngClass]=\"field.gridClass\" *ngIf=\"field.visible()\">\n                    <label\n                        [for]=\"field.name\"\n                        [ngClass]=\"{ 'required': field.required() }\"\n                        *sInfoSign=\"field.infoSign\"\n                        >\n                            {{ field.label }}\n                    </label>\n                    <ng-container *sDynamicForm=\"{ id: id, config: field, group: group}\"></ng-container>\n                    <s-control-errors [form]=\"group\" [control]=\"group.controls[field.name]\"\n                        [errorMessages]=\"getErrorMessages(field.errorMessages)\"></s-control-errors>\n                    <ng-template *ngIf=\"field?.bottomTemplate\" [ngTemplateOutlet]=\"field.bottomTemplate\"></ng-template>\n                </div>\n            </ng-container>\n        </div>\n    "
+            })
+        ], RowComponent);
+        return RowComponent;
+    }());
+
+    var DynamicFieldComponent = /** @class */ (function () {
+        function DynamicFieldComponent() {
+        }
+        DynamicFieldComponent.prototype.getErrorMessages = function (errorMessages) {
+            if (errorMessages)
+                return this.isFunction(errorMessages)
+                    ? __assign(__assign({}, this.errorMessages), errorMessages()) : __assign(__assign({}, this.errorMessages), errorMessages);
+            return this.errorMessages;
+        };
+        DynamicFieldComponent.prototype.isFunction = function (value) {
+            return value instanceof Function;
         };
         __decorate([
             core.Input()
-        ], PasswordStrengthComponent.prototype, "weakTitle", void 0);
+        ], DynamicFieldComponent.prototype, "id", void 0);
         __decorate([
             core.Input()
-        ], PasswordStrengthComponent.prototype, "mediumTitle", void 0);
+        ], DynamicFieldComponent.prototype, "fields", void 0);
         __decorate([
             core.Input()
-        ], PasswordStrengthComponent.prototype, "strongTitle", void 0);
+        ], DynamicFieldComponent.prototype, "form", void 0);
         __decorate([
             core.Input()
-        ], PasswordStrengthComponent.prototype, "description", void 0);
-        PasswordStrengthComponent = __decorate([
+        ], DynamicFieldComponent.prototype, "errorMessages", void 0);
+        __decorate([
+            core.Input()
+        ], DynamicFieldComponent.prototype, "displayTimeInfoSign", void 0);
+        DynamicFieldComponent = __decorate([
             core.Component({
-                template: "<div\n   class=\"password-strength\"\n   [ngStyle]=\"{\n      'left': left + 'px',\n      'top': top + 'px'\n   }\"\n   [ngClass]=\"['password-strength--' + position]\">\n   <span class=\"title\">{{ title }}</span>\n   <div class=\"strength-indicators\">\n      <span class=\"strength-indicator\" id=\"strength-indicator-1\"></span>\n      <span class=\"strength-indicator\" id=\"strength-indicator-2\"></span>\n      <span class=\"strength-indicator\" id=\"strength-indicator-3\"></span>\n   </div>\n   <span class=\"content\">{{ description }}</span>\n</div>",
-                styles: [".password-strength{position:fixed;transform:translateX(-50%);background-color:#fff;border-radius:2px;box-shadow:0 0 5px 1px #ccc;padding:10px;width:232px;z-index:99999}.password-strength::after{content:\"\";position:absolute}.password-strength .title{font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:700;line-height:150%}.password-strength .strength-indicators{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0}.password-strength .strength-indicators .strength-indicator{background-color:#ccc;border-radius:2px;display:inline-block;height:3px;width:64px}.password-strength .strength-indicators .strength-indicator--weak{background-color:#c13018}.password-strength .strength-indicators .strength-indicator--medium{background-color:#fcbf10}.password-strength .strength-indicators .strength-indicator--strong{background-color:#0c9348}.password-strength .content{font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:400;line-height:150%}.password-strength--top{transform:translate(-50%,-100%)}.password-strength--top::after{top:100%;right:calc(50% - 4px);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}.password-strength--right{transform:translateY(-50%)}.password-strength--right::after{bottom:calc(50% - 8px);left:-8px;border-top:8px solid transparent;border-right:8px solid #fff;border-bottom:8px solid transparent}.password-strength--left{transform:translate(-100%,-50%)}.password-strength--left::after{bottom:calc(50% - 8px);right:-8px;border-top:8px solid transparent;border-left:8px solid #fff;border-bottom:8px solid transparent}"]
+                selector: "s-dynamic-field",
+                template: "<div class=\"ui-fluid\" [formGroup]=\"form\">\n    <div class=\"ui-g\">\n        <ng-container *ngFor=\"let field of fields\">\n            <div\n                *ngIf=\"!field.visible || field.visible()\"\n                [ngClass]=\"field.gridClass\">\n                <span *ngIf=\"field.label\">\n                    <label\n                        *sInfoSign=\"field.infoSign; displayTime: displayTimeInfoSign\"\n                        [for]=\"field.name\"\n                        [ngClass]=\"{ 'required': field.required() }\">\n                        {{ field.label }}\n                    </label>\n                </span>\n                <ng-container *sDynamicForm=\"{\n                    id: id,\n                    config: field,\n                    group: form\n                }\">\n                </ng-container>\n                <s-control-errors\n                    [form]=\"form\"\n                    [control]=\"form.controls[field.name]\"\n                    [errorMessages]=\"getErrorMessages(field.errorMessages)\">\n                </s-control-errors>\n                <ng-template\n                    *ngIf=\"field?.bottomTemplate\"\n                    [ngTemplateOutlet]=\"field.bottomTemplate\">\n                </ng-template>\n            </div>\n        </ng-container>\n    </div>\n</div>"
             })
-        ], PasswordStrengthComponent);
-        return PasswordStrengthComponent;
+        ], DynamicFieldComponent);
+        return DynamicFieldComponent;
     }());
 
-    var PasswordStrengthDirective = /** @class */ (function () {
-        function PasswordStrengthDirective(elementRef, appRef, componentFactoryResolver, injector) {
-            this.elementRef = elementRef;
-            this.appRef = appRef;
-            this.componentFactoryResolver = componentFactoryResolver;
-            this.injector = injector;
-            this.enabled = true;
-            this.position = exports.PasswordStrengthPositions.Right;
-            this.componentRef = null;
+    var GridType;
+    (function (GridType) {
+        GridType["Row"] = "Row";
+    })(GridType || (GridType = {}));
+
+    var StructureType;
+    (function (StructureType) {
+        StructureType["Fieldset"] = "Fieldset";
+        StructureType["Section"] = "Section";
+    })(StructureType || (StructureType = {}));
+
+    var DynamicForm = /** @class */ (function () {
+        function DynamicForm(_a) {
+            var group = _a.group, errorMessages = _a.errorMessages;
+            this.group = group;
+            this.errorMessages = errorMessages;
         }
-        PasswordStrengthDirective.prototype.ngOnInit = function () {
-            this.validateProperties();
-        };
-        PasswordStrengthDirective.prototype.onFocus = function () {
-            var _a, _b, _c;
-            var content = (_a = this.elementRef.nativeElement.value) !== null && _a !== void 0 ? _a : "";
-            if (content) {
-                this.createPasswordStrength();
-                (_b = this.componentRef) === null || _b === void 0 ? void 0 : _b.instance.updateIndicators(this.validation(content));
-            }
-            else {
-                (_c = this.componentRef) === null || _c === void 0 ? void 0 : _c.instance.updateIndicators(exports.PasswordStrengths.VeryWeak);
+        return DynamicForm;
+    }());
+    var DynamicField = /** @class */ (function (_super) {
+        __extends(DynamicField, _super);
+        function DynamicField(_a) {
+            var group = _a.group, field = _a.field, errorMessages = _a.errorMessages;
+            var _this = _super.call(this, {
+                group: group,
+                errorMessages: errorMessages,
+            }) || this;
+            _this.field = field;
+            _this.setFieldPropertiesByType();
+            return _this;
+        }
+        DynamicField.prototype.setFieldPropertiesByType = function () {
+            if (this.field.type === exports.FieldType.Integer || this.field.type === exports.FieldType.Double) {
+                this.field.numberLocaleOptions.currencySymbol = "";
             }
         };
-        PasswordStrengthDirective.prototype.onBlur = function () {
-            this.destroyPasswordStrength();
+        DynamicField.prototype.createComponent = function (resolver, container) {
+            var componentFactory = resolver.resolveComponentFactory(this.getComponent());
+            var component = container.createComponent(componentFactory);
+            component.instance.field = this.field;
+            // Must be this way because some teams use name like "e070emp.codemp"
+            component.instance.formControl = this.group["controls"][this.field.name];
+            component.instance.errorMessages = this.errorMessages;
+            this.setVariablesByType(component);
+            return component;
         };
-        PasswordStrengthDirective.prototype.createPasswordStrength = function () {
-            if (this.enabled && this.componentRef === null) {
-                var componentFactory = this.componentFactoryResolver.resolveComponentFactory(PasswordStrengthComponent);
-                this.componentRef = componentFactory.create(this.injector);
-                this.appRef.attachView(this.componentRef.hostView);
-                var domElem = this.componentRef.hostView.rootNodes[0];
-                document.body.appendChild(domElem);
-                this.setPasswordStrengthComponentProperties();
-                this.showPasswordStrength();
+        DynamicField.prototype.setVariablesByType = function (component) {
+            if (this.field.type == exports.FieldType.Time) {
+                component.instance.timeOnly = true;
             }
-        };
-        PasswordStrengthDirective.prototype.showPasswordStrength = function () {
-            if (this.componentRef !== null) {
-                this.componentRef.instance.visible = true;
+            if ([exports.FieldType.LocalDateTime, exports.FieldType.DateTime, exports.FieldType.Time].includes(this.field.type)) {
+                component.instance.showTime = true;
             }
         };
-        PasswordStrengthDirective.prototype.setPasswordStrengthComponentProperties = function () {
-            if (this.componentRef != null) {
-                this.componentRef.instance.position = this.position;
-                this.componentRef.instance.weakTitle = this.weakTitle;
-                this.componentRef.instance.mediumTitle = this.mediumTitle;
-                this.componentRef.instance.strongTitle = this.strongTitle;
-                this.componentRef.instance.description = this.description;
-                var _a = this.elementRef.nativeElement.getBoundingClientRect(), top_1 = _a.top, right = _a.right, bottom = _a.bottom, left = _a.left;
-                var margin = 20;
-                var elementRefHeight = bottom - top_1;
-                var elementRefWidth = right - left;
-                var safeSpace = 150;
-                var positioned = false;
-                var invalidOptions = [];
-                while (!positioned) {
-                    if (invalidOptions.includes(exports.PasswordStrengthPositions.Top)
-                        && invalidOptions.includes(exports.PasswordStrengthPositions.Right)
-                        && invalidOptions.includes(exports.PasswordStrengthPositions.Left)) {
-                        this.destroyPasswordStrength();
-                        throw new Error("No space to show password strength");
-                    }
-                    switch (this.position) {
-                        case exports.PasswordStrengthPositions.Top: {
-                            var topShift = top_1;
-                            var rightShift = document.body.clientWidth - right;
-                            var leftShift = left;
-                            if (topShift <= elementRefHeight + safeSpace || rightShift < 50 || leftShift < 50) {
-                                this.position = exports.PasswordStrengthPositions.Right;
-                                invalidOptions.push(exports.PasswordStrengthPositions.Top);
-                                break;
-                            }
-                            this.componentRef.instance.top = Math.round(top_1 - margin);
-                            this.componentRef.instance.left = Math.round(elementRefWidth / 2 + left);
-                            positioned = true;
-                            break;
-                        }
-                        case exports.PasswordStrengthPositions.Right: {
-                            var rightShift = document.body.clientWidth - right;
-                            if (rightShift <= elementRefWidth + safeSpace) {
-                                this.position = exports.PasswordStrengthPositions.Left;
-                                invalidOptions.push(exports.PasswordStrengthPositions.Right);
-                                break;
-                            }
-                            this.componentRef.instance.top = Math.round(top_1 + elementRefHeight / 2);
-                            this.componentRef.instance.left = Math.round(right + margin);
-                            positioned = true;
-                            break;
-                        }
-                        case exports.PasswordStrengthPositions.Left: {
-                            var leftShift = left;
-                            if (leftShift <= elementRefWidth + safeSpace) {
-                                this.position = exports.PasswordStrengthPositions.Top;
-                                invalidOptions.push(exports.PasswordStrengthPositions.Left);
-                                break;
-                            }
-                            this.componentRef.instance.top = Math.round(top_1 + elementRefHeight / 2);
-                            this.componentRef.instance.left = Math.round(left - margin);
-                            positioned = true;
-                            break;
-                        }
-                        default: {
-                            break;
-                        }
-                    }
-                    this.componentRef.instance.position = this.position;
-                }
+        DynamicField.prototype.updateVariables = function (component) {
+            component.instance.field = this.field;
+            component.instance.formControl = this.group["controls"][this.field.name];
+            this.setVariablesByType(component);
+        };
+        DynamicField.prototype.getComponent = function () {
+            switch (this.field.type) {
+                case exports.FieldType.Autocomplete:
+                    return AutocompleteFieldComponent;
+                case exports.FieldType.Binary:
+                case exports.FieldType.String:
+                    return TextFieldComponent;
+                case exports.FieldType.Boolean:
+                    return this.field.representedBy === "switch" ? BooleanSwitchFieldComponent : BooleanFieldComponent;
+                case exports.FieldType.Chips:
+                    return ChipsFieldComponent;
+                case exports.FieldType.CountryPhonePicker:
+                    return CountryPhonePickerFieldComponent;
+                case exports.FieldType.Date:
+                case exports.FieldType.DateTime:
+                case exports.FieldType.LocalDateTime:
+                case exports.FieldType.Time:
+                    return CalendarFieldComponent;
+                case exports.FieldType.Number:
+                case exports.FieldType.Integer:
+                case exports.FieldType.Double:
+                    return BignumberFieldComponent;
+                case exports.FieldType.Enum:
+                    return SelectFieldComponent;
+                case exports.FieldType.Lookup:
+                    return LookupFieldComponent;
+                case exports.FieldType.Money:
+                    return CurrencyFieldComponent;
+                case exports.FieldType.Radio:
+                    return RadioButtonComponent;
+                case exports.FieldType.Text:
+                    return TextAreaFieldComponent;
+                case exports.FieldType.TextIA:
+                    return TextAreaIAFieldComponent;
+                case exports.FieldType.Password:
+                    return PasswordFieldComponent;
+                case exports.FieldType.Blob:
+                    return FileUploadComponent$1;
+                case exports.FieldType.Slider:
+                    return SliderFieldComponent;
+                case exports.FieldType.Custom:
+                    return this.field.CustomFieldComponentClass;
+                default:
+                    throw new Error("Trying to use an unsupported type (" + this.field.type + ").");
             }
         };
-        PasswordStrengthDirective.prototype.validateProperties = function () {
-            this.validation = this.validation || this.defaultValidator;
-            if (!this.description) {
-                throw new Error("Description is required");
-            }
+        return DynamicField;
+    }(DynamicForm));
+    var DynamicStructure = /** @class */ (function (_super) {
+        __extends(DynamicStructure, _super);
+        function DynamicStructure(_a) {
+            var group = _a.group, config = _a.config, errorMessages = _a.errorMessages;
+            var _this = _super.call(this, {
+                group: group,
+                errorMessages: errorMessages,
+            }) || this;
+            _this.config = config;
+            return _this;
+        }
+        DynamicStructure.prototype.createComponent = function (resolver, container) {
+            var componentFactory = resolver.resolveComponentFactory(this.getComponent());
+            var component = container.createComponent(componentFactory);
+            component.instance.config = this.config;
+            component.instance.group = this.group;
+            return component;
+        };
+        DynamicStructure.prototype.updateVariables = function (component) {
+            component.instance.structure = this.config;
+            component.instance.group = this.group;
         };
-        PasswordStrengthDirective.prototype.destroyPasswordStrength = function () {
-            if (this.componentRef !== null) {
-                this.appRef.detachView(this.componentRef.hostView);
-                this.componentRef.destroy();
-                this.componentRef = null;
+        DynamicStructure.prototype.getComponent = function () {
+            switch (this.config.type) {
+                case StructureType.Fieldset:
+                    return FieldsetComponent;
+                case StructureType.Section:
+                    return SectionComponent;
+                default:
+                    throw new Error("Trying to use an unsupported type (" + this.config.type + ").");
             }
         };
-        PasswordStrengthDirective.prototype.defaultValidator = function (content) {
-            var points = 0;
-            var regExpValidations = [
-                new RegExp("(?=.*\\d)"),
-                new RegExp("(?=.*[a-z])"),
-                new RegExp("(?=.*[A-Z])"),
-                new RegExp("(?=.*[!@#$%&*.\\-=+^~])"),
-            ];
-            if (content.length >= 6) {
-                points++;
+        return DynamicStructure;
+    }(DynamicForm));
+    var DynamicGrid = /** @class */ (function (_super) {
+        __extends(DynamicGrid, _super);
+        function DynamicGrid(_a) {
+            var group = _a.group, config = _a.config, errorMessages = _a.errorMessages;
+            var _this = _super.call(this, { group: group, errorMessages: errorMessages }) || this;
+            _this.config = config;
+            return _this;
+        }
+        DynamicGrid.prototype.createComponent = function (resolver, container) {
+            var componentFactory = resolver.resolveComponentFactory(this.getComponent());
+            var component = container.createComponent(componentFactory);
+            component.instance.config = this.config;
+            component.instance.group = this.group;
+            component.instance.errorMessages = this.errorMessages;
+            return component;
+        };
+        DynamicGrid.prototype.updateVariables = function (component) {
+            component.instance.config = this.config;
+            component.instance.group = this.group;
+        };
+        DynamicGrid.prototype.getComponent = function () {
+            switch (this.config.type) {
+                case GridType.Row:
+                    return RowComponent;
+                default:
+                    throw new Error("Trying to use an unsupported type (" + this.config.type + ").");
             }
-            regExpValidations.forEach(function (validation) {
-                if (validation.test(content)) {
-                    points++;
+        };
+        return DynamicGrid;
+    }(DynamicForm));
+
+    var DynamicFormDirective = /** @class */ (function () {
+        function DynamicFormDirective(resolver, container) {
+            this.resolver = resolver;
+            this.container = container;
+        }
+        Object.defineProperty(DynamicFormDirective.prototype, "sDynamicForm", {
+            set: function (context) {
+                var id = context.id, config = context.config, group = context.group, errorMessages = context.errorMessages;
+                this.id = id;
+                this.config = config;
+                this.group = group;
+                this.errorMessages = errorMessages;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        DynamicFormDirective.prototype.ngOnInit = function () {
+            if (this.isField()) {
+                if (!(this.config.id) && this.id) {
+                    this.config.id = this.id + "-" + this.config.name;
                 }
-            });
-            if (points < 1) {
-                return exports.PasswordStrengths.VeryWeak;
+                this.directiveConfig = new DynamicField({
+                    group: this.group,
+                    field: this.config,
+                    errorMessages: this.errorMessages,
+                });
             }
-            else if (points < 4) {
-                return exports.PasswordStrengths.Weak;
+            else if (this.isStructure()) {
+                this.directiveConfig = new DynamicStructure({
+                    group: this.group,
+                    config: this.config,
+                    errorMessages: this.errorMessages,
+                });
             }
-            else if (points < 5) {
-                return exports.PasswordStrengths.Medium;
+            else if (this.isGrid()) {
+                this.directiveConfig = new DynamicGrid({
+                    group: this.group,
+                    config: this.config,
+                    errorMessages: this.errorMessages,
+                });
             }
-            else {
-                return exports.PasswordStrengths.Strong;
+            else
+                throw new Error("Trying to use an unsupported type (" + this.config.type + ").");
+            this.component = this.directiveConfig.createComponent(this.resolver, this.container);
+            this.component.instance.id = this.id;
+            this.component.instance.errorMessages = this.errorMessages;
+        };
+        DynamicFormDirective.prototype.ngOnChanges = function () {
+            if (this.component) {
+                this.directiveConfig.updateVariables(this.component);
+                this.component.instance.errorMessages = this.errorMessages;
             }
         };
-        PasswordStrengthDirective.ctorParameters = function () { return [
-            { type: core.ElementRef },
-            { type: core.ApplicationRef },
+        DynamicFormDirective.prototype.isField = function () {
+            return exports.FieldType[this.config.type];
+        };
+        DynamicFormDirective.prototype.isStructure = function () {
+            return StructureType[this.config.type];
+        };
+        DynamicFormDirective.prototype.isGrid = function () {
+            return GridType[this.config.type];
+        };
+        DynamicFormDirective.ctorParameters = function () { return [
             { type: core.ComponentFactoryResolver },
-            { type: core.Injector }
+            { type: core.ViewContainerRef }
         ]; };
         __decorate([
-            core.Input("sPasswordStrength")
-        ], PasswordStrengthDirective.prototype, "enabled", void 0);
-        __decorate([
-            core.Input("psValidation")
-        ], PasswordStrengthDirective.prototype, "validation", void 0);
-        __decorate([
-            core.Input("psPosition")
-        ], PasswordStrengthDirective.prototype, "position", void 0);
-        __decorate([
-            core.Input("psWeakTitle")
-        ], PasswordStrengthDirective.prototype, "weakTitle", void 0);
-        __decorate([
-            core.Input("psMediumTitle")
-        ], PasswordStrengthDirective.prototype, "mediumTitle", void 0);
-        __decorate([
-            core.Input("psStrongTitle")
-        ], PasswordStrengthDirective.prototype, "strongTitle", void 0);
-        __decorate([
-            core.Input("psDescription")
-        ], PasswordStrengthDirective.prototype, "description", void 0);
-        __decorate([
-            core.HostListener("keyup"),
-            core.HostListener("focus")
-        ], PasswordStrengthDirective.prototype, "onFocus", null);
+            core.Input()
+        ], DynamicFormDirective.prototype, "sDynamicForm", null);
         __decorate([
-            core.HostListener("blur")
-        ], PasswordStrengthDirective.prototype, "onBlur", null);
-        PasswordStrengthDirective = __decorate([
-            core.Directive({
-                selector: "[sPasswordStrength]",
-            })
-        ], PasswordStrengthDirective);
-        return PasswordStrengthDirective;
-    }());
-
-    var PasswordStrengthModule = /** @class */ (function () {
-        function PasswordStrengthModule() {
-        }
-        PasswordStrengthModule = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule],
-                declarations: [
-                    PasswordStrengthComponent,
-                    PasswordStrengthDirective,
-                ],
-                exports: [PasswordStrengthDirective],
-            })
-        ], PasswordStrengthModule);
-        return PasswordStrengthModule;
+            core.Input("sDynamicFormDisplayTimeInfoSign")
+        ], DynamicFormDirective.prototype, "displayTimeInfoSign", void 0);
+        DynamicFormDirective = __decorate([
+            core.Directive({ selector: "[sDynamicForm]" })
+        ], DynamicFormDirective);
+        return DynamicFormDirective;
     }());
 
     var DynamicFormModule = /** @class */ (function () {
@@ -8212,36 +8258,36 @@
         DynamicFormModule = __decorate([
             core.NgModule({
                 imports: [
-                    common.CommonModule,
-                    forms.FormsModule,
-                    forms.ReactiveFormsModule,
-                    TooltipModule,
-                    inputtext.InputTextModule,
-                    checkbox.CheckboxModule,
-                    calendar.CalendarModule,
-                    inputmask.InputMaskModule,
-                    dropdown.DropdownModule,
-                    NumberInputModule,
-                    BignumberInputModule,
-                    LocalizedNumberInputModule,
-                    ControlErrorsModule,
-                    LocaleModule,
                     autocomplete$1.AutoCompleteModule,
-                    multiselect.MultiSelectModule,
-                    button.ButtonModule,
+                    BignumberInputModule,
                     ButtonModule,
-                    panel.PanelModule,
+                    CalendarMaskModule,
+                    calendar.CalendarModule,
+                    checkbox.CheckboxModule,
+                    chips.ChipsModule,
+                    common.CommonModule,
+                    ControlErrorsModule,
+                    CountryPhonePickerModule,
                     dialog.DialogModule,
-                    radiobutton.RadioButtonModule,
-                    table.TableModule,
+                    dropdown.DropdownModule,
                     EmptyStateModule,
-                    LoadingStateModule,
+                    forms.FormsModule,
                     angular2Hotkeys.HotkeyModule,
-                    chips.ChipsModule,
-                    CalendarMaskModule,
+                    inputmask.InputMaskModule,
                     inputtextarea.InputTextareaModule,
-                    radiobutton.RadioButtonModule,
+                    inputtext.InputTextModule,
                     keyfilter.KeyFilterModule,
+                    LoadingStateModule,
+                    LocaleModule,
+                    LocalizedNumberInputModule,
+                    panel.PanelModule,
+                    button.ButtonModule,
+                    table.TableModule,
+                    multiselect.MultiSelectModule,
+                    NumberInputModule,
+                    radiobutton.RadioButtonModule,
+                    forms.ReactiveFormsModule,
+                    TooltipModule,
                     fieldset.FieldsetModule,
                     TableHeaderCheckboxModule,
                     FileUploadModule,
@@ -8257,52 +8303,54 @@
                 ],
                 declarations: [
                     AutocompleteFieldComponent,
+                    BignumberFieldComponent,
                     BooleanFieldComponent,
+                    BooleanSwitchFieldComponent,
                     CalendarFieldComponent,
                     ChipsFieldComponent,
+                    CountryPhonePickerFieldComponent,
                     CurrencyFieldComponent,
-                    DynamicFormComponent,
                     DynamicFieldComponent,
+                    DynamicFormComponent,
                     DynamicFormDirective,
                     FieldsetComponent,
                     FileUploadComponent$1,
                     LookupComponent,
                     LookupFieldComponent,
                     NumberFieldComponent,
-                    BignumberFieldComponent,
+                    PasswordFieldComponent,
                     RadioButtonComponent,
                     RowComponent,
                     SectionComponent,
                     SelectFieldComponent,
+                    SliderFieldComponent,
                     TextAreaFieldComponent,
                     TextAreaIAFieldComponent,
                     TextFieldComponent,
-                    BooleanSwitchFieldComponent,
-                    PasswordFieldComponent,
-                    SliderFieldComponent,
                 ],
                 exports: [DynamicFormComponent, LookupComponent],
                 entryComponents: [
                     AutocompleteFieldComponent,
+                    BignumberFieldComponent,
                     BooleanFieldComponent,
+                    BooleanSwitchFieldComponent,
                     CalendarFieldComponent,
                     ChipsFieldComponent,
+                    CountryPhonePickerFieldComponent,
                     CurrencyFieldComponent,
                     FieldsetComponent,
                     FileUploadComponent$1,
                     LookupFieldComponent,
                     NumberFieldComponent,
-                    BignumberFieldComponent,
+                    PasswordFieldComponent,
                     RadioButtonComponent,
                     RowComponent,
                     SectionComponent,
                     SelectFieldComponent,
+                    SliderFieldComponent,
                     TextAreaFieldComponent,
                     TextAreaIAFieldComponent,
                     TextFieldComponent,
-                    PasswordFieldComponent,
-                    BooleanSwitchFieldComponent,
-                    SliderFieldComponent,
                 ],
                 providers: [
                     angular2Hotkeys.HotkeysService,
@@ -15654,6 +15702,7 @@
         "platform.angular_components.no_records_found": "Nenhum registro encontrado",
         "platform.angular_components.total_record": "{{ count }} registros encontrados",
         "platform.angular_components.total_records": "{{ count }} registros encontrados",
+        "platform.angular_components.total_records_selected": "{0} registros selecionados",
         "platform.angular_components.country_name_br": "Brasil",
         "platform.angular_components.country_name_us": "Estados Unidos",
         "platform.angular_components.country_name_co": "Colômbia",
@@ -16033,46 +16082,47 @@
     exports.fallback = fallback;
     exports.ɵa = TooltipComponent;
     exports.ɵb = TooltipDirective;
-    exports.ɵba = SelectFieldComponent;
-    exports.ɵbb = TextAreaFieldComponent;
-    exports.ɵbc = TextAreaIAFieldComponent;
-    exports.ɵbd = IAssistService;
-    exports.ɵbe = TextFieldComponent;
-    exports.ɵbf = BooleanSwitchFieldComponent;
-    exports.ɵbg = PasswordFieldComponent;
-    exports.ɵbh = SliderFieldComponent;
-    exports.ɵbj = DecimalField;
-    exports.ɵbk = SideTableComponent;
-    exports.ɵbl = StructureModule;
-    exports.ɵbm = HeaderComponent;
-    exports.ɵbn = FooterComponent;
-    exports.ɵbo = NumberLocaleOptions;
-    exports.ɵbp = ThumbnailService;
-    exports.ɵbq = BorderButtonModule;
-    exports.ɵbr = BorderButtonComponent;
-    exports.ɵbs = TimelineItemModule;
-    exports.ɵbt = TimelineIconItemComponent;
-    exports.ɵbu = HorizontalTimelineModule;
-    exports.ɵbv = HorizontalTimelineComponent;
-    exports.ɵbw = VerticalTimelineModule;
-    exports.ɵbx = VerticalTimelineComponent;
-    exports.ɵby = RangeLineComponent;
-    exports.ɵbz = CollapseOptionComponent;
+    exports.ɵba = RadioButtonComponent;
+    exports.ɵbb = RowComponent;
+    exports.ɵbc = SectionComponent;
+    exports.ɵbd = SelectFieldComponent;
+    exports.ɵbe = SliderFieldComponent;
+    exports.ɵbf = TextAreaFieldComponent;
+    exports.ɵbg = TextAreaIAFieldComponent;
+    exports.ɵbh = IAssistService;
+    exports.ɵbi = TextFieldComponent;
+    exports.ɵbk = DecimalField;
+    exports.ɵbl = SideTableComponent;
+    exports.ɵbm = StructureModule;
+    exports.ɵbn = HeaderComponent;
+    exports.ɵbo = FooterComponent;
+    exports.ɵbp = NumberLocaleOptions;
+    exports.ɵbq = ThumbnailService;
+    exports.ɵbr = BorderButtonModule;
+    exports.ɵbs = BorderButtonComponent;
+    exports.ɵbt = TimelineItemModule;
+    exports.ɵbu = TimelineIconItemComponent;
+    exports.ɵbv = HorizontalTimelineModule;
+    exports.ɵbw = HorizontalTimelineComponent;
+    exports.ɵbx = VerticalTimelineModule;
+    exports.ɵby = VerticalTimelineComponent;
+    exports.ɵbz = RangeLineComponent;
     exports.ɵc = CountryPhonePickerService;
-    exports.ɵca = CollapsedItemsComponent;
-    exports.ɵcb = VerticalItemsComponent;
-    exports.ɵcc = InfiniteScrollModule;
-    exports.ɵcd = InfiniteScrollDirective;
-    exports.ɵce = CustomTranslationsModule;
-    exports.ɵcf = CodeEditorComponent;
-    exports.ɵcg = CoreFacade;
-    exports.ɵch = CodeMirror6Core;
-    exports.ɵci = TieredMenuEventService;
-    exports.ɵcj = TieredMenuService;
-    exports.ɵck = TieredMenuComponent;
-    exports.ɵcl = TieredMenuNestedComponent;
-    exports.ɵcm = TieredMenuItemComponent;
-    exports.ɵcn = TieredMenuDividerComponent;
+    exports.ɵca = CollapseOptionComponent;
+    exports.ɵcb = CollapsedItemsComponent;
+    exports.ɵcc = VerticalItemsComponent;
+    exports.ɵcd = InfiniteScrollModule;
+    exports.ɵce = InfiniteScrollDirective;
+    exports.ɵcf = CustomTranslationsModule;
+    exports.ɵcg = CodeEditorComponent;
+    exports.ɵch = CoreFacade;
+    exports.ɵci = CodeMirror6Core;
+    exports.ɵcj = TieredMenuEventService;
+    exports.ɵck = TieredMenuService;
+    exports.ɵcl = TieredMenuComponent;
+    exports.ɵcm = TieredMenuNestedComponent;
+    exports.ɵcn = TieredMenuItemComponent;
+    exports.ɵco = TieredMenuDividerComponent;
     exports.ɵd = LocalizedCurrencyImpurePipe;
     exports.ɵe = LocalizedBignumberPipe;
     exports.ɵf = LocalizedBignumberImpurePipe;
@@ -16082,20 +16132,20 @@
     exports.ɵj = TableColumnsComponent;
     exports.ɵk = TablePagingComponent;
     exports.ɵl = AutocompleteFieldComponent;
-    exports.ɵm = BooleanFieldComponent;
-    exports.ɵn = CalendarFieldComponent;
-    exports.ɵo = ChipsFieldComponent;
-    exports.ɵp = CurrencyFieldComponent;
-    exports.ɵq = DynamicFieldComponent;
-    exports.ɵr = DynamicFormDirective;
-    exports.ɵs = FieldsetComponent;
-    exports.ɵt = FileUploadComponent$1;
-    exports.ɵu = LookupFieldComponent;
-    exports.ɵv = NumberFieldComponent;
-    exports.ɵw = BignumberFieldComponent;
-    exports.ɵx = RadioButtonComponent;
-    exports.ɵy = RowComponent;
-    exports.ɵz = SectionComponent;
+    exports.ɵm = BignumberFieldComponent;
+    exports.ɵn = BooleanFieldComponent;
+    exports.ɵo = BooleanSwitchFieldComponent;
+    exports.ɵp = CalendarFieldComponent;
+    exports.ɵq = ChipsFieldComponent;
+    exports.ɵr = CountryPhonePickerFieldComponent;
+    exports.ɵs = CurrencyFieldComponent;
+    exports.ɵt = DynamicFieldComponent;
+    exports.ɵu = DynamicFormDirective;
+    exports.ɵv = FieldsetComponent;
+    exports.ɵw = FileUploadComponent$1;
+    exports.ɵx = LookupFieldComponent;
+    exports.ɵy = NumberFieldComponent;
+    exports.ɵz = PasswordFieldComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });