@seniorsistemas/angular-components 17.2.10 → 17.2.11

package/fesm2015/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';
@@ -2034,7 +2034,11 @@ let CountryPhonePickerComponent = CountryPhonePickerComponent_1 = class CountryP
         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 = (value) => {
             if (!value) {
@@ -2160,6 +2164,10 @@ let CountryPhonePickerComponent = CountryPhonePickerComponent_1 = class CountryP
     getPlaceholder() {
         return this.mask.replace(/9/g, "");
     }
+    onBlur(value) {
+        this.blur.emit(value);
+        this.focusLost.emit(value);
+    }
     _getSelectedCountryDefault() {
         if (!this._countriesList.length) {
             throw new Error("No country loaded");
@@ -2242,6 +2250,9 @@ __decorate([
 __decorate([
     Output()
 ], CountryPhonePickerComponent.prototype, "blur", void 0);
+__decorate([
+    Output()
+], CountryPhonePickerComponent.prototype, "focusLost", void 0);
 __decorate([
     ViewChild("phoneInput", { static: true })
 ], CountryPhonePickerComponent.prototype, "phoneInput", void 0);
@@ -2257,7 +2268,7 @@ __decorate([
 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(() => CountryPhonePickerComponent_1),
@@ -2290,6 +2301,7 @@ var FieldType;
     FieldType["Blob"] = "Blob";
     FieldType["Boolean"] = "Boolean";
     FieldType["Chips"] = "Chips";
+    FieldType["CountryPhonePicker"] = "CountryPhonePicker";
     FieldType["Custom"] = "Custom";
     FieldType["Date"] = "Date";
     FieldType["DateTime"] = "DateTime";
@@ -3130,6 +3142,16 @@ class SliderField extends Field {
     }
 }
 
+class CountryPhonePickerField extends Field {
+    constructor(config) {
+        super(config);
+        this.countries = config.countries;
+        this.ordination = config.ordination;
+        this.onSelected = config.onSelected;
+        this.onFocusLost = config.onFocusLost;
+    }
+}
+
 class FormField {
     constructor(config) {
         switch (config.type) {
@@ -3167,6 +3189,8 @@ class FormField {
                 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:
@@ -3851,145 +3875,413 @@ DynamicFormComponent = __decorate([
     })
 ], DynamicFormComponent);
 
-var EmptyStateComponent_1;
-let EmptyStateComponent = EmptyStateComponent_1 = class EmptyStateComponent {
+let IAssistService = class IAssistService {
+    constructor(http, _messageService) {
+        this.http = http;
+        this._messageService = _messageService;
+    }
+    askIA(context, data) {
+        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((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);
+        }));
+    }
+    _createPrompt(context, data) {
+        return `Crie um texto genérico para preencher o campo de textarea.
+        ${data.label ? `O campo tem o label ${data.label}.` : ""}
+        ${data.id ? `O campo tem o id ${data.id}.` : ""}
+        ${data.placeholder ? `Considere as instruções/sugestões do placeholder: ${data.placeholder}.` : ""}
+        Baseie-se no contexto informado pelo usuário: '${context}'.
+        O texto deve ser formal e conter informações pertinentes a um campo como este, como se um usuário real tivesse preenchido com as informações necessárias. 
+        O texto deve ser neutro com relação a generos, raças, religiões, etc.
+        O texto deve ser impessoal e não deve conter informações pessoais do usuário.
+        Não direcione o texto a ninguém, não use expressões como: caro, atenciosamente. gostaria, agradeço. O texto deve ser genérico.
+    
+        Exemplos de texto:
+        Um campo de descrição de usuário: "Usuário com 20 anos, estudante de engenharia, gosta de jogar futebol e assistir filmes."
+        Outro exemplo de descrição de usuário: "Usuário administrador, com acesso total ao sistema, responsável por gerenciar os usuários e os produtos."
+        Um campo de descrição de um produto: "O produto é um celular, com tela de 6 polegadas, 128GB de armazenamento, 4GB de memória RAM, câmera de 12MP e bateria de 4000mAh."
+        Outro exemplo de descrição de produto: "O produto é uma geladeira, com capacidade de 500 litros, 2 portas, cor branca, com freezer e gaveta de legumes."
+        Outro exemplo de descrição de produto: "O produto é uma camiseta, tamanho M, cor azul, 100% algodão, com estampa de um gato."
+    
+        Em caso de contexto incompleto crie um texto genérico, como se fosse um exemplo de preenchimento do campo.
+        O texto é para um campo de textarea, então escreva um texto sucinto.
+        Exiba apenas o texto do output`;
+    }
+};
+IAssistService.ctorParameters = () => [
+    { type: HttpClient },
+    { type: MessageService }
+];
+IAssistService = __decorate([
+    Injectable()
+], IAssistService);
+
+let LongPressDirective = class LongPressDirective {
     constructor() {
-        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();
+        this.sLongPressDelay = 500;
+        this.sLongPress = new EventEmitter();
+        this.mouseUp = new Subject();
+        this.mouseDown = new Subject();
+        this.ngUnsubscribe = new Subject();
+    }
+    onMouseUp(event) {
+        this.mouseUp.next(event);
+    }
+    onMouseDown(event) {
+        this.mouseDown.next(event);
+    }
+    ngOnInit() {
+        this.mouseDown
+            .pipe(debounceTime(this.sLongPressDelay), takeUntil(this.mouseUp), repeat(), takeUntil(this.ngUnsubscribe))
+            .subscribe(event => this.sLongPress.emit(event));
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
     }
 };
-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);
+], 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);
+], LongPressDirective);
 
-let EmptyStateGoBackComponent = class EmptyStateGoBackComponent {
-    constructor(cookieService) {
-        this.cookieService = cookieService;
-        this.iconClass = "fa fa-exclamation-triangle";
+let DoubleClickDirective = class DoubleClickDirective {
+    constructor() {
+        this.onDoubleClick = new EventEmitter();
+        this._timeout = null;
+        this._DOUBLE_CLICK_DELAY = 500;
     }
-    goBack() {
-        const portalUrl = this.cookieService.get("com.senior.portal.url");
-        window.open(portalUrl, "_top");
+    onClick(event) {
+        this.handleOnClickEvent(event);
+    }
+    handleOnClickEvent(event) {
+        if (this._timeout) {
+            this.clearTimeout();
+            this.onDoubleClick.emit(event);
+        }
+        else {
+            this._timeout = setTimeout(() => this.clearTimeout(), this._DOUBLE_CLICK_DELAY);
+        }
+    }
+    clearTimeout() {
+        clearTimeout(this._timeout);
+        this._timeout = null;
     }
 };
-EmptyStateGoBackComponent.nextId = 0;
-EmptyStateGoBackComponent.ctorParameters = () => [
-    { 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);
+], DoubleClickDirective);
 
-let EmptyStateModule = class EmptyStateModule {
+let MouseEventsModule = class 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);
-
-/**
- * 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 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* () {
-        const textResponse = yield (yield response.blob()).text();
-        return JSON.parse(textResponse);
-    });
-}
+], MouseEventsModule);
 
-/**
- * Custom HttpClient for cases when is not possible to use the Angular's HttpClient
- */
-class 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
-     */
-    static GET(url, init = {}) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.interceptRequest(url, Object.assign(Object.assign({}, init), { method: "GET" }));
-            return this.formatResponse(response);
-        });
-    }
-    /**
-     * Executes a Http Post
+var BignumberInputDirective_1;
+let BignumberInputDirective = BignumberInputDirective_1 = class BignumberInputDirective extends CurrencyMaskDirective$1 {
+    constructor() {
+        super(...arguments);
+        this.precision = 15;
+        this.scale = 0;
+        this.decimalSeparator = ",";
+        this.alignTo = AlignmentOptions.LEFT;
+        this.allowNegative = true;
+    }
+    ngOnInit() {
+        this.updateVariables();
+        super.ngOnInit();
+    }
+    ngOnChanges(changes) {
+        const 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();
+        }
+    }
+    onKeypress(event) {
+        const 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.
+     */
+    updateVariables() {
+        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.
+     */
+    calculateMaxLength() {
+        var _a, _b;
+        const decSepLength = this.decimalSeparator.length;
+        const thoSepLength = (_b = (_a = this.thousandsSeparator) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 1;
+        let 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;
+    }
+};
+__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(() => BignumberInputDirective_1),
+                multi: true,
+            },
+        ],
+    })
+], BignumberInputDirective);
+
+let BignumberInputModule = class BignumberInputModule {
+};
+BignumberInputModule = __decorate([
+    NgModule({
+        imports: [CommonModule],
+        declarations: [BignumberInputDirective],
+        exports: [BignumberInputDirective],
+    })
+], BignumberInputModule);
+
+var EmptyStateComponent_1;
+let EmptyStateComponent = EmptyStateComponent_1 = class EmptyStateComponent {
+    constructor() {
+        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.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);
+
+let EmptyStateGoBackComponent = class EmptyStateGoBackComponent {
+    constructor(cookieService) {
+        this.cookieService = cookieService;
+        this.iconClass = "fa fa-exclamation-triangle";
+    }
+    goBack() {
+        const portalUrl = this.cookieService.get("com.senior.portal.url");
+        window.open(portalUrl, "_top");
+    }
+};
+EmptyStateGoBackComponent.nextId = 0;
+EmptyStateGoBackComponent.ctorParameters = () => [
+    { 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);
+
+let EmptyStateModule = class EmptyStateModule {
+};
+EmptyStateModule = __decorate([
+    NgModule({
+        imports: [CommonModule, ButtonModule],
+        providers: [CookieService],
+        declarations: [EmptyStateComponent, EmptyStateGoBackComponent],
+        exports: [EmptyStateComponent, EmptyStateGoBackComponent],
+    })
+], 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 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* () {
+        const textResponse = yield (yield response.blob()).text();
+        return JSON.parse(textResponse);
+    });
+}
+
+/**
+ * Custom HttpClient for cases when is not possible to use the Angular's HttpClient
+ */
+class 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
+     */
+    static GET(url, init = {}) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.interceptRequest(url, Object.assign(Object.assign({}, init), { method: "GET" }));
+            return this.formatResponse(response);
+        });
+    }
+    /**
+     * Executes a Http Post
      * @param url Url to execute the Post on
      * @param body Info to send to server on Post
      * @param init Optional additional configs
@@ -4859,269 +5151,315 @@ MaskFormatterModule = __decorate([
     })
 ], MaskFormatterModule);
 
-var BignumberInputDirective_1;
-let BignumberInputDirective = BignumberInputDirective_1 = class BignumberInputDirective extends CurrencyMaskDirective$1 {
+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 = {}));
+
+let PasswordStrengthComponent = class PasswordStrengthComponent {
     constructor() {
-        super(...arguments);
-        this.precision = 15;
-        this.scale = 0;
-        this.decimalSeparator = ",";
-        this.alignTo = AlignmentOptions.LEFT;
-        this.allowNegative = true;
+        this.weakTitle = "Fraca";
+        this.mediumTitle = "Médio";
+        this.strongTitle = "Forte";
+        this.position = PasswordStrengthPositions.Right;
+        this.left = 0;
+        this.top = 0;
+        this.visible = false;
     }
     ngOnInit() {
-        this.updateVariables();
-        super.ngOnInit();
-    }
-    ngOnChanges(changes) {
-        const 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();
-        }
+        this.title = this.weakTitle;
     }
-    onKeypress(event) {
-        const 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;
+    setPasswordStrengthPosition() {
+        const 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;
         }
     }
-    /**
-     * Update the options values according to the directive input values.
-     */
-    updateVariables() {
-        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.
-     */
-    calculateMaxLength() {
-        var _a, _b;
-        const decSepLength = this.decimalSeparator.length;
-        const thoSepLength = (_b = (_a = this.thousandsSeparator) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 1;
-        let 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;
+    updateIndicators(passwordStrength) {
+        const strengthIndicator1 = document.querySelector("#strength-indicator-1");
+        const strengthIndicator2 = document.querySelector("#strength-indicator-2");
+        const strengthIndicator3 = document.querySelector("#strength-indicator-3");
+        const onIndicators = [];
+        const indicators = [
+            strengthIndicator1,
+            strengthIndicator2,
+            strengthIndicator3,
+        ];
+        let 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(indicator => {
+            indicator.classList.remove("strength-indicator--weak", "strength-indicator--medium", "strength-indicator--strong");
+        });
+        onIndicators.forEach(indicator => {
+            indicator.classList.add(strengthClass);
+        });
     }
 };
 __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(() => BignumberInputDirective_1),
-                multi: true,
-            },
-        ],
-    })
-], BignumberInputDirective);
-
-let BignumberInputModule = class 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);
+], PasswordStrengthComponent);
 
