@seniorsistemas/angular-components 17.2.10 → 17.2.11

package/fesm5/seniorsistemas-angular-components.js

@@ -18,7 +18,7 @@ import { Hotkey, HotkeysService, HotkeyModule } from 'angular2-hotkeys';
 import BigNumber, { BigNumber as BigNumber$1 } from 'bignumber.js';
 import { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';
 import { Dialog, DialogModule } from 'primeng/dialog';
-import { Table, TableService, RowToggler, TableModule as TableModule$1 } from 'primeng/table';
+import { Table, RowToggler, TableService, TableModule as TableModule$1 } from 'primeng/table';
 import { applyMask, AlignmentOptions, CurrencyMaskDirective as CurrencyMaskDirective$1 } from '@seniorsistemas/ng2-currency-mask';
 import { user, service } from '@seniorsistemas/senior-platform-data';
 import * as moment_ from 'moment';
@@ -37,10 +37,10 @@ import { MultiSelectModule } from 'primeng/multiselect';
 import { PanelModule as PanelModule$1 } from 'primeng/panel';
 import { RadioButtonModule } from 'primeng/radiobutton';
 import { SliderModule } from 'primeng/slider';
+import { MessageService, ConfirmationService } from 'primeng/api';
 import { ProgressBarModule as ProgressBarModule$1 } from 'primeng/progressbar';
 import { DomSanitizer, BrowserModule } from '@angular/platform-browser';
 import { Clipboard } from '@angular/cdk/clipboard';
-import { MessageService, ConfirmationService } from 'primeng/api';
 import Cropper from 'cropperjs';
 import * as elementResizeDetectorMaker_ from 'element-resize-detector';
 import { FocusTrapFactory, A11yModule } from '@angular/cdk/a11y';
@@ -2118,7 +2118,11 @@ var CountryPhonePickerComponent = /** @class */ (function () {
         this.offsetTop = 0;
         this.ordination = Ordination.NO;
         this.selected = new EventEmitter();
+        /**
+         * @deprecated Use focusLost event instead.
+         */
         this.blur = new EventEmitter();
+        this.focusLost = new EventEmitter();
         this.tabindex = 0;
         this._filterCountries = function (value) {
             if (!value) {
@@ -2257,6 +2261,10 @@ var CountryPhonePickerComponent = /** @class */ (function () {
     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");
@@ -2350,6 +2358,9 @@ var CountryPhonePickerComponent = /** @class */ (function () {
     __decorate([
         Output()
     ], CountryPhonePickerComponent.prototype, "blur", void 0);
+    __decorate([
+        Output()
+    ], CountryPhonePickerComponent.prototype, "focusLost", void 0);
     __decorate([
         ViewChild("phoneInput", { static: true })
     ], CountryPhonePickerComponent.prototype, "phoneInput", void 0);
@@ -2365,7 +2376,7 @@ var CountryPhonePickerComponent = /** @class */ (function () {
     CountryPhonePickerComponent = CountryPhonePickerComponent_1 = __decorate([
         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: NG_VALUE_ACCESSOR,
                     useExisting: forwardRef(function () { return CountryPhonePickerComponent_1; }),
@@ -2403,6 +2414,7 @@ var FieldType;
     FieldType["Blob"] = "Blob";
     FieldType["Boolean"] = "Boolean";
     FieldType["Chips"] = "Chips";
+    FieldType["CountryPhonePicker"] = "CountryPhonePicker";
     FieldType["Custom"] = "Custom";
     FieldType["Date"] = "Date";
     FieldType["DateTime"] = "DateTime";
@@ -3372,6 +3384,19 @@ var SliderField = /** @class */ (function (_super) {
     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) {
@@ -3409,6 +3434,8 @@ var FormField = /** @class */ (function () {
                 return new RadioButtonField(config);
             case FieldType.Chips:
                 return new ChipsField(config);
+            case FieldType.CountryPhonePicker:
+                return new CountryPhonePickerField(config);
             case FieldType.Blob:
                 return new BlobField(config);
             case FieldType.Slider:
@@ -4119,155 +4146,420 @@ var DynamicFormComponent = /** @class */ (function () {
     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 EventEmitter();
-        this.secondaryAction = new 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([
-        Input()
-    ], EmptyStateComponent.prototype, "id", void 0);
-    __decorate([
-        Input()
-    ], EmptyStateComponent.prototype, "iconClass", void 0);
-    __decorate([
-        Input()
-    ], EmptyStateComponent.prototype, "title", void 0);
-    __decorate([
-        Input()
-    ], EmptyStateComponent.prototype, "description", void 0);
-    __decorate([
-        Input()
-    ], EmptyStateComponent.prototype, "showPrimaryAction", void 0);
-    __decorate([
-        Input()
-    ], EmptyStateComponent.prototype, "showSecondaryAction", void 0);
-    __decorate([
-        Input()
-    ], EmptyStateComponent.prototype, "primaryActionLabel", void 0);
-    __decorate([
-        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(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 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: HttpClient },
+        { type: MessageService }
+    ]; };
+    IAssistService = __decorate([
+        Injectable()
+    ], IAssistService);
+    return IAssistService;
+}());
+
+var LongPressDirective = /** @class */ (function () {
+    function LongPressDirective() {
+        this.sLongPressDelay = 500;
+        this.sLongPress = new EventEmitter();
+        this.mouseUp = new Subject();
+        this.mouseDown = new Subject();
+        this.ngUnsubscribe = new 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(debounceTime(this.sLongPressDelay), takeUntil(this.mouseUp), repeat(), takeUntil(this.ngUnsubscribe))
+            .subscribe(function (event) { return _this.sLongPress.emit(event); });
+    };
+    LongPressDirective.prototype.ngOnDestroy = function () {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    };
     __decorate([
         Input()
-    ], EmptyStateComponent.prototype, "primaryModel", void 0);
+    ], LongPressDirective.prototype, "sLongPressDelay", void 0);
     __decorate([
         Output()
-    ], EmptyStateComponent.prototype, "primaryAction", void 0);
+    ], LongPressDirective.prototype, "sLongPress", void 0);
     __decorate([
-        Output()
-    ], EmptyStateComponent.prototype, "secondaryAction", void 0);
-    EmptyStateComponent = EmptyStateComponent_1 = __decorate([
-        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%}"]
+        HostListener("mouseup", ["$event"]),
+        HostListener("touchend", ["$event"])
+    ], LongPressDirective.prototype, "onMouseUp", null);
+    __decorate([
+        HostListener("mousedown", ["$event"]),
+        HostListener("touchstart", ["$event"])
+    ], LongPressDirective.prototype, "onMouseDown", null);
+    LongPressDirective = __decorate([
+        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 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: CookieService }
-    ]; };
-    __decorate([
-        Input()
-    ], EmptyStateGoBackComponent.prototype, "iconClass", void 0);
-    __decorate([
-        Input()
-    ], EmptyStateGoBackComponent.prototype, "title", void 0);
     __decorate([
-        Input()
-    ], EmptyStateGoBackComponent.prototype, "description", void 0);
+        Output()
+    ], DoubleClickDirective.prototype, "onDoubleClick", void 0);
     __decorate([
-        Input()
-    ], EmptyStateGoBackComponent.prototype, "primaryActionLabel", void 0);
-    EmptyStateGoBackComponent = __decorate([
-        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>"
+        HostListener("click", ["$event"])
+    ], DoubleClickDirective.prototype, "onClick", null);
+    DoubleClickDirective = __decorate([
+        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([
         NgModule({
-            imports: [CommonModule, ButtonModule],
-            providers: [CookieService],
-            declarations: [EmptyStateComponent, EmptyStateGoBackComponent],
-            exports: [EmptyStateComponent, EmptyStateGoBackComponent],
+            imports: [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
-     */
+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 = 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([
+        Input()
+    ], BignumberInputDirective.prototype, "precision", void 0);
+    __decorate([
+        Input()
+    ], BignumberInputDirective.prototype, "scale", void 0);
+    __decorate([
+        Input()
+    ], BignumberInputDirective.prototype, "decimalSeparator", void 0);
+    __decorate([
+        Input()
+    ], BignumberInputDirective.prototype, "thousandsSeparator", void 0);
+    __decorate([
+        Input()
+    ], BignumberInputDirective.prototype, "alignTo", void 0);
+    __decorate([
+        Input()
+    ], BignumberInputDirective.prototype, "allowNegative", void 0);
+    __decorate([
+        Input(),
+        HostBinding("attr.placeholder")
+    ], BignumberInputDirective.prototype, "placeholder", void 0);
+    __decorate([
+        HostBinding("attr.maxLength")
+    ], BignumberInputDirective.prototype, "maxLength", void 0);
+    __decorate([
+        HostListener("keypress", ["$event"])
+    ], BignumberInputDirective.prototype, "onKeypress", null);
+    BignumberInputDirective = BignumberInputDirective_1 = __decorate([
+        Directive({
+            selector: "input[sBignumberInput]",
+            providers: [
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    useExisting: forwardRef(function () { return BignumberInputDirective_1; }),
+                    multi: true,
+                },
+            ],
+        })
+    ], BignumberInputDirective);
+    return BignumberInputDirective;
+}(CurrencyMaskDirective$1));
+
+var BignumberInputModule = /** @class */ (function () {
+    function BignumberInputModule() {
+    }
+    BignumberInputModule = __decorate([
+        NgModule({
+            imports: [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 EventEmitter();
+        this.secondaryAction = new EventEmitter();
+    }
+    EmptyStateComponent_1 = EmptyStateComponent;
+    var EmptyStateComponent_1;
+    EmptyStateComponent.nextId = 0;
+    __decorate([
+        Input()
+    ], EmptyStateComponent.prototype, "id", void 0);
+    __decorate([
+        Input()
+    ], EmptyStateComponent.prototype, "iconClass", void 0);
+    __decorate([
+        Input()
+    ], EmptyStateComponent.prototype, "title", void 0);
+    __decorate([
+        Input()
+    ], EmptyStateComponent.prototype, "description", void 0);
+    __decorate([
+        Input()
+    ], EmptyStateComponent.prototype, "showPrimaryAction", void 0);
+    __decorate([
+        Input()
+    ], EmptyStateComponent.prototype, "showSecondaryAction", void 0);
+    __decorate([
+        Input()
+    ], EmptyStateComponent.prototype, "primaryActionLabel", void 0);
+    __decorate([
+        Input()
+    ], EmptyStateComponent.prototype, "secondaryActionLabel", void 0);
+    __decorate([
+        Input()
+    ], EmptyStateComponent.prototype, "primaryModel", void 0);
+    __decorate([
+        Output()
+    ], EmptyStateComponent.prototype, "primaryAction", void 0);
+    __decorate([
+        Output()
+    ], EmptyStateComponent.prototype, "secondaryAction", void 0);
+    EmptyStateComponent = EmptyStateComponent_1 = __decorate([
+        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: CookieService }
+    ]; };
+    __decorate([
+        Input()
+    ], EmptyStateGoBackComponent.prototype, "iconClass", void 0);
+    __decorate([
+        Input()
+    ], EmptyStateGoBackComponent.prototype, "title", void 0);
+    __decorate([
+        Input()
+    ], EmptyStateGoBackComponent.prototype, "description", void 0);
+    __decorate([
+        Input()
+    ], EmptyStateGoBackComponent.prototype, "primaryActionLabel", void 0);
+    EmptyStateGoBackComponent = __decorate([
+        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([
+        NgModule({
+            imports: [CommonModule, ButtonModule],
+            providers: [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 () {
@@ -5259,294 +5551,319 @@ var MaskFormatterModule = /** @class */ (function () {
     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 = AlignmentOptions.LEFT;
-        _this.allowNegative = true;
-        return _this;
+var PasswordStrengths;
+(function (PasswordStrengths) {
+    PasswordStrengths["VeryWeak"] = "Very_weak";
+    PasswordStrengths["Weak"] = "weak";
+    PasswordStrengths["Medium"] = "medium";
+    PasswordStrengths["Strong"] = "strong";
+})(PasswordStrengths || (PasswordStrengths = {}));
+
+var PasswordStrengthPositions;
+(function (PasswordStrengthPositions) {
+    PasswordStrengthPositions["Top"] = "top";
+    PasswordStrengthPositions["Right"] = "right";
+    PasswordStrengthPositions["Left"] = "left";
+})(PasswordStrengthPositions || (PasswordStrengthPositions = {}));
+
+var PasswordStrengthComponent = /** @class */ (function () {
+    function PasswordStrengthComponent() {
+        this.weakTitle = "Fraca";
+        this.mediumTitle = "Médio";
+        this.strongTitle = "Forte";
+        this.position = 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 PasswordStrengthPositions.Top:
+                passwordStrength.classList.add("password-strength--top");
+                break;
+            case PasswordStrengthPositions.Right:
+                passwordStrength.classList.add("password-strength--right");
+                break;
+            case 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 PasswordStrengths.VeryWeak:
+                this.title = this.weakTitle;
+                break;
+            case PasswordStrengths.Weak:
+                this.title = this.weakTitle;
+                strengthClass = "strength-indicator--weak";
+                onIndicators.push(strengthIndicator1);
+                break;
+            case PasswordStrengths.Medium:
+                this.title = this.mediumTitle;
+                strengthClass = "strength-indicator--medium";
+                onIndicators.push(strengthIndicator1);
+                onIndicators.push(strengthIndicator2);
+                break;
+            case 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([
         Input()
-    ], BignumberInputDirective.prototype, "precision", void 0);
-    __decorate([
-        Input()
-    ], BignumberInputDirective.prototype, "scale", void 0);
-    __decorate([
-        Input()
-    ], BignumberInputDirective.prototype, "decimalSeparator", void 0);
+    ], PasswordStrengthComponent.prototype, "weakTitle", void 0);
     __decorate([
         Input()
-    ], BignumberInputDirective.prototype, "thousandsSeparator", void 0);
+    ], PasswordStrengthComponent.prototype, "mediumTitle", void 0);
     __decorate([
         Input()
-    ], BignumberInputDirective.prototype, "alignTo", void 0);
+    ], PasswordStrengthComponent.prototype, "strongTitle", void 0);
     __decorate([
         Input()
-    ], BignumberInputDirective.prototype, "allowNegative", void 0);
-    __decorate([
-        Input(),
-        HostBinding("attr.placeholder")
-    ], BignumberInputDirective.prototype, "placeholder", void 0);
-    __decorate([
-        HostBinding("attr.maxLength")
-    ], BignumberInputDirective.prototype, "maxLength", void 0);
-    __decorate([
-        HostListener("keypress", ["$event"])
-    ], BignumberInputDirective.prototype, "onKeypress", null);
-    BignumberInputDirective = BignumberInputDirective_1 = __decorate([
-        Directive({
-            selector: "input[sBignumberInput]",
-            providers: [
-                {
-                    provide: NG_VALUE_ACCESSOR,
-                    useExisting: forwardRef(function () { return BignumberInputDirective_1; }),
-                    multi: true,
-                },
-            ],
-        })
-    ], BignumberInputDirective);
-    return BignumberInputDirective;
-}(CurrencyMaskDirective$1));
-
-var BignumberInputModule = /** @class */ (function () {
-    function BignumberInputModule() {
-    }
-    BignumberInputModule = __decorate([
-        NgModule({
-            imports: [CommonModule],
-            declarations: [BignumberInputDirective],
-            exports: [BignumberInputDirective],
+    ], PasswordStrengthComponent.prototype, "description", void 0);
+    PasswordStrengthComponent = __decorate([
+        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 Subject();
-        this.table.tableService.valueSource$.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () {
-            _this.checked = _this.updateCheckedState();
-        });
-        this.table.tableService.selectionSource$.pipe(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 = 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;
+    PasswordStrengthDirective.prototype.ngOnInit = function () {
+        this.validateProperties();
     };
-    TableHeaderCheckboxComponent.prototype.onBlur = function () {
-        this.hasFocus = false;
+    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(PasswordStrengths.VeryWeak);
+        }
     };
-    TableHeaderCheckboxComponent.prototype.isDisabled = function () {
-        return this.disabled || !this.table.value || !this.table.value.length;
+    PasswordStrengthDirective.prototype.onBlur = function () {
+        this.destroyPasswordStrength();
     };
-    TableHeaderCheckboxComponent.prototype.onClick = function () {
-        if (!this.disabled) {
-            if (this.table.value && this.table.value.length > 0)
-                this.onToggleCheckbox(!this.checked);
+    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();
         }
     };
-    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();
+    PasswordStrengthDirective.prototype.showPasswordStrength = function () {
+        if (this.componentRef !== null) {
+            this.componentRef.instance.visible = true;
         }
     };
-    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);
+    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(PasswordStrengthPositions.Top)
+                    && invalidOptions.includes(PasswordStrengthPositions.Right)
+                    && invalidOptions.includes(PasswordStrengthPositions.Left)) {
+                    this.destroyPasswordStrength();
+                    throw new Error("No space to show password strength");
+                }
+                switch (this.position) {
+                    case 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 = PasswordStrengthPositions.Right;
+                            invalidOptions.push(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 PasswordStrengthPositions.Right: {
+                        var rightShift = document.body.clientWidth - right;
+                        if (rightShift <= elementRefWidth + safeSpace) {
+                            this.position = PasswordStrengthPositions.Left;
+                            invalidOptions.push(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 PasswordStrengthPositions.Left: {
+                        var leftShift = left;
+                        if (leftShift <= elementRefWidth + safeSpace) {
+                            this.position = PasswordStrengthPositions.Top;
+                            invalidOptions.push(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;
+            }
         }
-        else {
-            value.forEach(function (data) {
-                _this.table._selection = _this.table._selection.filter(function (record) { return record[dataKey] !== data[dataKey]; });
-            });
+    };
+    PasswordStrengthDirective.prototype.validateProperties = function () {
+        this.validation = this.validation || this.defaultValidator;
+        if (!this.description) {
+            throw new Error("Description is required");
         }
-        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.destroyPasswordStrength = function () {
+        if (this.componentRef !== null) {
+            this.appRef.detachView(this.componentRef.hostView);
+            this.componentRef.destroy();
+            this.componentRef = null;
         }
-        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; }
+    };
+    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 PasswordStrengths.VeryWeak;
         }
-    };
-    TableHeaderCheckboxComponent.prototype.isAllValuesChecked = function () {
-        var e_2, _a;
-        if (!this.table.value) {
-            return false;
+        else if (points < 4) {
+            return PasswordStrengths.Weak;
+        }
+        else if (points < 5) {
+            return PasswordStrengths.Medium;
         }
         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;
+            return PasswordStrengths.Strong;
         }
     };
-    var TableHeaderCheckboxComponent_1;
-    TableHeaderCheckboxComponent.nextId = 0;
-    TableHeaderCheckboxComponent.ctorParameters = function () { return [
-        { type: Table },
-        { type: TableService }
+    PasswordStrengthDirective.ctorParameters = function () { return [
+        { type: ElementRef },
+        { type: ApplicationRef },
+        { type: ComponentFactoryResolver },
+        { type: Injector }
     ]; };
     __decorate([
-        Input()
-    ], TableHeaderCheckboxComponent.prototype, "id", void 0);
+        Input("sPasswordStrength")
+    ], PasswordStrengthDirective.prototype, "enabled", void 0);
     __decorate([
-        Input()
-    ], TableHeaderCheckboxComponent.prototype, "disabled", void 0);
+        Input("psValidation")
+    ], PasswordStrengthDirective.prototype, "validation", void 0);
     __decorate([
-        Input()
-    ], TableHeaderCheckboxComponent.prototype, "rowProps", void 0);
+        Input("psPosition")
+    ], PasswordStrengthDirective.prototype, "position", void 0);
     __decorate([
-        Input()
-    ], TableHeaderCheckboxComponent.prototype, "useAllObject", void 0);
-    TableHeaderCheckboxComponent = TableHeaderCheckboxComponent_1 = __decorate([
-        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    "
+        Input("psWeakTitle")
+    ], PasswordStrengthDirective.prototype, "weakTitle", void 0);
+    __decorate([
+        Input("psMediumTitle")
+    ], PasswordStrengthDirective.prototype, "mediumTitle", void 0);
+    __decorate([
+        Input("psStrongTitle")
+    ], PasswordStrengthDirective.prototype, "strongTitle", void 0);
+    __decorate([
+        Input("psDescription")
+    ], PasswordStrengthDirective.prototype, "description", void 0);
+    __decorate([
+        HostListener("keyup"),
+        HostListener("focus")
+    ], PasswordStrengthDirective.prototype, "onFocus", null);
+    __decorate([
+        HostListener("blur")
+    ], PasswordStrengthDirective.prototype, "onBlur", null);
+    PasswordStrengthDirective = __decorate([
+        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([
         NgModule({
             imports: [CommonModule],
-            exports: [TableHeaderCheckboxComponent],
-            declarations: [TableHeaderCheckboxComponent],
+            declarations: [
+                PasswordStrengthComponent,
+                PasswordStrengthDirective,
+            ],
+            exports: [PasswordStrengthDirective],
         })
-    ], TableHeaderCheckboxModule);
-    return TableHeaderCheckboxModule;
+    ], PasswordStrengthModule);
+    return PasswordStrengthModule;
 }());
 
 var NavigationDirective = /** @class */ (function () {
@@ -6509,223 +6826,246 @@ var TablePagingComponent = /** @class */ (function () {
     ], TablePagingComponent.prototype, "enableExportSelectedRecords", void 0);
     __decorate([
         Input()
-    ], TablePagingComponent.prototype, "customActions", void 0);
-    __decorate([
-        Input()
-    ], TablePagingComponent.prototype, "loadAllRecords", void 0);
-    __decorate([
-        Input()
-    ], TablePagingComponent.prototype, "loadCurrentPageRecords", void 0);
-    __decorate([
-        Input()
-    ], TablePagingComponent.prototype, "loadSelectedRecords", void 0);
-    __decorate([
-        Output()
-    ], TablePagingComponent.prototype, "totalRecordsText", void 0);
-    TablePagingComponent = __decorate([
-        Component({
-            template: "<div class=\"paging-container\">\n    <span class=\"total-records\">\n        {{totalRecordsText}}\n    </span>\n    <s-button\n        *ngIf=\"exportable\"\n        class=\"export-button\" \n        priority=\"default\" \n        iconClass=\"fa fa-fw fa-file-export\" \n        [disabled]=\"false\" \n        [auxiliary]=\"true\" \n        [tooltip]=\"getTooltipText()\" \n        [model]=\"getActions()\">\n    </s-button>\n</div>\n",
-            selector: "s-table-paging",
-            styles: [".paging-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.export-button{margin-left:6px}"]
-        }),
-        __param(1, Inject(HostProjectConfigsInjectionToken))
-    ], TablePagingComponent);
-    return TablePagingComponent;
-}());
-
-var TableModule = /** @class */ (function () {
-    function TableModule() {
-    }
-    TableModule = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                TooltipModule,
-                TokenListModule,
-                TranslateModule,
-                ButtonModule,
-                InfoSignModule
-            ],
-            exports: [
-                RowTogllerDirective,
-                NavigationDirective,
-                TableColumnsComponent,
-                TableFrozenPositionDirective,
-                TablePagingComponent
-            ],
-            declarations: [
-                RowTogllerDirective,
-                NavigationDirective,
-                TableColumnsComponent,
-                TableFrozenPositionDirective,
-                TablePagingComponent
-            ],
-        })
-    ], TableModule);
-    return TableModule;
-}());
-
-var AutocompleteFieldComponent = /** @class */ (function () {
-    function AutocompleteFieldComponent() {
-    }
-    __decorate([
-        Input()
-    ], AutocompleteFieldComponent.prototype, "field", void 0);
-    __decorate([
-        Input()
-    ], AutocompleteFieldComponent.prototype, "formControl", void 0);
-    AutocompleteFieldComponent = __decorate([
-        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() {
-    }
-    BooleanFieldComponent.prototype.onClear = function () {
-        this.formControl.reset();
-    };
-    __decorate([
-        Input()
-    ], BooleanFieldComponent.prototype, "field", void 0);
-    __decorate([
-        Input()
-    ], BooleanFieldComponent.prototype, "formControl", void 0);
-    BooleanFieldComponent = __decorate([
-        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([
-        Input()
-    ], CalendarFieldComponent.prototype, "field", void 0);
+    ], TablePagingComponent.prototype, "customActions", void 0);
     __decorate([
         Input()
-    ], CalendarFieldComponent.prototype, "formControl", void 0);
+    ], TablePagingComponent.prototype, "loadAllRecords", void 0);
     __decorate([
         Input()
-    ], CalendarFieldComponent.prototype, "showTime", void 0);
+    ], TablePagingComponent.prototype, "loadCurrentPageRecords", void 0);
     __decorate([
         Input()
-    ], CalendarFieldComponent.prototype, "timeOnly", void 0);
-    CalendarFieldComponent = __decorate([
+    ], TablePagingComponent.prototype, "loadSelectedRecords", void 0);
+    __decorate([
+        Output()
+    ], TablePagingComponent.prototype, "totalRecordsText", void 0);
+    TablePagingComponent = __decorate([
         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"
+            template: "<div class=\"paging-container\">\n    <span class=\"total-records\">\n        {{totalRecordsText}}\n    </span>\n    <s-button\n        *ngIf=\"exportable\"\n        class=\"export-button\" \n        priority=\"default\" \n        iconClass=\"fa fa-fw fa-file-export\" \n        [disabled]=\"false\" \n        [auxiliary]=\"true\" \n        [tooltip]=\"getTooltipText()\" \n        [model]=\"getActions()\">\n    </s-button>\n</div>\n",
+            selector: "s-table-paging",
+            styles: [".paging-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.export-button{margin-left:6px}"]
+        }),
+        __param(1, Inject(HostProjectConfigsInjectionToken))
+    ], TablePagingComponent);
+    return TablePagingComponent;
+}());
+
+var TableModule = /** @class */ (function () {
+    function TableModule() {
+    }
+    TableModule = __decorate([
+        NgModule({
+            imports: [
+                CommonModule,
+                TooltipModule,
+                TokenListModule,
+                TranslateModule,
+                ButtonModule,
+                InfoSignModule
+            ],
+            exports: [
+                RowTogllerDirective,
+                NavigationDirective,
+                TableColumnsComponent,
+                TableFrozenPositionDirective,
+                TablePagingComponent
+            ],
+            declarations: [
+                RowTogllerDirective,
+                NavigationDirective,
+                TableColumnsComponent,
+                TableFrozenPositionDirective,
+                TablePagingComponent
+            ],
         })
-    ], CalendarFieldComponent);
-    return CalendarFieldComponent;
+    ], TableModule);
+    return TableModule;
 }());
 
-var ChipsFieldComponent = /** @class */ (function () {
-    function ChipsFieldComponent(clipboard) {
-        this.clipboard = clipboard;
-        this.feedbackMessageVisible = false;
-        this.copyButtonVisible = true;
+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 Subject();
+        this.table.tableService.valueSource$.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () {
+            _this.checked = _this.updateCheckedState();
+        });
+        this.table.tableService.selectionSource$.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () {
+            _this.checked = _this.updateCheckedState();
+        });
     }
-    ChipsFieldComponent.prototype.onCopyFieldContent = function () {
+    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);
+        }
+    };
+    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 }
+    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 },
+        { type: TableService }
     ]; };
     __decorate([
         Input()
-    ], ChipsFieldComponent.prototype, "field", void 0);
+    ], TableHeaderCheckboxComponent.prototype, "id", void 0);
     __decorate([
         Input()
-    ], ChipsFieldComponent.prototype, "formControl", void 0);
-    ChipsFieldComponent = __decorate([
-        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([
         Input()
-    ], CurrencyFieldComponent.prototype, "field", void 0);
+    ], TableHeaderCheckboxComponent.prototype, "rowProps", void 0);
     __decorate([
         Input()
-    ], CurrencyFieldComponent.prototype, "formControl", void 0);
-    CurrencyFieldComponent = __decorate([
+    ], TableHeaderCheckboxComponent.prototype, "useAllObject", void 0);
+    TableHeaderCheckboxComponent = TableHeaderCheckboxComponent_1 = __decorate([
         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([
-        Input()
-    ], FileUploadComponent.prototype, "field", void 0);
-    __decorate([
-        Input()
-    ], FileUploadComponent.prototype, "formControl", void 0);
-    FileUploadComponent = __decorate([
-        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"
-        })
-    ], FileUploadComponent);
-    return FileUploadComponent;
-}(BaseFieldComponent));
+    TableHeaderCheckboxModule = __decorate([
+        NgModule({
+            imports: [CommonModule],
+            exports: [TableHeaderCheckboxComponent],
+            declarations: [TableHeaderCheckboxComponent],
+        })
+    ], TableHeaderCheckboxModule);
+    return TableHeaderCheckboxModule;
+}());
 
-var LookupFieldComponent = /** @class */ (function () {
-    function LookupFieldComponent() {
+var AutocompleteFieldComponent = /** @class */ (function () {
+    function AutocompleteFieldComponent() {
     }
     __decorate([
         Input()
-    ], LookupFieldComponent.prototype, "field", void 0);
+    ], AutocompleteFieldComponent.prototype, "field", void 0);
     __decorate([
         Input()
-    ], LookupFieldComponent.prototype, "formControl", void 0);
-    LookupFieldComponent = __decorate([
+    ], AutocompleteFieldComponent.prototype, "formControl", void 0);
+    AutocompleteFieldComponent = __decorate([
         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 EventEmitter();
         _this.onFocus = new EventEmitter();
@@ -6733,33 +7073,35 @@ var NumberFieldComponent = /** @class */ (function (_super) {
         _this.ngUnsubscribe = new Subject();
         return _this;
     }
-    NumberFieldComponent.prototype.ngOnInit = function () {
+    BignumberFieldComponent.prototype.ngOnInit = function () {
         var _this = this;
-        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-            if (_this.field.onFocus)
+        this.onFocus
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(function (event) {
+            if (_this.field.onFocus) {
                 _this.field.onFocus(event);
+            }
         });
-        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-            if (_this.field.onInput)
+        this.onInput
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(function (event) {
+            if (_this.field.onInput) {
                 _this.field.onInput(event);
+            }
         });
-        this.onComplete.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-            if (_this.field.onComplete)
+        this.onComplete
+            .pipe(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 NumberAlignmentOption;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(NumberFieldComponent.prototype, "fieldType", {
+    Object.defineProperty(BignumberFieldComponent.prototype, "fieldType", {
         get: function () {
             return FieldType;
         },
@@ -6768,308 +7110,167 @@ var NumberFieldComponent = /** @class */ (function (_super) {
     });
     __decorate([
         Input()
-    ], NumberFieldComponent.prototype, "field", void 0);
+    ], BignumberFieldComponent.prototype, "field", void 0);
     __decorate([
         Input()
-    ], NumberFieldComponent.prototype, "formControl", void 0);
+    ], BignumberFieldComponent.prototype, "formControl", void 0);
     __decorate([
         Output()
-    ], NumberFieldComponent.prototype, "onInput", void 0);
+    ], BignumberFieldComponent.prototype, "onInput", void 0);
     __decorate([
         Output()
-    ], NumberFieldComponent.prototype, "onFocus", void 0);
+    ], BignumberFieldComponent.prototype, "onFocus", void 0);
     __decorate([
         Output()
-    ], NumberFieldComponent.prototype, "onComplete", void 0);
-    NumberFieldComponent = __decorate([
+    ], BignumberFieldComponent.prototype, "onComplete", void 0);
+    BignumberFieldComponent = __decorate([
         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: 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 EventEmitter();
-        this.onFocus = new EventEmitter();
-        this.ngUnsubscribe = new Subject();
+var BooleanFieldComponent = /** @class */ (function () {
+    function BooleanFieldComponent() {
     }
-    RadioButtonComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-            if (_this.field.onFocus)
-                _this.field.onFocus(event);
-        });
-        this.onClick.pipe(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([
         Input()
-    ], RadioButtonComponent.prototype, "field", void 0);
+    ], BooleanFieldComponent.prototype, "field", void 0);
     __decorate([
         Input()
-    ], RadioButtonComponent.prototype, "formControl", void 0);
-    __decorate([
-        Output()
-    ], RadioButtonComponent.prototype, "onClick", void 0);
-    __decorate([
-        Output()
-    ], RadioButtonComponent.prototype, "onFocus", void 0);
-    RadioButtonComponent = __decorate([
+    ], BooleanFieldComponent.prototype, "formControl", void 0);
+    BooleanFieldComponent = __decorate([
         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: 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([
-        Input()
-    ], SelectFieldComponent.prototype, "field", void 0);
-    __decorate([
-        Input()
-    ], SelectFieldComponent.prototype, "formControl", void 0);
-    SelectFieldComponent = __decorate([
-        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([
         Input()
-    ], TextAreaFieldComponent.prototype, "field", void 0);
+    ], BooleanSwitchFieldComponent.prototype, "field", void 0);
     __decorate([
         Input()
-    ], TextAreaFieldComponent.prototype, "formControl", void 0);
-    TextAreaFieldComponent = __decorate([
+    ], BooleanSwitchFieldComponent.prototype, "formControl", void 0);
+    BooleanSwitchFieldComponent = __decorate([
         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(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 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: HttpClient },
-        { type: MessageService }
-    ]; };
-    IAssistService = __decorate([
-        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(catchError(function (err) {
-            _this.isLoading = false;
-            return 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: 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: FormBuilder },
-        { type: 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([
         Input()
-    ], TextAreaIAFieldComponent.prototype, "field", void 0);
+    ], CalendarFieldComponent.prototype, "field", void 0);
     __decorate([
         Input()
-    ], TextAreaIAFieldComponent.prototype, "formControl", void 0);
-    TextAreaIAFieldComponent = __decorate([
+    ], CalendarFieldComponent.prototype, "formControl", void 0);
+    __decorate([
+        Input()
+    ], CalendarFieldComponent.prototype, "showTime", void 0);
+    __decorate([
+        Input()
+    ], CalendarFieldComponent.prototype, "timeOnly", void 0);
+    CalendarFieldComponent = __decorate([
         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 EventEmitter();
-        _this.onFocus = new EventEmitter();
-        _this.onComplete = new EventEmitter();
-        _this.ngUnsubscribe = new 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(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-            if (_this.field.onFocus)
-                _this.field.onFocus(event);
-        });
-        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-            if (_this.field.onInput)
-                _this.field.onInput(event);
-        });
-        this.onComplete.pipe(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 }
+    ]; };
     __decorate([
         Input()
-    ], TextFieldComponent.prototype, "field", void 0);
+    ], ChipsFieldComponent.prototype, "field", void 0);
     __decorate([
         Input()
-    ], TextFieldComponent.prototype, "formControl", void 0);
-    __decorate([
-        Output()
-    ], TextFieldComponent.prototype, "onInput", void 0);
-    __decorate([
-        Output()
-    ], TextFieldComponent.prototype, "onFocus", void 0);
-    __decorate([
-        Output()
-    ], TextFieldComponent.prototype, "onComplete", void 0);
-    TextFieldComponent = __decorate([
+    ], ChipsFieldComponent.prototype, "formControl", void 0);
+    ChipsFieldComponent = __decorate([
         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: 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([
         Input()
-    ], RowComponent.prototype, "id", void 0);
+    ], CountryPhonePickerFieldComponent.prototype, "field", void 0);
     __decorate([
         Input()
-    ], RowComponent.prototype, "config", void 0);
+    ], CountryPhonePickerFieldComponent.prototype, "formControl", void 0);
+    CountryPhonePickerFieldComponent = __decorate([
+        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([
         Input()
-    ], RowComponent.prototype, "group", void 0);
+    ], CurrencyFieldComponent.prototype, "field", void 0);
     __decorate([
         Input()
-    ], RowComponent.prototype, "errorMessages", void 0);
-    RowComponent = __decorate([
+    ], CurrencyFieldComponent.prototype, "formControl", void 0);
+    CurrencyFieldComponent = __decorate([
         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() {
@@ -7095,79 +7296,45 @@ var FieldsetComponent = /** @class */ (function () {
     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([
         Input()
-    ], SectionComponent.prototype, "id", void 0);
-    __decorate([
-        Input()
-    ], SectionComponent.prototype, "config", void 0);
-    __decorate([
-        Input()
-    ], SectionComponent.prototype, "group", void 0);
+    ], FileUploadComponent.prototype, "field", void 0);
     __decorate([
         Input()
-    ], SectionComponent.prototype, "errorMessages", void 0);
-    SectionComponent = __decorate([
+    ], FileUploadComponent.prototype, "formControl", void 0);
+    FileUploadComponent = __decorate([
         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([
-        Input()
-    ], DynamicFieldComponent.prototype, "id", void 0);
-    __decorate([
-        Input()
-    ], DynamicFieldComponent.prototype, "fields", void 0);
-    __decorate([
-        Input()
-    ], DynamicFieldComponent.prototype, "form", void 0);
     __decorate([
         Input()
-    ], DynamicFieldComponent.prototype, "errorMessages", void 0);
+    ], LookupFieldComponent.prototype, "field", void 0);
     __decorate([
         Input()
-    ], DynamicFieldComponent.prototype, "displayTimeInfoSign", void 0);
-    DynamicFieldComponent = __decorate([
+    ], LookupFieldComponent.prototype, "formControl", void 0);
+    LookupFieldComponent = __decorate([
         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 EventEmitter();
         _this.onFocus = new EventEmitter();
@@ -7175,35 +7342,33 @@ var BignumberFieldComponent = /** @class */ (function (_super) {
         _this.ngUnsubscribe = new Subject();
         return _this;
     }
-    BignumberFieldComponent.prototype.ngOnInit = function () {
+    NumberFieldComponent.prototype.ngOnInit = function () {
         var _this = this;
-        this.onFocus
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (event) {
-            if (_this.field.onFocus) {
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+            if (_this.field.onFocus)
                 _this.field.onFocus(event);
-            }
         });
-        this.onInput
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (event) {
-            if (_this.field.onInput) {
+        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+            if (_this.field.onInput)
                 _this.field.onInput(event);
-            }
         });
-        this.onComplete
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (event) {
-            if (_this.field.onComplete) {
+        this.onComplete.pipe(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 NumberAlignmentOption;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(NumberFieldComponent.prototype, "fieldType", {
         get: function () {
             return FieldType;
         },
@@ -7212,46 +7377,29 @@ var BignumberFieldComponent = /** @class */ (function (_super) {
     });
     __decorate([
         Input()
-    ], BignumberFieldComponent.prototype, "field", void 0);
+    ], NumberFieldComponent.prototype, "field", void 0);
     __decorate([
         Input()
-    ], BignumberFieldComponent.prototype, "formControl", void 0);
+    ], NumberFieldComponent.prototype, "formControl", void 0);
     __decorate([
         Output()
-    ], BignumberFieldComponent.prototype, "onInput", void 0);
+    ], NumberFieldComponent.prototype, "onInput", void 0);
     __decorate([
         Output()
-    ], BignumberFieldComponent.prototype, "onFocus", void 0);
+    ], NumberFieldComponent.prototype, "onFocus", void 0);
     __decorate([
         Output()
-    ], BignumberFieldComponent.prototype, "onComplete", void 0);
-    BignumberFieldComponent = __decorate([
+    ], NumberFieldComponent.prototype, "onComplete", void 0);
+    NumberFieldComponent = __decorate([
         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: 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([
-        Input()
-    ], BooleanSwitchFieldComponent.prototype, "field", void 0);
-    __decorate([
-        Input()
-    ], BooleanSwitchFieldComponent.prototype, "formControl", void 0);
-    BooleanSwitchFieldComponent = __decorate([
-        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 EventEmitter();
@@ -7312,751 +7460,649 @@ var PasswordFieldComponent = /** @class */ (function () {
     return PasswordFieldComponent;
 }());
 
-var SliderFieldComponent = /** @class */ (function (_super) {
-    __extends(SliderFieldComponent, _super);
-    function SliderFieldComponent() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.onChange = new EventEmitter();
-        _this.onSlideEnd = new EventEmitter();
-        _this.ngUnsubscribe = new Subject();
-        return _this;
+var RadioButtonComponent = /** @class */ (function () {
+    function RadioButtonComponent() {
+        this.onClick = new EventEmitter();
+        this.onFocus = new EventEmitter();
+        this.ngUnsubscribe = new Subject();
     }
-    SliderFieldComponent.prototype.ngOnInit = function () {
+    RadioButtonComponent.prototype.ngOnInit = function () {
         var _this = this;
-        var _a, _b;
-        this.onChange.pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (event) {
-            if (_this.field.onChange) {
-                _this.field.onChange(event);
-            }
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+            if (_this.field.onFocus)
+                _this.field.onFocus(event);
         });
-        this.onSlideEnd.pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (event) {
-            if (_this.field.onSlideEnd) {
-                _this.field.onSlideEnd(event);
-            }
+        this.onClick.pipe(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 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([
         Input()
-    ], SliderFieldComponent.prototype, "field", void 0);
+    ], RadioButtonComponent.prototype, "field", void 0);
     __decorate([
         Input()
-    ], SliderFieldComponent.prototype, "formControl", void 0);
+    ], RadioButtonComponent.prototype, "formControl", void 0);
     __decorate([
         Output()
-    ], SliderFieldComponent.prototype, "onChange", void 0);
+    ], RadioButtonComponent.prototype, "onClick", void 0);
     __decorate([
         Output()
-    ], SliderFieldComponent.prototype, "onSlideEnd", void 0);
-    SliderFieldComponent = __decorate([
+    ], RadioButtonComponent.prototype, "onFocus", void 0);
+    RadioButtonComponent = __decorate([
         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: 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([
+        Input()
+    ], SectionComponent.prototype, "id", void 0);
+    __decorate([
+        Input()
+    ], SectionComponent.prototype, "config", void 0);
+    __decorate([
+        Input()
+    ], SectionComponent.prototype, "group", void 0);
+    __decorate([
+        Input()
+    ], SectionComponent.prototype, "errorMessages", void 0);
+    SectionComponent = __decorate([
+        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 === FieldType.Integer || this.field.type === 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 == FieldType.Time) {
-            component.instance.timeOnly = true;
-        }
-        if ([FieldType.LocalDateTime, FieldType.DateTime, 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 FieldType.Autocomplete:
-                return AutocompleteFieldComponent;
-            case FieldType.Binary:
-            case FieldType.String:
-                return TextFieldComponent;
-            case FieldType.Boolean:
-                return this.field.representedBy === "switch" ? BooleanSwitchFieldComponent : BooleanFieldComponent;
-            case FieldType.Chips:
-                return ChipsFieldComponent;
-            case FieldType.Date:
-            case FieldType.DateTime:
-            case FieldType.LocalDateTime:
-            case FieldType.Time:
-                return CalendarFieldComponent;
-            case FieldType.Number:
-            case FieldType.Integer:
-            case FieldType.Double:
-                return BignumberFieldComponent;
-            case FieldType.Enum:
-                return SelectFieldComponent;
-            case FieldType.Lookup:
-                return LookupFieldComponent;
-            case FieldType.Money:
-                return CurrencyFieldComponent;
-            case FieldType.Radio:
-                return RadioButtonComponent;
-            case FieldType.Text:
-                return TextAreaFieldComponent;
-            case FieldType.TextIA:
-                return TextAreaIAFieldComponent;
-            case FieldType.Password:
-                return PasswordFieldComponent;
-            case FieldType.Blob:
-                return FileUploadComponent$1;
-            case FieldType.Slider:
-                return SliderFieldComponent;
-            case 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([
+        Input()
+    ], SelectFieldComponent.prototype, "field", void 0);
+    __decorate([
+        Input()
+    ], SelectFieldComponent.prototype, "formControl", void 0);
+    SelectFieldComponent = __decorate([
+        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 SliderFieldComponent = /** @class */ (function (_super) {
+    __extends(SliderFieldComponent, _super);
+    function SliderFieldComponent() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.onChange = new EventEmitter();
+        _this.onSlideEnd = new EventEmitter();
+        _this.ngUnsubscribe = new 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(takeUntil(this.ngUnsubscribe))
+            .subscribe(function (event) {
+            if (_this.field.onChange) {
+                _this.field.onChange(event);
+            }
+        });
+        this.onSlideEnd.pipe(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 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 FieldType[this.config.type];
+    Object.defineProperty(SliderFieldComponent.prototype, "label", {
+        get: function () {
+            return this.field.range ? this.getRangeLabel() : this.getNonRangeLabel();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    __decorate([
+        Input()
+    ], SliderFieldComponent.prototype, "field", void 0);
+    __decorate([
+        Input()
+    ], SliderFieldComponent.prototype, "formControl", void 0);
+    __decorate([
+        Output()
+    ], SliderFieldComponent.prototype, "onChange", void 0);
+    __decorate([
+        Output()
+    ], SliderFieldComponent.prototype, "onSlideEnd", void 0);
+    SliderFieldComponent = __decorate([
+        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([
+        Input()
+    ], TextAreaFieldComponent.prototype, "field", void 0);
+    __decorate([
+        Input()
+    ], TextAreaFieldComponent.prototype, "formControl", void 0);
+    TextAreaFieldComponent = __decorate([
+        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(catchError(function (err) {
+            _this.isLoading = false;
+            return 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: 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: ComponentFactoryResolver },
-        { type: ViewContainerRef }
+    TextAreaIAFieldComponent.ctorParameters = function () { return [
+        { type: IAssistService },
+        { type: FormBuilder },
+        { type: TranslateService }
     ]; };
     __decorate([
         Input()
-    ], DynamicFormDirective.prototype, "sDynamicForm", null);
+    ], TextAreaIAFieldComponent.prototype, "field", void 0);
     __decorate([
-        Input("sDynamicFormDisplayTimeInfoSign")
-    ], DynamicFormDirective.prototype, "displayTimeInfoSign", void 0);
-    DynamicFormDirective = __decorate([
-        Directive({ selector: "[sDynamicForm]" })
-    ], DynamicFormDirective);
-    return DynamicFormDirective;
+        Input()
+    ], TextAreaIAFieldComponent.prototype, "formControl", void 0);
+    TextAreaIAFieldComponent = __decorate([
+        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 EventEmitter();
-        this.mouseUp = new Subject();
-        this.mouseDown = new Subject();
-        this.ngUnsubscribe = new Subject();
+var TextFieldComponent = /** @class */ (function (_super) {
+    __extends(TextFieldComponent, _super);
+    function TextFieldComponent() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.onInput = new EventEmitter();
+        _this.onFocus = new EventEmitter();
+        _this.onComplete = new EventEmitter();
+        _this.ngUnsubscribe = new 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(debounceTime(this.sLongPressDelay), takeUntil(this.mouseUp), repeat(), takeUntil(this.ngUnsubscribe))
-            .subscribe(function (event) { return _this.sLongPress.emit(event); });
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+            if (_this.field.onFocus)
+                _this.field.onFocus(event);
+        });
+        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+            if (_this.field.onInput)
+                _this.field.onInput(event);
+        });
+        this.onComplete.pipe(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([
         Input()
-    ], LongPressDirective.prototype, "sLongPressDelay", void 0);
+    ], TextFieldComponent.prototype, "field", void 0);
+    __decorate([
+        Input()
+    ], TextFieldComponent.prototype, "formControl", void 0);
     __decorate([
         Output()
-    ], LongPressDirective.prototype, "sLongPress", void 0);
+    ], TextFieldComponent.prototype, "onInput", void 0);
     __decorate([
-        HostListener("mouseup", ["$event"]),
-        HostListener("touchend", ["$event"])
-    ], LongPressDirective.prototype, "onMouseUp", null);
+        Output()
+    ], TextFieldComponent.prototype, "onFocus", void 0);
     __decorate([
-        HostListener("mousedown", ["$event"]),
-        HostListener("touchstart", ["$event"])
-    ], LongPressDirective.prototype, "onMouseDown", null);
-    LongPressDirective = __decorate([
-        Directive({
-            selector: "[sLongPress]",
+        Output()
+    ], TextFieldComponent.prototype, "onComplete", void 0);
+    TextFieldComponent = __decorate([
+        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: 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 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([
-        Output()
-    ], DoubleClickDirective.prototype, "onDoubleClick", void 0);
+        Input()
+    ], RowComponent.prototype, "id", void 0);
     __decorate([
-        HostListener("click", ["$event"])
-    ], DoubleClickDirective.prototype, "onClick", null);
-    DoubleClickDirective = __decorate([
-        Directive({
-            selector: '[sDoubleClick]'
-        })
-    ], DoubleClickDirective);
-    return DoubleClickDirective;
-}());
-
-var MouseEventsModule = /** @class */ (function () {
-    function MouseEventsModule() {
-    }
-    MouseEventsModule = __decorate([
-        NgModule({
-            imports: [CommonModule],
-            declarations: [
-                LongPressDirective,
-                DoubleClickDirective
-            ],
-            exports: [
-                LongPressDirective,
-                DoubleClickDirective
-            ],
-        })
-    ], MouseEventsModule);
-    return MouseEventsModule;
-}());
-
-var PasswordStrengths;
-(function (PasswordStrengths) {
-    PasswordStrengths["VeryWeak"] = "Very_weak";
-    PasswordStrengths["Weak"] = "weak";
-    PasswordStrengths["Medium"] = "medium";
-    PasswordStrengths["Strong"] = "strong";
-})(PasswordStrengths || (PasswordStrengths = {}));
-
-var PasswordStrengthPositions;
-(function (PasswordStrengthPositions) {
-    PasswordStrengthPositions["Top"] = "top";
-    PasswordStrengthPositions["Right"] = "right";
-    PasswordStrengthPositions["Left"] = "left";
-})(PasswordStrengthPositions || (PasswordStrengthPositions = {}));
-
-var PasswordStrengthComponent = /** @class */ (function () {
-    function PasswordStrengthComponent() {
-        this.weakTitle = "Fraca";
-        this.mediumTitle = "Médio";
-        this.strongTitle = "Forte";
-        this.position = 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 PasswordStrengthPositions.Top:
-                passwordStrength.classList.add("password-strength--top");
-                break;
-            case PasswordStrengthPositions.Right:
-                passwordStrength.classList.add("password-strength--right");
-                break;
-            case 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 PasswordStrengths.VeryWeak:
-                this.title = this.weakTitle;
-                break;
-            case PasswordStrengths.Weak:
-                this.title = this.weakTitle;
-                strengthClass = "strength-indicator--weak";
-                onIndicators.push(strengthIndicator1);
-                break;
-            case PasswordStrengths.Medium:
-                this.title = this.mediumTitle;
-                strengthClass = "strength-indicator--medium";
-                onIndicators.push(strengthIndicator1);
-                onIndicators.push(strengthIndicator2);
-                break;
-            case 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);
-        });
+        Input()
+    ], RowComponent.prototype, "config", void 0);
+    __decorate([
+        Input()
+    ], RowComponent.prototype, "group", void 0);
+    __decorate([
+        Input()
+    ], RowComponent.prototype, "errorMessages", void 0);
+    RowComponent = __decorate([
+        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([
         Input()
-    ], PasswordStrengthComponent.prototype, "weakTitle", void 0);
+    ], DynamicFieldComponent.prototype, "id", void 0);
     __decorate([
         Input()
-    ], PasswordStrengthComponent.prototype, "mediumTitle", void 0);
+    ], DynamicFieldComponent.prototype, "fields", void 0);
     __decorate([
         Input()
-    ], PasswordStrengthComponent.prototype, "strongTitle", void 0);
+    ], DynamicFieldComponent.prototype, "form", void 0);
     __decorate([
         Input()
-    ], PasswordStrengthComponent.prototype, "description", void 0);
-    PasswordStrengthComponent = __decorate([
+    ], DynamicFieldComponent.prototype, "errorMessages", void 0);
+    __decorate([
+        Input()
+    ], DynamicFieldComponent.prototype, "displayTimeInfoSign", void 0);
+    DynamicFieldComponent = __decorate([
         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 = 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(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 === FieldType.Integer || this.field.type === 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 == FieldType.Time) {
+            component.instance.timeOnly = true;
         }
-    };
-    PasswordStrengthDirective.prototype.showPasswordStrength = function () {
-        if (this.componentRef !== null) {
-            this.componentRef.instance.visible = true;
+        if ([FieldType.LocalDateTime, FieldType.DateTime, 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(PasswordStrengthPositions.Top)
-                    && invalidOptions.includes(PasswordStrengthPositions.Right)
-                    && invalidOptions.includes(PasswordStrengthPositions.Left)) {
-                    this.destroyPasswordStrength();
-                    throw new Error("No space to show password strength");
-                }
-                switch (this.position) {
-                    case 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 = PasswordStrengthPositions.Right;
-                            invalidOptions.push(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 PasswordStrengthPositions.Right: {
-                        var rightShift = document.body.clientWidth - right;
-                        if (rightShift <= elementRefWidth + safeSpace) {
-                            this.position = PasswordStrengthPositions.Left;
-                            invalidOptions.push(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 PasswordStrengthPositions.Left: {
-                        var leftShift = left;
-                        if (leftShift <= elementRefWidth + safeSpace) {
-                            this.position = PasswordStrengthPositions.Top;
-                            invalidOptions.push(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 FieldType.Autocomplete:
+                return AutocompleteFieldComponent;
+            case FieldType.Binary:
+            case FieldType.String:
+                return TextFieldComponent;
+            case FieldType.Boolean:
+                return this.field.representedBy === "switch" ? BooleanSwitchFieldComponent : BooleanFieldComponent;
+            case FieldType.Chips:
+                return ChipsFieldComponent;
+            case FieldType.CountryPhonePicker:
+                return CountryPhonePickerFieldComponent;
+            case FieldType.Date:
+            case FieldType.DateTime:
+            case FieldType.LocalDateTime:
+            case FieldType.Time:
+                return CalendarFieldComponent;
+            case FieldType.Number:
+            case FieldType.Integer:
+            case FieldType.Double:
+                return BignumberFieldComponent;
+            case FieldType.Enum:
+                return SelectFieldComponent;
+            case FieldType.Lookup:
+                return LookupFieldComponent;
+            case FieldType.Money:
+                return CurrencyFieldComponent;
+            case FieldType.Radio:
+                return RadioButtonComponent;
+            case FieldType.Text:
+                return TextAreaFieldComponent;
+            case FieldType.TextIA:
+                return TextAreaIAFieldComponent;
+            case FieldType.Password:
+                return PasswordFieldComponent;
+            case FieldType.Blob:
+                return FileUploadComponent$1;
+            case FieldType.Slider:
+                return SliderFieldComponent;
+            case 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 PasswordStrengths.VeryWeak;
+            this.directiveConfig = new DynamicField({
+                group: this.group,
+                field: this.config,
+                errorMessages: this.errorMessages,
+            });
         }
-        else if (points < 4) {
-            return PasswordStrengths.Weak;
+        else if (this.isStructure()) {
+            this.directiveConfig = new DynamicStructure({
+                group: this.group,
+                config: this.config,
+                errorMessages: this.errorMessages,
+            });
         }
-        else if (points < 5) {
-            return PasswordStrengths.Medium;
+        else if (this.isGrid()) {
+            this.directiveConfig = new DynamicGrid({
+                group: this.group,
+                config: this.config,
+                errorMessages: this.errorMessages,
+            });
         }
-        else {
-            return 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: ElementRef },
-        { type: ApplicationRef },
+    DynamicFormDirective.prototype.isField = function () {
+        return 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: ComponentFactoryResolver },
-        { type: Injector }
+        { type: ViewContainerRef }
     ]; };
     __decorate([
-        Input("sPasswordStrength")
-    ], PasswordStrengthDirective.prototype, "enabled", void 0);
-    __decorate([
-        Input("psValidation")
-    ], PasswordStrengthDirective.prototype, "validation", void 0);
-    __decorate([
-        Input("psPosition")
-    ], PasswordStrengthDirective.prototype, "position", void 0);
-    __decorate([
-        Input("psWeakTitle")
-    ], PasswordStrengthDirective.prototype, "weakTitle", void 0);
-    __decorate([
-        Input("psMediumTitle")
-    ], PasswordStrengthDirective.prototype, "mediumTitle", void 0);
-    __decorate([
-        Input("psStrongTitle")
-    ], PasswordStrengthDirective.prototype, "strongTitle", void 0);
-    __decorate([
-        Input("psDescription")
-    ], PasswordStrengthDirective.prototype, "description", void 0);
-    __decorate([
-        HostListener("keyup"),
-        HostListener("focus")
-    ], PasswordStrengthDirective.prototype, "onFocus", null);
+        Input()
+    ], DynamicFormDirective.prototype, "sDynamicForm", null);
     __decorate([
-        HostListener("blur")
-    ], PasswordStrengthDirective.prototype, "onBlur", null);
-    PasswordStrengthDirective = __decorate([
-        Directive({
-            selector: "[sPasswordStrength]",
-        })
-    ], PasswordStrengthDirective);
-    return PasswordStrengthDirective;
-}());
-
-var PasswordStrengthModule = /** @class */ (function () {
-    function PasswordStrengthModule() {
-    }
-    PasswordStrengthModule = __decorate([
-        NgModule({
-            imports: [CommonModule],
-            declarations: [
-                PasswordStrengthComponent,
-                PasswordStrengthDirective,
-            ],
-            exports: [PasswordStrengthDirective],
-        })
-    ], PasswordStrengthModule);
-    return PasswordStrengthModule;
+        Input("sDynamicFormDisplayTimeInfoSign")
+    ], DynamicFormDirective.prototype, "displayTimeInfoSign", void 0);
+    DynamicFormDirective = __decorate([
+        Directive({ selector: "[sDynamicForm]" })
+    ], DynamicFormDirective);
+    return DynamicFormDirective;
 }());
 
 var DynamicFormModule = /** @class */ (function () {
@@ -8065,36 +8111,36 @@ var DynamicFormModule = /** @class */ (function () {
     DynamicFormModule = __decorate([
         NgModule({
             imports: [
-                CommonModule,
-                FormsModule,
-                ReactiveFormsModule,
-                TooltipModule,
-                InputTextModule,
-                CheckboxModule,
-                CalendarModule,
-                InputMaskModule,
-                DropdownModule,
-                NumberInputModule,
-                BignumberInputModule,
-                LocalizedNumberInputModule,
-                ControlErrorsModule,
-                LocaleModule,
                 AutoCompleteModule,
-                MultiSelectModule,
-                ButtonModule$1,
+                BignumberInputModule,
                 ButtonModule,
-                PanelModule$1,
+                CalendarMaskModule,
+                CalendarModule,
+                CheckboxModule,
+                ChipsModule,
+                CommonModule,
+                ControlErrorsModule,
+                CountryPhonePickerModule,
                 DialogModule,
-                RadioButtonModule,
-                TableModule$1,
+                DropdownModule,
                 EmptyStateModule,
-                LoadingStateModule,
+                FormsModule,
                 HotkeyModule,
-                ChipsModule,
-                CalendarMaskModule,
+                InputMaskModule,
                 InputTextareaModule,
-                RadioButtonModule,
+                InputTextModule,
                 KeyFilterModule,
+                LoadingStateModule,
+                LocaleModule,
+                LocalizedNumberInputModule,
+                PanelModule$1,
+                ButtonModule$1,
+                TableModule$1,
+                MultiSelectModule,
+                NumberInputModule,
+                RadioButtonModule,
+                ReactiveFormsModule,
+                TooltipModule,
                 FieldsetModule,
                 TableHeaderCheckboxModule,
                 FileUploadModule,
@@ -8110,52 +8156,54 @@ var DynamicFormModule = /** @class */ (function () {
             ],
             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: [
                 HotkeysService,
@@ -15738,5 +15786,5 @@ var fallback = {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionModule, AccordionPanelComponent, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, SelectFieldComponent as ɵba, TextAreaFieldComponent as ɵbb, TextAreaIAFieldComponent as ɵbc, IAssistService as ɵbd, TextFieldComponent as ɵbe, BooleanSwitchFieldComponent as ɵbf, PasswordFieldComponent as ɵbg, SliderFieldComponent as ɵbh, DecimalField as ɵbj, SideTableComponent as ɵbk, StructureModule as ɵbl, HeaderComponent as ɵbm, FooterComponent as ɵbn, NumberLocaleOptions as ɵbo, ThumbnailService as ɵbp, BorderButtonModule as ɵbq, BorderButtonComponent as ɵbr, TimelineItemModule as ɵbs, TimelineIconItemComponent as ɵbt, HorizontalTimelineModule as ɵbu, HorizontalTimelineComponent as ɵbv, VerticalTimelineModule as ɵbw, VerticalTimelineComponent as ɵbx, RangeLineComponent as ɵby, CollapseOptionComponent as ɵbz, CountryPhonePickerService as ɵc, CollapsedItemsComponent as ɵca, VerticalItemsComponent as ɵcb, InfiniteScrollModule as ɵcc, InfiniteScrollDirective as ɵcd, CustomTranslationsModule as ɵce, CodeEditorComponent as ɵcf, CoreFacade as ɵcg, CodeMirror6Core as ɵch, TieredMenuEventService as ɵci, TieredMenuService as ɵcj, TieredMenuComponent as ɵck, TieredMenuNestedComponent as ɵcl, TieredMenuItemComponent as ɵcm, TieredMenuDividerComponent as ɵcn, LocalizedCurrencyImpurePipe as ɵd, LocalizedBignumberPipe as ɵe, LocalizedBignumberImpurePipe as ɵf, EmptyStateGoBackComponent as ɵg, FileUploadService as ɵh, InfoSignComponent as ɵi, TableColumnsComponent as ɵj, TablePagingComponent as ɵk, AutocompleteFieldComponent as ɵl, BooleanFieldComponent as ɵm, CalendarFieldComponent as ɵn, ChipsFieldComponent as ɵo, CurrencyFieldComponent as ɵp, DynamicFieldComponent as ɵq, DynamicFormDirective as ɵr, FieldsetComponent as ɵs, FileUploadComponent$1 as ɵt, LookupFieldComponent as ɵu, NumberFieldComponent as ɵv, BignumberFieldComponent as ɵw, RadioButtonComponent as ɵx, RowComponent as ɵy, SectionComponent as ɵz };
+export { AccordionComponent, AccordionModule, AccordionPanelComponent, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, RadioButtonComponent as ɵba, RowComponent as ɵbb, SectionComponent as ɵbc, SelectFieldComponent as ɵbd, SliderFieldComponent as ɵbe, TextAreaFieldComponent as ɵbf, TextAreaIAFieldComponent as ɵbg, IAssistService as ɵbh, TextFieldComponent as ɵbi, DecimalField as ɵbk, SideTableComponent as ɵbl, StructureModule as ɵbm, HeaderComponent as ɵbn, FooterComponent as ɵbo, NumberLocaleOptions as ɵbp, ThumbnailService as ɵbq, BorderButtonModule as ɵbr, BorderButtonComponent as ɵbs, TimelineItemModule as ɵbt, TimelineIconItemComponent as ɵbu, HorizontalTimelineModule as ɵbv, HorizontalTimelineComponent as ɵbw, VerticalTimelineModule as ɵbx, VerticalTimelineComponent as ɵby, RangeLineComponent as ɵbz, CountryPhonePickerService as ɵc, CollapseOptionComponent as ɵca, CollapsedItemsComponent as ɵcb, VerticalItemsComponent as ɵcc, InfiniteScrollModule as ɵcd, InfiniteScrollDirective as ɵce, CustomTranslationsModule as ɵcf, CodeEditorComponent as ɵcg, CoreFacade as ɵch, CodeMirror6Core as ɵci, TieredMenuEventService as ɵcj, TieredMenuService as ɵck, TieredMenuComponent as ɵcl, TieredMenuNestedComponent as ɵcm, TieredMenuItemComponent as ɵcn, TieredMenuDividerComponent as ɵco, LocalizedCurrencyImpurePipe as ɵd, LocalizedBignumberPipe as ɵe, LocalizedBignumberImpurePipe as ɵf, EmptyStateGoBackComponent as ɵg, FileUploadService as ɵh, InfoSignComponent as ɵi, TableColumnsComponent as ɵj, TablePagingComponent as ɵk, AutocompleteFieldComponent as ɵl, BignumberFieldComponent as ɵm, BooleanFieldComponent as ɵn, BooleanSwitchFieldComponent as ɵo, CalendarFieldComponent as ɵp, ChipsFieldComponent as ɵq, CountryPhonePickerFieldComponent as ɵr, CurrencyFieldComponent as ɵs, DynamicFieldComponent as ɵt, DynamicFormDirective as ɵu, FieldsetComponent as ɵv, FileUploadComponent$1 as ɵw, LookupFieldComponent as ɵx, NumberFieldComponent as ɵy, PasswordFieldComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map