-var TableHeaderCheckboxComponent_1;
-let TableHeaderCheckboxComponent = TableHeaderCheckboxComponent_1 = class TableHeaderCheckboxComponent {
-    constructor(table, tableService) {
-        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(() => {
-            this.checked = this.updateCheckedState();
-        });
-        this.table.tableService.selectionSource$.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
-            this.checked = this.updateCheckedState();
-        });
+let PasswordStrengthDirective = class PasswordStrengthDirective {
+    constructor(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;
     }
     ngOnInit() {
-        this.checked = this.updateCheckedState();
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
+        this.validateProperties();
     }
     onFocus() {
-        this.hasFocus = true;
+        var _a, _b, _c;
+        const 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);
+        }
     }
     onBlur() {
-        this.hasFocus = false;
-    }
-    isDisabled() {
-        return this.disabled || !this.table.value || !this.table.value.length;
+        this.destroyPasswordStrength();
     }
-    onClick() {
-        if (!this.disabled) {
-            if (this.table.value && this.table.value.length > 0)
-                this.onToggleCheckbox(!this.checked);
+    createPasswordStrength() {
+        if (this.enabled && this.componentRef === null) {
+            const componentFactory = this.componentFactoryResolver.resolveComponentFactory(PasswordStrengthComponent);
+            this.componentRef = componentFactory.create(this.injector);
+            this.appRef.attachView(this.componentRef.hostView);
+            const domElem = this.componentRef.hostView.rootNodes[0];
+            document.body.appendChild(domElem);
+            this.setPasswordStrengthComponentProperties();
+            this.showPasswordStrength();
         }
     }
-    updateCheckedState() {
-        if (this.table.filteredValue) {
-            const val = this.table.filteredValue;
-            return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllFilteredValuesChecked();
+    showPasswordStrength() {
+        if (this.componentRef !== null) {
+            this.componentRef.instance.visible = true;
         }
-        else {
-            const val = this.table.value;
-            return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllValuesChecked();
+    }
+    setPasswordStrengthComponentProperties() {
+        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;
+            const { top, right, bottom, left } = this.elementRef.nativeElement.getBoundingClientRect();
+            const margin = 20;
+            const elementRefHeight = bottom - top;
+            const elementRefWidth = right - left;
+            const safeSpace = 150;
+            let positioned = false;
+            const 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: {
+                        const topShift = top;
+                        const rightShift = document.body.clientWidth - right;
+                        const 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 - margin);
+                        this.componentRef.instance.left = Math.round(elementRefWidth / 2 + left);
+                        positioned = true;
+                        break;
+                    }
+                    case PasswordStrengthPositions.Right: {
+                        const 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 + elementRefHeight / 2);
+                        this.componentRef.instance.left = Math.round(right + margin);
+                        positioned = true;
+                        break;
+                    }
+                    case PasswordStrengthPositions.Left: {
+                        const leftShift = left;
+                        if (leftShift <= elementRefWidth + safeSpace) {
+                            this.position = PasswordStrengthPositions.Top;
+                            invalidOptions.push(PasswordStrengthPositions.Left);
+                            break;
+                        }
+                        this.componentRef.instance.top = Math.round(top + elementRefHeight / 2);
+                        this.componentRef.instance.left = Math.round(left - margin);
+                        positioned = true;
+                        break;
+                    }
+                    default: {
+                        break;
+                    }
+                }
+                this.componentRef.instance.position = this.position;
+            }
         }
     }
-    onToggleCheckbox(checked) {
-        const { filteredValue, value, dataKey } = this.table;
-        const gridData = checked ? (filteredValue ? filteredValue.slice() : value.slice()) : [];
-        if (checked) {
-            const unselecteds = gridData
-                .filter(record => !this.table._selection.find((selected) => record[dataKey] === selected[dataKey]))
-                .map((record) => {
-                if (this.useAllObject)
-                    return record;
-                const newRecord = {};
-                if (this.rowProps)
-                    this.rowProps.forEach((prop) => (newRecord[prop] = record[prop]));
-                else
-                    newRecord[dataKey] = record[dataKey];
-                return newRecord;
-            });
-            this.table._selection = [...this.table._selection, ...unselecteds];
+    validateProperties() {
+        this.validation = this.validation || this.defaultValidator;
+        if (!this.description) {
+            throw new Error("Description is required");
         }
-        else {
-            value.forEach((data) => {
-                this.table._selection = this.table._selection.filter((record) => record[dataKey] !== data[dataKey]);
-            });
+    }
+    destroyPasswordStrength() {
+        if (this.componentRef !== null) {
+            this.appRef.detachView(this.componentRef.hostView);
+            this.componentRef.destroy();
+            this.componentRef = null;
         }
-        this.table.updateSelectionKeys();
-        this.table.selectionChange.emit(this.table._selection);
-        this.tableService.onSelectionChange();
-        if (this.table.isStateful())
-            this.table.saveState();
     }
-    isAllFilteredValuesChecked() {
-        if (!this.table.filteredValue) {
-            return false;
+    defaultValidator(content) {
+        let points = 0;
+        const regExpValidations = [
+            new RegExp("(?=.*\\d)"),
+            new RegExp("(?=.*[a-z])"),
+            new RegExp("(?=.*[A-Z])"),
+            new RegExp("(?=.*[!@#$%&*.\\-=+^~])"),
+        ];
+        if (content.length >= 6) {
+            points++;
         }
-        else {
-            for (const rowData of this.table.filteredValue) {
-                if (!this.table.isSelected(rowData)) {
-                    return false;
-                }
+        regExpValidations.forEach(validation => {
+            if (validation.test(content)) {
+                points++;
             }
-            return true;
+        });
+        if (points < 1) {
+            return PasswordStrengths.VeryWeak;
         }
-    }
-    isAllValuesChecked() {
-        if (!this.table.value) {
-            return false;
+        else if (points < 4) {
+            return PasswordStrengths.Weak;
+        }
+        else if (points < 5) {
+            return PasswordStrengths.Medium;
         }
         else {
-            for (const rowData of this.table.value) {
-                if (!this.table.isSelected(rowData)) {
-                    return false;
-                }
-            }
-            return true;
+            return PasswordStrengths.Strong;
         }
     }
 };
-TableHeaderCheckboxComponent.nextId = 0;
-TableHeaderCheckboxComponent.ctorParameters = () => [
-    { type: Table },
-    { type: TableService }
+PasswordStrengthDirective.ctorParameters = () => [
+    { 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: `
-        <div class="ui-chkbox ui-widget" (click)="onClick()">
-            <div class="ui-helper-hidden-accessible">
-                <input type="checkbox" [checked]="checked" (focus)="onFocus()" (blur)="onBlur()" [disabled]="isDisabled()">
-            </div>
-            <div [ngClass]="{'ui-chkbox-box ui-widget ui-state-default':true,
-                'ui-state-active':checked, 'ui-state-disabled': isDisabled(), 'ui-state-focus': hasFocus}">
-                <span [id]="id" class="ui-chkbox-icon ui-clickable" [ngClass]="{'pi pi-check':checked}"></span>
-            </div>
-        </div>
-    `
+    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);
+], PasswordStrengthDirective);
 
-let TableHeaderCheckboxModule = class TableHeaderCheckboxModule {
+let PasswordStrengthModule = class PasswordStrengthModule {
 };
-TableHeaderCheckboxModule = __decorate([
+PasswordStrengthModule = __decorate([
     NgModule({
         imports: [CommonModule],
-        exports: [TableHeaderCheckboxComponent],
-        declarations: [TableHeaderCheckboxComponent],
+        declarations: [
+            PasswordStrengthComponent,
+            PasswordStrengthDirective,
+        ],
+        exports: [PasswordStrengthDirective],
     })
-], TableHeaderCheckboxModule);
+], PasswordStrengthModule);
 
 let NavigationDirective = class NavigationDirective {
     onKeyDown(event) {
@@ -5996,558 +6334,407 @@ __decorate([
     Input()
 ], TablePagingComponent.prototype, "exportFileName", void 0);
 __decorate([
-    Input()
-], TablePagingComponent.prototype, "table", void 0);
-__decorate([
-    Input()
-], TablePagingComponent.prototype, "exportable", void 0);
-__decorate([
-    Input()
-], 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);
-
-let TableModule = class TableModule {
-};
-TableModule = __decorate([
-    NgModule({
-        imports: [
-            CommonModule,
-            TooltipModule,
-            TokenListModule,
-            TranslateModule,
-            ButtonModule,
-            InfoSignModule
-        ],
-        exports: [
-            RowTogllerDirective,
-            NavigationDirective,
-            TableColumnsComponent,
-            TableFrozenPositionDirective,
-            TablePagingComponent
-        ],
-        declarations: [
-            RowTogllerDirective,
-            NavigationDirective,
-            TableColumnsComponent,
-            TableFrozenPositionDirective,
-            TablePagingComponent
-        ],
-    })
-], TableModule);
-
-let AutocompleteFieldComponent = class 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);
-
-let BooleanFieldComponent = class BooleanFieldComponent {
-    onClear() {
-        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);
-
-let CalendarFieldComponent = class CalendarFieldComponent {
-};
-__decorate([
-    Input()
-], CalendarFieldComponent.prototype, "field", void 0);
-__decorate([
-    Input()
-], CalendarFieldComponent.prototype, "formControl", void 0);
-__decorate([
-    Input()
-], CalendarFieldComponent.prototype, "showTime", void 0);
-__decorate([
-    Input()
-], CalendarFieldComponent.prototype, "timeOnly", void 0);
-CalendarFieldComponent = __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"
-    })
-], CalendarFieldComponent);
-
-let ChipsFieldComponent = class ChipsFieldComponent {
-    constructor(clipboard) {
-        this.clipboard = clipboard;
-        this.feedbackMessageVisible = false;
-        this.copyButtonVisible = true;
-    }
-    onCopyFieldContent() {
-        if (this.formControl.value) {
-            this.copyButtonVisible = false;
-            this.feedbackMessageVisible = true;
-            setTimeout(() => {
-                this.feedbackMessageVisible = false;
-                this.copyButtonVisible = true;
-            }, 3000);
-            const content = this.formControl.value.join(this.field.separator || "\n");
-            this.clipboard.copy(content);
-            if (this.field.onCopy) {
-                this.field.onCopy(content);
-            }
-        }
-    }
-};
-ChipsFieldComponent.ctorParameters = () => [
-    { type: Clipboard }
-];
-__decorate([
-    Input()
-], ChipsFieldComponent.prototype, "field", 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);
-
-/**
- * @deprecated Should use bignumber instead
- */
-let CurrencyFieldComponent = class CurrencyFieldComponent extends BaseFieldComponent {
-};
+    Input()
+], TablePagingComponent.prototype, "table", void 0);
 __decorate([
     Input()
-], CurrencyFieldComponent.prototype, "field", void 0);
+], TablePagingComponent.prototype, "exportable", void 0);
 __decorate([
     Input()
-], CurrencyFieldComponent.prototype, "formControl", void 0);
-CurrencyFieldComponent = __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"
-    })
-], CurrencyFieldComponent);
-
-let FileUploadComponent$1 = class FileUploadComponent extends BaseFieldComponent {
-};
+], TablePagingComponent.prototype, "enableExportSelectedRecords", void 0);
 __decorate([
     Input()
-], FileUploadComponent$1.prototype, "field", void 0);
+], TablePagingComponent.prototype, "customActions", void 0);
 __decorate([
     Input()
-], FileUploadComponent$1.prototype, "formControl", void 0);
-FileUploadComponent$1 = __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$1);
-
-let LookupFieldComponent = class LookupFieldComponent {
-};
+], TablePagingComponent.prototype, "loadAllRecords", void 0);
 __decorate([
     Input()
-], LookupFieldComponent.prototype, "field", void 0);
+], TablePagingComponent.prototype, "loadCurrentPageRecords", void 0);
 __decorate([
     Input()
-], LookupFieldComponent.prototype, "formControl", void 0);
-LookupFieldComponent = __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    <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 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);
+
+let TableModule = class TableModule {
+};
+TableModule = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+            TooltipModule,
+            TokenListModule,
+            TranslateModule,
+            ButtonModule,
+            InfoSignModule
+        ],
+        exports: [
+            RowTogllerDirective,
+            NavigationDirective,
+            TableColumnsComponent,
+            TableFrozenPositionDirective,
+            TablePagingComponent
+        ],
+        declarations: [
+            RowTogllerDirective,
+            NavigationDirective,
+            TableColumnsComponent,
+            TableFrozenPositionDirective,
+            TablePagingComponent
+        ],
     })
-], LookupFieldComponent);
+], TableModule);
 
-let NumberFieldComponent = class NumberFieldComponent extends BaseFieldComponent {
-    constructor() {
-        super(...arguments);
-        this.onInput = new EventEmitter();
-        this.onFocus = new EventEmitter();
-        this.onComplete = new EventEmitter();
+var TableHeaderCheckboxComponent_1;
+let TableHeaderCheckboxComponent = TableHeaderCheckboxComponent_1 = class TableHeaderCheckboxComponent {
+    constructor(table, tableService) {
+        this.table = table;
+        this.tableService = tableService;
+        this.id = `s-table-header-checkbox-${TableHeaderCheckboxComponent_1.nextId++}`;
         this.ngUnsubscribe = new Subject();
-    }
-    ngOnInit() {
-        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
-            if (this.field.onFocus)
-                this.field.onFocus(event);
-        });
-        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
-            if (this.field.onInput)
-                this.field.onInput(event);
+        this.table.tableService.valueSource$.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
+            this.checked = this.updateCheckedState();
         });
-        this.onComplete.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
-            if (this.field.onComplete)
-                this.field.onComplete(event);
+        this.table.tableService.selectionSource$.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
+            this.checked = this.updateCheckedState();
         });
     }
+    ngOnInit() {
+        this.checked = this.updateCheckedState();
+    }
     ngOnDestroy() {
         this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
     }
-    get numberAlignmentOption() {
-        return NumberAlignmentOption;
+    onFocus() {
+        this.hasFocus = true;
     }
-    get fieldType() {
-        return FieldType;
+    onBlur() {
+        this.hasFocus = false;
+    }
+    isDisabled() {
+        return this.disabled || !this.table.value || !this.table.value.length;
+    }
+    onClick() {
+        if (!this.disabled) {
+            if (this.table.value && this.table.value.length > 0)
+                this.onToggleCheckbox(!this.checked);
+        }
+    }
+    updateCheckedState() {
+        if (this.table.filteredValue) {
+            const val = this.table.filteredValue;
+            return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllFilteredValuesChecked();
+        }
+        else {
+            const val = this.table.value;
+            return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllValuesChecked();
+        }
+    }
+    onToggleCheckbox(checked) {
+        const { filteredValue, value, dataKey } = this.table;
+        const gridData = checked ? (filteredValue ? filteredValue.slice() : value.slice()) : [];
+        if (checked) {
+            const unselecteds = gridData
+                .filter(record => !this.table._selection.find((selected) => record[dataKey] === selected[dataKey]))
+                .map((record) => {
+                if (this.useAllObject)
+                    return record;
+                const newRecord = {};
+                if (this.rowProps)
+                    this.rowProps.forEach((prop) => (newRecord[prop] = record[prop]));
+                else
+                    newRecord[dataKey] = record[dataKey];
+                return newRecord;
+            });
+            this.table._selection = [...this.table._selection, ...unselecteds];
+        }
+        else {
+            value.forEach((data) => {
+                this.table._selection = this.table._selection.filter((record) => record[dataKey] !== data[dataKey]);
+            });
+        }
+        this.table.updateSelectionKeys();
+        this.table.selectionChange.emit(this.table._selection);
+        this.tableService.onSelectionChange();
+        if (this.table.isStateful())
+            this.table.saveState();
+    }
+    isAllFilteredValuesChecked() {
+        if (!this.table.filteredValue) {
+            return false;
+        }
+        else {
+            for (const rowData of this.table.filteredValue) {
+                if (!this.table.isSelected(rowData)) {
+                    return false;
+                }
+            }
+            return true;
+        }
+    }
+    isAllValuesChecked() {
+        if (!this.table.value) {
+            return false;
+        }
+        else {
+            for (const rowData of this.table.value) {
+                if (!this.table.isSelected(rowData)) {
+                    return false;
+                }
+            }
+            return true;
+        }
     }
 };
+TableHeaderCheckboxComponent.nextId = 0;
+TableHeaderCheckboxComponent.ctorParameters = () => [
+    { type: Table },
+    { type: TableService }
+];
 __decorate([
     Input()
-], NumberFieldComponent.prototype, "field", void 0);
+], TableHeaderCheckboxComponent.prototype, "id", void 0);
 __decorate([
     Input()
-], NumberFieldComponent.prototype, "formControl", void 0);
+], TableHeaderCheckboxComponent.prototype, "disabled", void 0);
 __decorate([
-    Output()
-], NumberFieldComponent.prototype, "onInput", void 0);
+    Input()
+], TableHeaderCheckboxComponent.prototype, "rowProps", void 0);
 __decorate([
-    Output()
-], NumberFieldComponent.prototype, "onFocus", void 0);
+    Input()
+], TableHeaderCheckboxComponent.prototype, "useAllObject", void 0);
+TableHeaderCheckboxComponent = TableHeaderCheckboxComponent_1 = __decorate([
+    Component({
+        selector: "s-table-header-checkbox",
+        template: `
+        <div class="ui-chkbox ui-widget" (click)="onClick()">
+            <div class="ui-helper-hidden-accessible">
+                <input type="checkbox" [checked]="checked" (focus)="onFocus()" (blur)="onBlur()" [disabled]="isDisabled()">
+            </div>
+            <div [ngClass]="{'ui-chkbox-box ui-widget ui-state-default':true,
+                'ui-state-active':checked, 'ui-state-disabled': isDisabled(), 'ui-state-focus': hasFocus}">
+                <span [id]="id" class="ui-chkbox-icon ui-clickable" [ngClass]="{'pi pi-check':checked}"></span>
+            </div>
+        </div>
+    `
+    })
+], TableHeaderCheckboxComponent);
+
+let TableHeaderCheckboxModule = class TableHeaderCheckboxModule {
+};
+TableHeaderCheckboxModule = __decorate([
+    NgModule({
+        imports: [CommonModule],
+        exports: [TableHeaderCheckboxComponent],
+        declarations: [TableHeaderCheckboxComponent],
+    })
+], TableHeaderCheckboxModule);
+
+let AutocompleteFieldComponent = class AutocompleteFieldComponent {
+};
 __decorate([
-    Output()
-], NumberFieldComponent.prototype, "onComplete", void 0);
-NumberFieldComponent = __decorate([
+    Input()
+], AutocompleteFieldComponent.prototype, "field", void 0);
+__decorate([
+    Input()
+], AutocompleteFieldComponent.prototype, "formControl", void 0);
+AutocompleteFieldComponent = __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",
-        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}"]
+        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"
     })
-], NumberFieldComponent);
+], AutocompleteFieldComponent);
 
-let RadioButtonComponent = class RadioButtonComponent {
+let BignumberFieldComponent = class BignumberFieldComponent extends BaseFieldComponent {
     constructor() {
-        this.onClick = new EventEmitter();
+        super(...arguments);
+        this.onInput = new EventEmitter();
         this.onFocus = new EventEmitter();
+        this.onComplete = new EventEmitter();
         this.ngUnsubscribe = new Subject();
     }
     ngOnInit() {
-        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
-            if (this.field.onFocus)
+        this.onFocus
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((event) => {
+            if (this.field.onFocus) {
                 this.field.onFocus(event);
+            }
         });
-        this.onClick.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
-            if (this.field.onClick)
-                this.field.onClick(event);
+        this.onInput
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((event) => {
+            if (this.field.onInput) {
+                this.field.onInput(event);
+            }
+        });
+        this.onComplete
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((event) => {
+            if (this.field.onComplete) {
+                this.field.onComplete(event);
+            }
         });
     }
     ngOnDestroy() {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
-    onClear() {
-        this.formControl.reset();
+    get fieldType() {
+        return FieldType;
     }
 };
 __decorate([
     Input()
-], RadioButtonComponent.prototype, "field", void 0);
+], BignumberFieldComponent.prototype, "field", void 0);
 __decorate([
     Input()
-], RadioButtonComponent.prototype, "formControl", void 0);
+], BignumberFieldComponent.prototype, "formControl", void 0);
 __decorate([
     Output()
-], RadioButtonComponent.prototype, "onClick", void 0);
+], BignumberFieldComponent.prototype, "onInput", void 0);
 __decorate([
     Output()
-], RadioButtonComponent.prototype, "onFocus", void 0);
-RadioButtonComponent = __decorate([
+], BignumberFieldComponent.prototype, "onFocus", void 0);
+__decorate([
+    Output()
+], BignumberFieldComponent.prototype, "onComplete", void 0);
+BignumberFieldComponent = __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",
+        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-button.horizontal-clear-option button {
-            width: min-content !important;
-        }
-    `]
+        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}"]
     })
-], RadioButtonComponent);
+], BignumberFieldComponent);
 
-let SelectFieldComponent = class SelectFieldComponent extends BaseFieldComponent {
+let BooleanFieldComponent = class BooleanFieldComponent {
+    onClear() {
+        this.formControl.reset();
+    }
 };
 __decorate([
     Input()
-], SelectFieldComponent.prototype, "field", void 0);
+], BooleanFieldComponent.prototype, "field", void 0);
 __decorate([
     Input()
-], SelectFieldComponent.prototype, "formControl", void 0);
-SelectFieldComponent = __decorate([
+], BooleanFieldComponent.prototype, "formControl", void 0);
+BooleanFieldComponent = __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"
+        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"
     })
-], SelectFieldComponent);
+], BooleanFieldComponent);
 
-let TextAreaFieldComponent = class TextAreaFieldComponent {
+let BooleanSwitchFieldComponent = class 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"
+        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>"
     })
-], TextAreaFieldComponent);
-
-let IAssistService = class IAssistService {
-    constructor(http, _messageService) {
-        this.http = http;
-        this._messageService = _messageService;
-    }
-    askIA(context, data) {
-        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((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);
-        }));
-    }
-    _createPrompt(context, data) {
-        return `Crie um texto genérico para preencher o campo de textarea.
-        ${data.label ? `O campo tem o label ${data.label}.` : ""}
-        ${data.id ? `O campo tem o id ${data.id}.` : ""}
-        ${data.placeholder ? `Considere as instruções/sugestões do placeholder: ${data.placeholder}.` : ""}
-        Baseie-se no contexto informado pelo usuário: '${context}'.
-        O texto deve ser formal e conter informações pertinentes a um campo como este, como se um usuário real tivesse preenchido com as informações necessárias. 
-        O texto deve ser neutro com relação a generos, raças, religiões, etc.
-        O texto deve ser impessoal e não deve conter informações pessoais do usuário.
-        Não direcione o texto a ninguém, não use expressões como: caro, atenciosamente. gostaria, agradeço. O texto deve ser genérico.
-    
-        Exemplos de texto:
-        Um campo de descrição de usuário: "Usuário com 20 anos, estudante de engenharia, gosta de jogar futebol e assistir filmes."
-        Outro exemplo de descrição de usuário: "Usuário administrador, com acesso total ao sistema, responsável por gerenciar os usuários e os produtos."
-        Um campo de descrição de um produto: "O produto é um celular, com tela de 6 polegadas, 128GB de armazenamento, 4GB de memória RAM, câmera de 12MP e bateria de 4000mAh."
-        Outro exemplo de descrição de produto: "O produto é uma geladeira, com capacidade de 500 litros, 2 portas, cor branca, com freezer e gaveta de legumes."
-        Outro exemplo de descrição de produto: "O produto é uma camiseta, tamanho M, cor azul, 100% algodão, com estampa de um gato."
-    
-        Em caso de contexto incompleto crie um texto genérico, como se fosse um exemplo de preenchimento do campo.
-        O texto é para um campo de textarea, então escreva um texto sucinto.
-        Exiba apenas o texto do output`;
-    }
-};
-IAssistService.ctorParameters = () => [
-    { type: HttpClient },
-    { type: MessageService }
-];
-IAssistService = __decorate([
-    Injectable()
-], IAssistService);
+], BooleanSwitchFieldComponent);
 
-let TextAreaIAFieldComponent = class TextAreaIAFieldComponent {
-    constructor(_iassistService, _formBuilder, _translateService) {
-        this._iassistService = _iassistService;
-        this._formBuilder = _formBuilder;
-        this._translateService = _translateService;
-        this.isVisible = false;
-        this.isLoading = false;
-    }
-    ngOnInit() {
-        this._createDialogFields();
-        this._createDialogFormGroup();
-    }
-    showDialog() {
-        this.isVisible = true;
-    }
-    onHideDialog() {
-        this.formGroup.get("context").setValue("");
-    }
-    hideDialog() {
-        this.isVisible = false;
-    }
-    submitContext() {
-        const 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((err) => {
-            this.isLoading = false;
-            return throwError(err);
-        }))
-            .subscribe((res) => {
-            this.formControl.setValue(res.text);
-            this.isLoading = false;
-        });
-        this.hideDialog();
-    }
-    _createDialogFields() {
-        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 },
-            }),
-        ];
-    }
-    _createDialogFormGroup() {
-        this.formGroup = this._formBuilder.group({
-            context: [""],
-        });
-    }
+let CalendarFieldComponent = class CalendarFieldComponent {
 };
-TextAreaIAFieldComponent.ctorParameters = () => [
-    { type: IAssistService },
-    { type: FormBuilder },
-    { type: TranslateService }
-];
 __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);
+], CalendarFieldComponent);
 
-let TextFieldComponent = class TextFieldComponent extends BaseFieldComponent {
-    constructor() {
-        super(...arguments);
-        this.onInput = new EventEmitter();
-        this.onFocus = new EventEmitter();
-        this.onComplete = new EventEmitter();
-        this.ngUnsubscribe = new Subject();
-    }
-    ngOnInit() {
-        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
-            if (this.field.onFocus)
-                this.field.onFocus(event);
-        });
-        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
-            if (this.field.onInput)
-                this.field.onInput(event);
-        });
-        this.onComplete.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
-            if (this.field.onComplete)
-                this.field.onComplete(event);
-        });
+let ChipsFieldComponent = class ChipsFieldComponent {
+    constructor(clipboard) {
+        this.clipboard = clipboard;
+        this.feedbackMessageVisible = false;
+        this.copyButtonVisible = true;
     }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
+    onCopyFieldContent() {
+        if (this.formControl.value) {
+            this.copyButtonVisible = false;
+            this.feedbackMessageVisible = true;
+            setTimeout(() => {
+                this.feedbackMessageVisible = false;
+                this.copyButtonVisible = true;
+            }, 3000);
+            const content = this.formControl.value.join(this.field.separator || "\n");
+            this.clipboard.copy(content);
+            if (this.field.onCopy) {
+                this.field.onCopy(content);
+            }
+        }
     }
 };
+ChipsFieldComponent.ctorParameters = () => [
+    { type: Clipboard }
+];
 __decorate([
-    Input()
-], TextFieldComponent.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);
+    Input()
+], ChipsFieldComponent.prototype, "field", void 0);
 __decorate([
-    Output()
-], TextFieldComponent.prototype, "onComplete", void 0);
-TextFieldComponent = __decorate([
+    Input()
+], 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);
+], ChipsFieldComponent);
 
-let RowComponent = class RowComponent {
-    constructor() { }
-    ngOnInit() { }
-    getErrorMessages(errorMessages) {
-        if (errorMessages)
-            return this.isFunction(errorMessages) ? errorMessages() : errorMessages;
-        return this.errorMessages;
-    }
-    isFunction(value) {
-        return value instanceof Function;
-    }
+let CountryPhonePickerFieldComponent = class CountryPhonePickerFieldComponent {
 };
 __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);
+
+/**
+ * @deprecated Should use bignumber instead
+ */
+let CurrencyFieldComponent = class CurrencyFieldComponent extends BaseFieldComponent {
+};
 __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: `
-        <div class="ui-fluid" [formGroup]="group">
-        <div class="ui-g">
-            <ng-container *ngFor="let field of config.fields">
-                <div [ngClass]="field.gridClass" *ngIf="field.visible()">
-                    <label
-                        [for]="field.name"
-                        [ngClass]="{ 'required': field.required() }"
-                        *sInfoSign="field.infoSign"
-                        >
-                            {{ field.label }}
-                    </label>
-                    <ng-container *sDynamicForm="{ id: id, config: field, group: group}"></ng-container>
-                    <s-control-errors [form]="group" [control]="group.controls[field.name]"
-                        [errorMessages]="getErrorMessages(field.errorMessages)"></s-control-errors>
-                    <ng-template *ngIf="field?.bottomTemplate" [ngTemplateOutlet]="field.bottomTemplate"></ng-template>
-                </div>
-            </ng-container>
-        </div>
-    `
+        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);
+], CurrencyFieldComponent);
 
 let FieldsetComponent = class FieldsetComponent {
 };
@@ -6578,76 +6765,35 @@ FieldsetComponent = __decorate([
     })
 ], FieldsetComponent);
 
-let SectionComponent = class SectionComponent {
+let FileUploadComponent$1 = class FileUploadComponent extends BaseFieldComponent {
 };
 __decorate([
     Input()
-], SectionComponent.prototype, "id", void 0);
-__decorate([
-    Input()
-], SectionComponent.prototype, "config", void 0);
-__decorate([
-    Input()
-], SectionComponent.prototype, "group", void 0);
+], FileUploadComponent$1.prototype, "field", void 0);
 __decorate([
     Input()
-], SectionComponent.prototype, "errorMessages", void 0);
-SectionComponent = __decorate([
+], FileUploadComponent$1.prototype, "formControl", void 0);
+FileUploadComponent$1 = __decorate([
     Component({
-        template: `
-        <h3 *ngIf="config?.header" class="sds-section-title">{{config.header}}</h3>
-        <ng-container *ngFor="let conf of config.configs">
-            <ng-container *sDynamicForm="{ id: id, config: conf, group: group, errorMessages: errorMessages }"></ng-container>
-        </ng-container>
-    `
+        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);
+], FileUploadComponent$1);
 
-let DynamicFieldComponent = class DynamicFieldComponent {
-    getErrorMessages(errorMessages) {
-        if (errorMessages)
-            return this.isFunction(errorMessages)
-                ? Object.assign(Object.assign({}, this.errorMessages), errorMessages()) : Object.assign(Object.assign({}, this.errorMessages), errorMessages);
-        return this.errorMessages;
-    }
-    isFunction(value) {
-        return value instanceof Function;
-    }
+let LookupFieldComponent = class LookupFieldComponent {
 };
 __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);
-
-var GridType;
-(function (GridType) {
-    GridType["Row"] = "Row";
-})(GridType || (GridType = {}));
-
-var StructureType;
-(function (StructureType) {
-    StructureType["Fieldset"] = "Fieldset";
-    StructureType["Section"] = "Section";
-})(StructureType || (StructureType = {}));
+], LookupFieldComponent);
 
-let BignumberFieldComponent = class BignumberFieldComponent extends BaseFieldComponent {
+let NumberFieldComponent = class NumberFieldComponent extends BaseFieldComponent {
     constructor() {
         super(...arguments);
         this.onInput = new EventEmitter();
@@ -6656,72 +6802,52 @@ let BignumberFieldComponent = class BignumberFieldComponent extends BaseFieldCom
         this.ngUnsubscribe = new Subject();
     }
     ngOnInit() {
-        this.onFocus
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((event) => {
-            if (this.field.onFocus) {
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onFocus)
                 this.field.onFocus(event);
-            }
         });
-        this.onInput
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((event) => {
-            if (this.field.onInput) {
+        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onInput)
                 this.field.onInput(event);
-            }
         });
-        this.onComplete
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((event) => {
-            if (this.field.onComplete) {
+        this.onComplete.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onComplete)
                 this.field.onComplete(event);
-            }
         });
     }
     ngOnDestroy() {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
+    get numberAlignmentOption() {
+        return NumberAlignmentOption;
+    }
     get fieldType() {
         return FieldType;
     }
 };
 __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);
-
-let BooleanSwitchFieldComponent = class 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);
+], NumberFieldComponent);
 
 let PasswordFieldComponent = class PasswordFieldComponent {
     constructor() {
@@ -6760,26 +6886,113 @@ let PasswordFieldComponent = class PasswordFieldComponent {
 };
 __decorate([
     Input()
-], PasswordFieldComponent.prototype, "field", void 0);
+], PasswordFieldComponent.prototype, "field", void 0);
+__decorate([
+    Input()
+], PasswordFieldComponent.prototype, "formControl", void 0);
+__decorate([
+    Output()
+], PasswordFieldComponent.prototype, "onInput", void 0);
+__decorate([
+    Output()
+], PasswordFieldComponent.prototype, "onFocus", void 0);
+__decorate([
+    Output()
+], PasswordFieldComponent.prototype, "onComplete", void 0);
+PasswordFieldComponent = __decorate([
+    Component({
+        template: "<input\n   type=\"password\"\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   [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   [sPasswordStrength]=\"field.passwordStrength\"\n   [psDescription]=\"field.passwordStrengthOptions?.description\"\n   [psWeakTitle]=\"field.passwordStrengthOptions?.weakTitle\"\n   [psMediumTitle]=\"field.passwordStrengthOptions?.mediumTitle\"\n   [psStrongTitle]=\"field.passwordStrengthOptions?.strongTitle\"\n   [psValidation]=\"field.passwordStrengthOptions?.validation\" />",
+        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}"]
+    })
+], PasswordFieldComponent);
+
+let RadioButtonComponent = class RadioButtonComponent {
+    constructor() {
+        this.onClick = new EventEmitter();
+        this.onFocus = new EventEmitter();
+        this.ngUnsubscribe = new Subject();
+    }
+    ngOnInit() {
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onFocus)
+                this.field.onFocus(event);
+        });
+        this.onClick.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onClick)
+                this.field.onClick(event);
+        });
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    onClear() {
+        this.formControl.reset();
+    }
+};
+__decorate([
+    Input()
+], RadioButtonComponent.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([
+    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: [`
+        s-button.horizontal-clear-option button {
+            width: min-content !important;
+        }
+    `]
+    })
+], RadioButtonComponent);
+
+let SectionComponent = class SectionComponent {
+};
+__decorate([
+    Input()
+], SectionComponent.prototype, "id", void 0);
 __decorate([
     Input()
-], PasswordFieldComponent.prototype, "formControl", void 0);
+], SectionComponent.prototype, "config", void 0);
 __decorate([
-    Output()
-], PasswordFieldComponent.prototype, "onInput", void 0);
+    Input()
+], SectionComponent.prototype, "group", void 0);
 __decorate([
-    Output()
-], PasswordFieldComponent.prototype, "onFocus", void 0);
+    Input()
+], SectionComponent.prototype, "errorMessages", void 0);
+SectionComponent = __decorate([
+    Component({
+        template: `
+        <h3 *ngIf="config?.header" class="sds-section-title">{{config.header}}</h3>
+        <ng-container *ngFor="let conf of config.configs">
+            <ng-container *sDynamicForm="{ id: id, config: conf, group: group, errorMessages: errorMessages }"></ng-container>
+        </ng-container>
+    `
+    })
+], SectionComponent);
+
+let SelectFieldComponent = class SelectFieldComponent extends BaseFieldComponent {
+};
 __decorate([
-    Output()
-], PasswordFieldComponent.prototype, "onComplete", void 0);
-PasswordFieldComponent = __decorate([
+    Input()
+], SelectFieldComponent.prototype, "field", void 0);
+__decorate([
+    Input()
+], SelectFieldComponent.prototype, "formControl", void 0);
+SelectFieldComponent = __decorate([
     Component({
-        template: "<input\n   type=\"password\"\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   [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   [sPasswordStrength]=\"field.passwordStrength\"\n   [psDescription]=\"field.passwordStrengthOptions?.description\"\n   [psWeakTitle]=\"field.passwordStrengthOptions?.weakTitle\"\n   [psMediumTitle]=\"field.passwordStrengthOptions?.mediumTitle\"\n   [psStrongTitle]=\"field.passwordStrengthOptions?.strongTitle\"\n   [psValidation]=\"field.passwordStrengthOptions?.validation\" />",
-        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: "<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"
     })
-], PasswordFieldComponent);
+], SelectFieldComponent);
 
 let SliderFieldComponent = class SliderFieldComponent extends BaseFieldComponent {
     constructor() {
@@ -6862,242 +7075,114 @@ SliderFieldComponent = __decorate([
     })
 ], SliderFieldComponent);
 
-class DynamicForm {
-    constructor({ group, errorMessages }) {
-        this.group = group;
-        this.errorMessages = errorMessages;
-    }
-}
-class DynamicField extends DynamicForm {
-    constructor({ group, field, errorMessages }) {
-        super({
-            group,
-            errorMessages,
-        });
-        this.field = field;
-        this.setFieldPropertiesByType();
-    }
-    setFieldPropertiesByType() {
-        if (this.field.type === FieldType.Integer || this.field.type === FieldType.Double) {
-            this.field.numberLocaleOptions.currencySymbol = "";
-        }
-    }
-    createComponent(resolver, container) {
-        const componentFactory = resolver.resolveComponentFactory(this.getComponent());
-        const 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;
-    }
-    setVariablesByType(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;
-        }
-    }
-    updateVariables(component) {
-        component.instance.field = this.field;
-        component.instance.formControl = this.group["controls"][this.field.name];
-        this.setVariablesByType(component);
-    }
-    getComponent() {
-        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}).`);
-        }
-    }
-}
-class DynamicStructure extends DynamicForm {
-    constructor({ group, config, errorMessages }) {
-        super({
-            group,
-            errorMessages,
-        });
-        this.config = config;
-    }
-    createComponent(resolver, container) {
-        const componentFactory = resolver.resolveComponentFactory(this.getComponent());
-        const component = container.createComponent(componentFactory);
-        component.instance.config = this.config;
-        component.instance.group = this.group;
-        return component;
-    }
-    updateVariables(component) {
-        component.instance.structure = this.config;
-        component.instance.group = this.group;
-    }
-    getComponent() {
-        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}).`);
-        }
-    }
-}
-class DynamicGrid extends DynamicForm {
-    constructor({ group, config, errorMessages }) {
-        super({ group, errorMessages });
-        this.config = config;
-    }
-    createComponent(resolver, container) {
-        const componentFactory = resolver.resolveComponentFactory(this.getComponent());
-        const component = container.createComponent(componentFactory);
-        component.instance.config = this.config;
-        component.instance.group = this.group;
-        component.instance.errorMessages = this.errorMessages;
-        return component;
-    }
-    updateVariables(component) {
-        component.instance.config = this.config;
-        component.instance.group = this.group;
-    }
-    getComponent() {
-        switch (this.config.type) {
-            case GridType.Row:
-                return RowComponent;
-            default:
-                throw new Error(`Trying to use an unsupported type (${this.config.type}).`);
-        }
-    }
-}
+let TextAreaFieldComponent = class 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);
 
-let DynamicFormDirective = class DynamicFormDirective {
-    constructor(resolver, container) {
-        this.resolver = resolver;
-        this.container = container;
-    }
-    set sDynamicForm(context) {
-        const { id, config, group, errorMessages } = context;
-        this.id = id;
-        this.config = config;
-        this.group = group;
-        this.errorMessages = errorMessages;
+let TextAreaIAFieldComponent = class TextAreaIAFieldComponent {
+    constructor(_iassistService, _formBuilder, _translateService) {
+        this._iassistService = _iassistService;
+        this._formBuilder = _formBuilder;
+        this._translateService = _translateService;
+        this.isVisible = false;
+        this.isLoading = false;
     }
     ngOnInit() {
-        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,
-            });
-        }
-        else if (this.isGrid()) {
-            this.directiveConfig = new DynamicGrid({
-                group: this.group,
-                config: this.config,
-                errorMessages: this.errorMessages,
-            });
-        }
-        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;
+        this._createDialogFields();
+        this._createDialogFormGroup();
+    }
+    showDialog() {
+        this.isVisible = true;
     }
-    ngOnChanges() {
-        if (this.component) {
-            this.directiveConfig.updateVariables(this.component);
-            this.component.instance.errorMessages = this.errorMessages;
-        }
+    onHideDialog() {
+        this.formGroup.get("context").setValue("");
     }
-    isField() {
-        return FieldType[this.config.type];
+    hideDialog() {
+        this.isVisible = false;
     }
-    isStructure() {
-        return StructureType[this.config.type];
+    submitContext() {
+        const 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((err) => {
+            this.isLoading = false;
+            return throwError(err);
+        }))
+            .subscribe((res) => {
+            this.formControl.setValue(res.text);
+            this.isLoading = false;
+        });
+        this.hideDialog();
     }
-    isGrid() {
-        return GridType[this.config.type];
+    _createDialogFields() {
+        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 },
+            }),
+        ];
+    }
+    _createDialogFormGroup() {
+        this.formGroup = this._formBuilder.group({
+            context: [""],
+        });
     }
 };
-DynamicFormDirective.ctorParameters = () => [
-    { type: ComponentFactoryResolver },
-    { type: ViewContainerRef }
+TextAreaIAFieldComponent.ctorParameters = () => [
+    { 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);
+    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);
 
-let LongPressDirective = class LongPressDirective {
+let TextFieldComponent = class TextFieldComponent extends BaseFieldComponent {
     constructor() {
-        this.sLongPressDelay = 500;
-        this.sLongPress = new EventEmitter();
-        this.mouseUp = new Subject();
-        this.mouseDown = new Subject();
+        super(...arguments);
+        this.onInput = new EventEmitter();
+        this.onFocus = new EventEmitter();
+        this.onComplete = new EventEmitter();
         this.ngUnsubscribe = new Subject();
     }
-    onMouseUp(event) {
-        this.mouseUp.next(event);
-    }
-    onMouseDown(event) {
-        this.mouseDown.next(event);
-    }
     ngOnInit() {
-        this.mouseDown
-            .pipe(debounceTime(this.sLongPressDelay), takeUntil(this.mouseUp), repeat(), takeUntil(this.ngUnsubscribe))
-            .subscribe(event => this.sLongPress.emit(event));
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onFocus)
+                this.field.onFocus(event);
+        });
+        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onInput)
+                this.field.onInput(event);
+        });
+        this.onComplete.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onComplete)
+                this.field.onComplete(event);
+        });
     }
     ngOnDestroy() {
         this.ngUnsubscribe.next();
@@ -7106,420 +7191,375 @@ let LongPressDirective = class LongPressDirective {
 };
 __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);
+], TextFieldComponent);
 
-let DoubleClickDirective = class DoubleClickDirective {
-    constructor() {
-        this.onDoubleClick = new EventEmitter();
-        this._timeout = null;
-        this._DOUBLE_CLICK_DELAY = 500;
-    }
-    onClick(event) {
-        this.handleOnClickEvent(event);
-    }
-    handleOnClickEvent(event) {
-        if (this._timeout) {
-            this.clearTimeout();
-            this.onDoubleClick.emit(event);
-        }
-        else {
-            this._timeout = setTimeout(() => this.clearTimeout(), this._DOUBLE_CLICK_DELAY);
-        }
+let RowComponent = class RowComponent {
+    constructor() { }
+    ngOnInit() { }
+    getErrorMessages(errorMessages) {
+        if (errorMessages)
+            return this.isFunction(errorMessages) ? errorMessages() : errorMessages;
+        return this.errorMessages;
     }
-    clearTimeout() {
-        clearTimeout(this._timeout);
-        this._timeout = null;
+    isFunction(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);
-
-let MouseEventsModule = class MouseEventsModule {
-};
-MouseEventsModule = __decorate([
-    NgModule({
-        imports: [CommonModule],
-        declarations: [
-            LongPressDirective,
-            DoubleClickDirective
-        ],
-        exports: [
-            LongPressDirective,
-            DoubleClickDirective
-        ],
+    Input()
+], RowComponent.prototype, "config", void 0);
+__decorate([
+    Input()
+], RowComponent.prototype, "group", void 0);
+__decorate([
+    Input()
+], RowComponent.prototype, "errorMessages", void 0);
+RowComponent = __decorate([
+    Component({
+        template: `
+        <div class="ui-fluid" [formGroup]="group">
+        <div class="ui-g">
+            <ng-container *ngFor="let field of config.fields">
+                <div [ngClass]="field.gridClass" *ngIf="field.visible()">
+                    <label
+                        [for]="field.name"
+                        [ngClass]="{ 'required': field.required() }"
+                        *sInfoSign="field.infoSign"
+                        >
+                            {{ field.label }}
+                    </label>
+                    <ng-container *sDynamicForm="{ id: id, config: field, group: group}"></ng-container>
+                    <s-control-errors [form]="group" [control]="group.controls[field.name]"
+                        [errorMessages]="getErrorMessages(field.errorMessages)"></s-control-errors>
+                    <ng-template *ngIf="field?.bottomTemplate" [ngTemplateOutlet]="field.bottomTemplate"></ng-template>
+                </div>
+            </ng-container>
+        </div>
+    `
     })
-], 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 = {}));
+], RowComponent);
 
-let PasswordStrengthComponent = class PasswordStrengthComponent {
-    constructor() {
-        this.weakTitle = "Fraca";
-        this.mediumTitle = "Médio";
-        this.strongTitle = "Forte";
-        this.position = PasswordStrengthPositions.Right;
-        this.left = 0;
-        this.top = 0;
-        this.visible = false;
-    }
-    ngOnInit() {
-        this.title = this.weakTitle;
-    }
-    setPasswordStrengthPosition() {
-        const 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;
-        }
+let DynamicFieldComponent = class DynamicFieldComponent {
+    getErrorMessages(errorMessages) {
+        if (errorMessages)
+            return this.isFunction(errorMessages)
+                ? Object.assign(Object.assign({}, this.errorMessages), errorMessages()) : Object.assign(Object.assign({}, this.errorMessages), errorMessages);
+        return this.errorMessages;
     }
-    updateIndicators(passwordStrength) {
-        const strengthIndicator1 = document.querySelector("#strength-indicator-1");
-        const strengthIndicator2 = document.querySelector("#strength-indicator-2");
-        const strengthIndicator3 = document.querySelector("#strength-indicator-3");
-        const onIndicators = [];
-        const indicators = [
-            strengthIndicator1,
-            strengthIndicator2,
-            strengthIndicator3,
-        ];
-        let 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(indicator => {
-            indicator.classList.remove("strength-indicator--weak", "strength-indicator--medium", "strength-indicator--strong");
-        });
-        onIndicators.forEach(indicator => {
-            indicator.classList.add(strengthClass);
-        });
+    isFunction(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);
+], DynamicFieldComponent);
 
-let PasswordStrengthDirective = class PasswordStrengthDirective {
-    constructor(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 = {}));
+
+class DynamicForm {
+    constructor({ group, errorMessages }) {
+        this.group = group;
+        this.errorMessages = errorMessages;
     }
-    ngOnInit() {
-        this.validateProperties();
+}
+class DynamicField extends DynamicForm {
+    constructor({ group, field, errorMessages }) {
+        super({
+            group,
+            errorMessages,
+        });
+        this.field = field;
+        this.setFieldPropertiesByType();
     }
-    onFocus() {
-        var _a, _b, _c;
-        const 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);
+    setFieldPropertiesByType() {
+        if (this.field.type === FieldType.Integer || this.field.type === FieldType.Double) {
+            this.field.numberLocaleOptions.currencySymbol = "";
         }
     }
-    onBlur() {
-        this.destroyPasswordStrength();
+    createComponent(resolver, container) {
+        const componentFactory = resolver.resolveComponentFactory(this.getComponent());
+        const 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;
     }
-    createPasswordStrength() {
-        if (this.enabled && this.componentRef === null) {
-            const componentFactory = this.componentFactoryResolver.resolveComponentFactory(PasswordStrengthComponent);
-            this.componentRef = componentFactory.create(this.injector);
-            this.appRef.attachView(this.componentRef.hostView);
-            const domElem = this.componentRef.hostView.rootNodes[0];
-            document.body.appendChild(domElem);
-            this.setPasswordStrengthComponentProperties();
-            this.showPasswordStrength();
+    setVariablesByType(component) {
+        if (this.field.type == FieldType.Time) {
+            component.instance.timeOnly = true;
         }
-    }
-    showPasswordStrength() {
-        if (this.componentRef !== null) {
-            this.componentRef.instance.visible = true;
+        if ([FieldType.LocalDateTime, FieldType.DateTime, FieldType.Time].includes(this.field.type)) {
+            component.instance.showTime = true;
         }
     }
-    setPasswordStrengthComponentProperties() {
-        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;
-            const { top, right, bottom, left } = this.elementRef.nativeElement.getBoundingClientRect();
-            const margin = 20;
-            const elementRefHeight = bottom - top;
-            const elementRefWidth = right - left;
-            const safeSpace = 150;
-            let positioned = false;
-            const 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: {
-                        const topShift = top;
-                        const rightShift = document.body.clientWidth - right;
-                        const 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 - margin);
-                        this.componentRef.instance.left = Math.round(elementRefWidth / 2 + left);
-                        positioned = true;
-                        break;
-                    }
-                    case PasswordStrengthPositions.Right: {
-                        const 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 + elementRefHeight / 2);
-                        this.componentRef.instance.left = Math.round(right + margin);
-                        positioned = true;
-                        break;
-                    }
-                    case PasswordStrengthPositions.Left: {
-                        const leftShift = left;
-                        if (leftShift <= elementRefWidth + safeSpace) {
-                            this.position = PasswordStrengthPositions.Top;
-                            invalidOptions.push(PasswordStrengthPositions.Left);
-                            break;
-                        }
-                        this.componentRef.instance.top = Math.round(top + elementRefHeight / 2);
-                        this.componentRef.instance.left = Math.round(left - margin);
-                        positioned = true;
-                        break;
-                    }
-                    default: {
-                        break;
-                    }
-                }
-                this.componentRef.instance.position = this.position;
-            }
-        }
+    updateVariables(component) {
+        component.instance.field = this.field;
+        component.instance.formControl = this.group["controls"][this.field.name];
+        this.setVariablesByType(component);
     }
-    validateProperties() {
-        this.validation = this.validation || this.defaultValidator;
-        if (!this.description) {
-            throw new Error("Description is required");
+    getComponent() {
+        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}).`);
         }
     }
-    destroyPasswordStrength() {
-        if (this.componentRef !== null) {
-            this.appRef.detachView(this.componentRef.hostView);
-            this.componentRef.destroy();
-            this.componentRef = null;
+}
+class DynamicStructure extends DynamicForm {
+    constructor({ group, config, errorMessages }) {
+        super({
+            group,
+            errorMessages,
+        });
+        this.config = config;
+    }
+    createComponent(resolver, container) {
+        const componentFactory = resolver.resolveComponentFactory(this.getComponent());
+        const component = container.createComponent(componentFactory);
+        component.instance.config = this.config;
+        component.instance.group = this.group;
+        return component;
+    }
+    updateVariables(component) {
+        component.instance.structure = this.config;
+        component.instance.group = this.group;
+    }
+    getComponent() {
+        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}).`);
         }
     }
-    defaultValidator(content) {
-        let points = 0;
-        const regExpValidations = [
-            new RegExp("(?=.*\\d)"),
-            new RegExp("(?=.*[a-z])"),
-            new RegExp("(?=.*[A-Z])"),
-            new RegExp("(?=.*[!@#$%&*.\\-=+^~])"),
-        ];
-        if (content.length >= 6) {
-            points++;
+}
+class DynamicGrid extends DynamicForm {
+    constructor({ group, config, errorMessages }) {
+        super({ group, errorMessages });
+        this.config = config;
+    }
+    createComponent(resolver, container) {
+        const componentFactory = resolver.resolveComponentFactory(this.getComponent());
+        const component = container.createComponent(componentFactory);
+        component.instance.config = this.config;
+        component.instance.group = this.group;
+        component.instance.errorMessages = this.errorMessages;
+        return component;
+    }
+    updateVariables(component) {
+        component.instance.config = this.config;
+        component.instance.group = this.group;
+    }
+    getComponent() {
+        switch (this.config.type) {
+            case GridType.Row:
+                return RowComponent;
+            default:
+                throw new Error(`Trying to use an unsupported type (${this.config.type}).`);
         }
-        regExpValidations.forEach(validation => {
-            if (validation.test(content)) {
-                points++;
+    }
+}
+
+let DynamicFormDirective = class DynamicFormDirective {
+    constructor(resolver, container) {
+        this.resolver = resolver;
+        this.container = container;
+    }
+    set sDynamicForm(context) {
+        const { id, config, group, errorMessages } = context;
+        this.id = id;
+        this.config = config;
+        this.group = group;
+        this.errorMessages = errorMessages;
+    }
+    ngOnInit() {
+        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;
+    }
+    ngOnChanges() {
+        if (this.component) {
+            this.directiveConfig.updateVariables(this.component);
+            this.component.instance.errorMessages = this.errorMessages;
         }
     }
+    isField() {
+        return FieldType[this.config.type];
+    }
+    isStructure() {
+        return StructureType[this.config.type];
+    }
+    isGrid() {
+        return GridType[this.config.type];
+    }
 };
-PasswordStrengthDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ApplicationRef },
+DynamicFormDirective.ctorParameters = () => [
     { 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);
-
-let PasswordStrengthModule = class PasswordStrengthModule {
-};
-PasswordStrengthModule = __decorate([
-    NgModule({
-        imports: [CommonModule],
-        declarations: [
-            PasswordStrengthComponent,
-            PasswordStrengthDirective,
-        ],
-        exports: [PasswordStrengthDirective],
-    })
-], PasswordStrengthModule);
+    Input("sDynamicFormDisplayTimeInfoSign")
+], DynamicFormDirective.prototype, "displayTimeInfoSign", void 0);
+DynamicFormDirective = __decorate([
+    Directive({ selector: "[sDynamicForm]" })
+], DynamicFormDirective);
 
 let DynamicFormModule = class DynamicFormModule {
 };
 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,
@@ -7535,52 +7575,54 @@ DynamicFormModule = __decorate([
         ],
         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,
@@ -14727,5 +14769,5 @@ const 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