@seniorsistemas/angular-components 17.25.11 → 17.26.0-bugfix-sds-262-3164df87

package/fesm2015/seniorsistemas-angular-components.js

@@ -1,5 +1,5 @@
 import { __decorate, __awaiter, __param, __rest } from 'tslib';
-import { EventEmitter, Input, Output, Component, ContentChildren, ViewChild, HostListener, forwardRef, NgModule, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, Renderer2, Directive, TemplateRef, ViewContainerRef, KeyValueDiffers, HostBinding, ChangeDetectorRef, ViewChildren, Pipe, ɵɵinject, InjectionToken, Inject, PLATFORM_ID, ViewEncapsulation, INJECTOR, ContentChild, Optional } from '@angular/core';
+import { EventEmitter, Input, Output, Component, ContentChildren, ViewChild, HostListener, forwardRef, NgModule, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, Renderer2, Directive, TemplateRef, ViewContainerRef, KeyValueDiffers, HostBinding, ChangeDetectorRef, ViewChildren, Pipe, ɵɵinject, InjectionToken, Inject, PLATFORM_ID, ViewEncapsulation, INJECTOR, ContentChild, NgZone, Optional } from '@angular/core';
 import { trigger, transition, style as style$7, animate, state, group, query, animateChild } from '@angular/animations';
 import { Subject, of, from, ReplaySubject, throwError, fromEvent, forkJoin, pipe } from 'rxjs';
 import { takeUntil, tap, map, switchMap, catchError, first, filter, take, delay, debounceTime, repeat, finalize } from 'rxjs/operators';
@@ -6117,7 +6117,6 @@ class Field {
         this.errorMessages = config.errorMessages;
         this.bottomTemplate = config.bottomTemplate;
         this.footer = config.footer;
-        this.gridClass = Object.keys(this.size).map(key => `ui-${key}-${this.size[key]}`);
         this.defaultValue = config.defaultValue;
         this.representedBy = config.representedBy;
         this.CustomFieldClass = config.CustomFieldClass;
@@ -6126,6 +6125,9 @@ class Field {
         this.useInfoSignFocusedInputRef = (_f = config.useInfoSignFocusedInputRef) !== null && _f !== void 0 ? _f : true;
         this.ignoreLabel = (_g = config.ignoreLabel) !== null && _g !== void 0 ? _g : false;
     }
+    get gridClass() {
+        return Object.keys(this.size).map(key => `ui-${key}-${this.size[key]}`);
+    }
 }
 
 class AutocompleteField extends Field {
@@ -6581,12 +6583,14 @@ class SliderField extends Field {
 
 class TextAreaField extends Field {
     constructor(config) {
+        var _a;
         super(config);
         this.cols = config.cols;
         this.rows = config.rows;
         this.keyFilter = config.keyFilter;
         this.style = config.style;
         this.readonly = config.readonly;
+        this.speechRecognition = (_a = config.speechRecognition) !== null && _a !== void 0 ? _a : false;
     }
 }
 
@@ -7277,7 +7281,7 @@ LookupComponent = LookupComponent_1 = __decorate([
     Injectable(),
     Component({
         selector: "s-lookup",
-        template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"lazyLoadLookup($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\">\n        <ng-template let-item pTemplate=\"selectedItem\">\n            <span\n                class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                tooltipPosition=\"top\">\n                {{item[lookupDisplayField]}}\n            </span>\n        </ng-template>\n    </p-autoComplete>\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\">\n    </button>\n</div>\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog>\n    <div\n        *ngIf=\"dialogVisible\"\n        class=\"s-lookup-modal-container\">\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter\"\n            [@collapseContent]=\"collapsed\n                ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form\n                [formGroup]=\"formGroupDialog\"\n                novalidate\n                autocomplete=\"off\">\n                <div\n                    *ngIf=\"!collapsed\"\n                    class=\"form-content\"\n                    [@childCollapseContent]=\"collapsed\n                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                        : { value: ':enter', params: { transitionParams: transitionOptions } }\">\n                    <div class=\"filter-title sds-section-title\">\n                        {{ filterTitle || \"platform.angular_components.filters\" | translate }}\n                    </div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form\n                            [fields]=\"searchFields\"\n                            [form]=\"formGroupDialog\">\n                        </s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel || 'platform.angular_components.filter' | translate\"\n                                (onClick)=\"search()\"\n                                sTooltip=\"(ALT + SHIFT + F)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel || 'platform.angular_components.clear' | translate\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                sTooltip=\"(ALT + SHIFT + L)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter-toggle\">\n            <div class=\"filter-toggle--start-border-mask\"></div>\n            <button\n                [id]=\"id + '-filter-toggle-button'\"\n                type=\"button\"\n                (click)=\"filterToggle()\">\n                <span\n                    class=\"fa\"\n                    [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\">\n                </span>\n            </button>\n            <div class=\"filter-toggle--end-border-mask\"></div>\n        </div>\n        <div\n            class=\"content\"\n            [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\">\n            </s-empty-state>\n\n            <div>\n                <s-button\n                    *ngIf=\"showAddOption\"\n                    priority=\"default\"\n                    [label]=\"'platform.angular_components.add' | translate\"\n                    (onClick)=\"onAdd.emit()\">\n                </s-button>\n                <s-button\n                    *ngIf=\"showEditOption\"\n                    priority=\"default\"\n                    [label]=\"'platform.angular_components.edit' | translate\"\n                    [disabled]=\"selected.length !== 1\"\n                    (onClick)=\"onEdit.emit(this.selected[0])\">\n                </s-button>\n                <s-button\n                    *ngIf=\"showRemoveOption\"\n                    priority=\"default\"\n                    [label]=\"'platform.angular_components.remove' | translate\"\n                    [disabled]=\"!selected.length\"\n                    (onClick)=\"onRemove.emit(this.selected)\">\n                </s-button>\n            </div>\n\n            <p-table\n                [dataKey]=\"dataKey\"\n                [value]=\"getGridData()\"\n                [columns]=\"searchGridFields\"\n                [lazy]=\"true\"\n                [scrollable]=\"true\"\n                [paginator]=\"true\"\n                sortMode=\"multiple\"\n                [totalRecords]=\"searchTotalRecords\"\n                [rows]=\"10\"\n                [selection]=\"selected\"\n                (onLazyLoad)=\"lazyLoadGrid($event)\"\n                *sLoadingState=\"{ loading: loading, indicator: 'logo' }\"\n                [multiSortMeta]=\"multiSortMeta\"\n                [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                (selectionChange)=\"onSelectionChange($event)\">\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\" />\n                        <col\n                            *ngFor=\"let col of columns\"\n                            [style.width]=\"col.width\" />\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\">\n                            <s-table-header-checkbox\n                                [useAllObject]=\"lookupRowProps ? false : true\"\n                                [rowProps]=\"lookupRowProps\">\n                            </s-table-header-checkbox>\n                        </th>\n                        <th\n                            [style.width]=\"col.width\"\n                            *ngFor=\"let col of columns\"\n                            [pSortableColumn]=\"col.sortableColumnName ? col.sortableColumnName : col.name\"\n                            [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\">\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.label }}</span>\n                                <p-sortIcon\n                                    [field]=\"col.name\"\n                                    *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\">\n                                </p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n                <ng-template\n                    pTemplate=\"body\"\n                    let-rowData\n                    let-columns\n                    let-rowIndex=\"rowIndex\">\n                    <tr\n                        sNavigation\n                        [pSelectableRow]=\"rowData\"\n                        [pSelectableRowIndex]=\"rowIndex\"\n                        sDoubleClick (onDoubleClick)=\"onTableRowDoubleClick(rowData)\">\n                        <td\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\"\n                            tabindex=\"0\">\n                            <p-tableCheckbox\n                                [value]=\"rowData\"\n                                [pSelectableRow]=\"rowData\">\n                            </p-tableCheckbox>\n                        </td>\n                        <td\n                            [style.width]=\"col['width']\"\n                            *ngFor=\"let col of searchGridFields\"\n                            [ngSwitch]=\"col.type\"\n                            tabindex=\"0\">\n                            <ng-container *ngSwitchCase=\"'Boolean'\">\n                                <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Date'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate: col.calendarLocaleOptions?.dateFormat || \"L\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'DateTime'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'LocalDateTime'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Time'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedTime: col.calendarLocaleOptions?.dateFormat || \"LTS\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Integer'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getIntegerMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Double'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getDoubleMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Money'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getMoneyMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Number'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getNumberMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"'Enum'\">\n                                <ng-container *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\">\n                                    <ng-container *ngIf=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options); then withBadge; else withoutBadge\"></ng-container>\n                                    <ng-template #withBadge>\n                                        <s-badge\n                                            [text]=\"getLabelForValue(getFieldValue(rowData, col.name), col.options)\"\n                                            [color]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).color\"\n                                            [type]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).type\"\n                                            [iconClass]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).iconClass\"\n                                            [iconPosition]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).iconPosition\">\n                                        </s-badge>\n                                    </ng-template>\n                                    <ng-template #withoutBadge>\n                                        <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                    </ng-template>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchDefault>\n                                <ng-container *ngIf=\"col.mask && col.mask()\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n                                        <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngIf=\"!(col.mask && col.mask())\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"paginatorright\">\n                    <span [attr.data-hidden]=\"loading\">\n                        {{ printRecordTotalizer() }}\n                    </span>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel || 'platform.angular_components.select' | translate\"\n            (onClick)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\">\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel || 'platform.angular_components.cancel' | translate\"\n            (onClick)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">\n        {{ emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n",
+        template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"lazyLoadLookup($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\">\n        <ng-template let-item pTemplate=\"selectedItem\">\n            <span\n                class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                tooltipPosition=\"top\">\n                {{item[lookupDisplayField]}}\n            </span>\n        </ng-template>\n    </p-autoComplete>\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\">\n    </button>\n</div>\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog>\n    <div\n        *ngIf=\"dialogVisible\"\n        class=\"s-lookup-modal-container\">\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter\"\n            [@collapseContent]=\"collapsed\n                ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form\n                [formGroup]=\"formGroupDialog\"\n                novalidate\n                autocomplete=\"off\">\n                <div\n                    *ngIf=\"!collapsed\"\n                    class=\"form-content\"\n                    [@childCollapseContent]=\"collapsed\n                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                        : { value: ':enter', params: { transitionParams: transitionOptions } }\">\n                    <div class=\"filter-title sds-section-title\">\n                        {{ filterTitle || \"platform.angular_components.filters\" | translate }}\n                    </div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form\n                            [fields]=\"searchFields\"\n                            [form]=\"formGroupDialog\">\n                        </s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12 no-button-margin\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel || 'platform.angular_components.filter' | translate\"\n                                (onClick)=\"search()\"\n                                sTooltip=\"(ALT + SHIFT + F)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel || 'platform.angular_components.clear' | translate\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                sTooltip=\"(ALT + SHIFT + L)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter-toggle\">\n            <button\n                [id]=\"id + '-filter-toggle-button'\"\n                type=\"button\"\n                (click)=\"filterToggle()\">\n                <span\n                    class=\"fa\"\n                    [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\">\n                </span>\n            </button>\n        </div>\n        <div\n            class=\"content\"\n            [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\">\n            </s-empty-state>\n\n            <div class=\"content-child\">\n                <p-table\n                    [dataKey]=\"dataKey\"\n                    [value]=\"getGridData()\"\n                    [columns]=\"searchGridFields\"\n                    [lazy]=\"true\"\n                    [scrollable]=\"true\"\n                    [paginator]=\"true\"\n                    sortMode=\"multiple\"\n                    [totalRecords]=\"searchTotalRecords\"\n                    [rows]=\"10\"\n                    [selection]=\"selected\"\n                    (onLazyLoad)=\"lazyLoadGrid($event)\"\n                    *sLoadingState=\"{ loading: loading, indicator: 'logo' }\"\n                    [multiSortMeta]=\"multiSortMeta\"\n                    [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                    [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                    (selectionChange)=\"onSelectionChange($event)\">\n                        <ng-template pTemplate=\"caption\">\n                            <div class=\"buttons-container no-button-margin\">\n                                <s-button\n                                    *ngIf=\"showAddOption\"\n                                    priority=\"default\"\n                                    [label]=\"'platform.angular_components.add' | translate\"\n                                    (onClick)=\"onAdd.emit()\">\n                                </s-button>\n                                <s-button\n                                    *ngIf=\"showEditOption\"\n                                    priority=\"default\"\n                                    [label]=\"'platform.angular_components.edit' | translate\"\n                                    [disabled]=\"selected.length !== 1\"\n                                    (onClick)=\"onEdit.emit(this.selected[0])\">\n                                </s-button>\n                                <s-button\n                                    *ngIf=\"showRemoveOption\"\n                                    priority=\"default\"\n                                    [label]=\"'platform.angular_components.remove' | translate\"\n                                    [disabled]=\"!selected.length\"\n                                    (onClick)=\"onRemove.emit(this.selected)\">\n                                </s-button>\n                            </div>\n                        </ng-template>\n                        <ng-template pTemplate=\"colgroup\" let-columns>\n                            <colgroup>\n                                <col\n                                    *ngIf=\"multiple\"\n                                    style=\"width: 50px\" />\n                                <col\n                                    *ngFor=\"let col of columns\"\n                                    [style.width]=\"col.width\" />\n                            </colgroup>\n                        </ng-template>\n                        <ng-template pTemplate=\"header\" let-columns>\n                            <tr>\n                                <th\n                                    *ngIf=\"multiple\"\n                                    style=\"width: 50px\">\n                                    <s-table-header-checkbox\n                                        [useAllObject]=\"lookupRowProps ? false : true\"\n                                        [rowProps]=\"lookupRowProps\">\n                                    </s-table-header-checkbox>\n                                </th>\n                                <th\n                                    [style.width]=\"col.width\"\n                                    *ngFor=\"let col of columns\"\n                                    [pSortableColumn]=\"col.sortableColumnName ? col.sortableColumnName : col.name\"\n                                    [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\">\n                                    <div class=\"senior-header\">\n                                        <span class=\"senior-header-title\">{{ col.label }}</span>\n                                        <p-sortIcon\n                                            [field]=\"col.name\"\n                                            *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\">\n                                        </p-sortIcon>\n                                    </div>\n                                </th>\n                            </tr>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"body\"\n                            let-rowData\n                            let-columns\n                            let-rowIndex=\"rowIndex\">\n                            <tr\n                                sNavigation\n                                [pSelectableRow]=\"rowData\"\n                                [pSelectableRowIndex]=\"rowIndex\"\n                                sDoubleClick (onDoubleClick)=\"onTableRowDoubleClick(rowData)\">\n                                <td\n                                    *ngIf=\"multiple\"\n                                    style=\"width: 50px\"\n                                    tabindex=\"0\">\n                                    <p-tableCheckbox\n                                        [value]=\"rowData\"\n                                        [pSelectableRow]=\"rowData\">\n                                    </p-tableCheckbox>\n                                </td>\n                                <td\n                                    [style.width]=\"col['width']\"\n                                    *ngFor=\"let col of searchGridFields\"\n                                    [ngSwitch]=\"col.type\"\n                                    tabindex=\"0\">\n                                    <ng-container *ngSwitchCase=\"'Boolean'\">\n                                        <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Date'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedDate: col.calendarLocaleOptions?.dateFormat || \"L\" | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'DateTime'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'LocalDateTime'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Time'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedTime: col.calendarLocaleOptions?.dateFormat || \"LTS\" | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Integer'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getIntegerMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Double'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getDoubleMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Money'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getMoneyMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Number'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getNumberMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Enum'\">\n                                        <ng-container *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\">\n                                            <ng-container *ngIf=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options); then withBadge; else withoutBadge\"></ng-container>\n                                            <ng-template #withBadge>\n                                                <s-badge\n                                                    [text]=\"getLabelForValue(getFieldValue(rowData, col.name), col.options)\"\n                                                    [color]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).color\"\n                                                    [type]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).type\"\n                                                    [iconClass]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).iconClass\"\n                                                    [iconPosition]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).iconPosition\">\n                                                </s-badge>\n                                            </ng-template>\n                                            <ng-template #withoutBadge>\n                                                <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                            </ng-template>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchDefault>\n                                        <ng-container *ngIf=\"col.mask && col.mask()\">\n                                            <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n                                                <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n                                            </ng-container>\n                                        </ng-container>\n                                        <ng-container *ngIf=\"!(col.mask && col.mask())\">\n                                            <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n                                                <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                            </ng-container>\n                                        </ng-container>\n                                    </ng-container>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"paginatorright\">\n                            <span [attr.data-hidden]=\"loading\">\n                                {{ printRecordTotalizer() }}\n                            </span>\n                        </ng-template>\n                </p-table>\n            </div>\n\n        </div>\n    </div>\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel || 'platform.angular_components.select' | translate\"\n            (onClick)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\">\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel || 'platform.angular_components.cancel' | translate\"\n            (onClick)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">\n        {{ emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n",
         providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -7307,7 +7311,7 @@ LookupComponent = LookupComponent_1 = __decorate([
                 transition("* <=> *", animate("{{transitionParams}}")),
             ]),
         ],
-        styles: ["s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-lookup .ui-inputtext{border-top-right-radius:0;border-bottom-right-radius:0}s-lookup .inputgroup p-autocomplete+button,s-lookup p-autocomplete .ui-autocomplete-dropdown.ui-button{background-color:#fff;border-color:#ccc;border-width:1px 1px 1px 0;color:#333;min-height:35px;height:auto!important;min-width:auto;width:35px!important;overflow:hidden;border-top-left-radius:0;border-bottom-left-radius:0}s-lookup .inputgroup,s-lookup p-autocomplete span.ui-autocomplete-multiple{display:-ms-flexbox;display:flex}s-lookup .inputgroup p-autocomplete{display:inline-block}s-lookup .inputgroup p-autocomplete .ui-autocomplete-input{width:100%}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:#e6e6e6;border-color:#ccc}s-lookup .inputgroup p-autocomplete .ui-widget .ui-inputtext{border-right-width:1px;border-right-style:solid}s-lookup .ui-autocomplete-input-token,s-lookup .ui-autocomplete-input-token input{width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token{max-width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .s-lookup-modal.ui-dialog .ui-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .ui-table-scrollable-body{min-width:100%}.s-lookup-modal{height:80%!important;max-width:100%!important;max-height:inherit!important;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .ui-dialog-content{height:auto!important;-ms-flex:1;flex:1;overflow:auto}.s-lookup-modal .ui-dialog-footer,.s-lookup-modal .ui-dialog-header{-ms-flex-negative:0;flex-shrink:0;border-radius:0 0 4px 4px}.s-lookup-modal .s-lookup-modal-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{position:relative;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:85%;background-color:rgba(229,234,234,.5);height:100%;padding:.571rem}.s-lookup-modal .s-lookup-modal-container .filter form{width:100%;height:100%}.s-lookup-modal .s-lookup-modal-container .filter form .form-content{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .filter-title{padding-left:.5rem}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .form-fields{overflow-y:auto}.s-lookup-modal .s-lookup-modal-container .filter-toggle{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:35px;border-radius:0 4px 4px 0}.s-lookup-modal .s-lookup-modal-container .filter-toggle button{-ms-flex-align:center;align-items:center;position:relative;background-color:rgba(229,234,234,.5);height:35px;width:100%;border:1px solid #e5eaea;outline:0;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;text-decoration:none;text-transform:none;padding:7px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.s-lookup-modal .s-lookup-modal-container .filter-toggle button:focus,.s-lookup-modal .s-lookup-modal-container .filter-toggle button:hover{background-color:rgba(201,211,211,.5);border-color:#c9d3d3}.s-lookup-modal .s-lookup-modal-container .filter-toggle--start-border-mask{height:15px;border-left:1px solid #e5eaea}.s-lookup-modal .s-lookup-modal-container .filter-toggle--end-border-mask{height:calc(100% - 49px);border-left:1px solid #e5eaea}.s-lookup-modal .s-lookup-modal-container .content{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow-x:auto;padding:.5rem}.s-lookup-modal .s-lookup-modal-container .content.empty-content{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container,.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container .contents{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table{position:relative;height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper{height:calc(100% - 60px)}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table .ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-view .ui-table-scrollable-body{position:relative;height:calc(100% - 60px)}@media (max-width:767px){.s-lookup-modal{border:none!important;top:0!important;left:0!important;width:100%!important;height:100%!important}}@media (min-width:768px){.s-lookup-modal{width:80%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:40%}}@media (min-width:1200px){.s-lookup-modal{width:60%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:30%}}.inputgroup p-autocomplete{width:calc(100% - 35px)}"]
+        styles: [".no-button-margin s-button{margin-left:0}s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-lookup .ui-inputtext{border-top-right-radius:0;border-bottom-right-radius:0}s-lookup .inputgroup p-autocomplete+button,s-lookup p-autocomplete .ui-autocomplete-dropdown.ui-button{background-color:#fff;border-color:#ccc;border-width:1px 1px 1px 0;color:#333;min-height:35px;height:auto!important;min-width:auto;width:35px!important;overflow:hidden;border-top-left-radius:0;border-bottom-left-radius:0}s-lookup .inputgroup,s-lookup p-autocomplete span.ui-autocomplete-multiple{display:-ms-flexbox;display:flex}s-lookup .inputgroup p-autocomplete{display:inline-block}s-lookup .inputgroup p-autocomplete .ui-autocomplete-input{width:100%}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:#e6e6e6;border-color:#ccc}s-lookup .inputgroup p-autocomplete .ui-widget .ui-inputtext{border-right-width:1px;border-right-style:solid}s-lookup .ui-autocomplete-input-token,s-lookup .ui-autocomplete-input-token input{width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token{max-width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .s-lookup-modal.ui-dialog .ui-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .ui-table-scrollable-body{min-width:100%}.s-lookup-modal{height:80%!important;max-width:100%!important;max-height:inherit!important;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .ui-dialog-content{height:auto!important;-ms-flex:1;flex:1;overflow:auto}.s-lookup-modal .ui-dialog-footer,.s-lookup-modal .ui-dialog-header{-ms-flex-negative:0;flex-shrink:0;border-radius:0 0 4px 4px}.s-lookup-modal .s-lookup-modal-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{position:relative;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:85%;background-color:rgba(229,234,234,.5);height:100%;padding:.571rem}.s-lookup-modal .s-lookup-modal-container .filter form{width:100%;height:100%}.s-lookup-modal .s-lookup-modal-container .filter form .form-content{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .filter-title{padding-left:.5rem}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .form-fields{overflow-y:auto}.s-lookup-modal .s-lookup-modal-container .filter-toggle{margin-top:15px;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:35px;border-radius:0 4px 4px 0}.s-lookup-modal .s-lookup-modal-container .filter-toggle button{-ms-flex-align:center;align-items:center;position:relative;background-color:rgba(229,234,234,.5);height:35px;width:100%;border:1px solid #e5eaea;outline:0;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;text-decoration:none;text-transform:none;padding:7px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.s-lookup-modal .s-lookup-modal-container .filter-toggle button:focus,.s-lookup-modal .s-lookup-modal-container .filter-toggle button:hover{background-color:rgba(201,211,211,.5);border-color:#c9d3d3}.s-lookup-modal .s-lookup-modal-container .content{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow-x:auto;padding:.5rem}.s-lookup-modal .s-lookup-modal-container .content.empty-content{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-lookup-modal .s-lookup-modal-container .content.empty-content .content-child{display:none}.s-lookup-modal .s-lookup-modal-container .content .content-child{height:100%;overflow:auto}.s-lookup-modal .s-lookup-modal-container .content .buttons-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container,.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container .contents{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table>.ui-table{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .content p-table>.ui-table .ui-table-scrollable-wrapper{overflow:auto}@media (max-width:767px){.s-lookup-modal{border:none!important;top:0!important;left:0!important;width:100%!important;height:100%!important}}@media (min-width:768px){.s-lookup-modal{width:80%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:40%}}@media (min-width:1200px){.s-lookup-modal{width:60%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:30%}}.inputgroup p-autocomplete{width:calc(100% - 35px)}"]
     })
 ], LookupComponent);
 
@@ -10646,7 +10650,7 @@ __decorate([
 ], TextAreaFieldComponent.prototype, "inputRef", void 0);
 TextAreaFieldComponent = __decorate([
     Component({
-        template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"\n    [fieldContainerRef]=\"inputRef?.nativeElement\"></s-field-label>\n\n<textarea #inputRef\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    [readonly]=\"field.readonly ? field.readonly() : false\"\n></textarea>\n<textarea #inputRef\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    [readonly]=\"field.readonly ? field.readonly() : false\"\n></textarea>\n"
+        template: "<s-field-label *ngIf=\"textArea\" [field]=\"field\"\n    [fieldContainerRef]=\"textArea.textAreaElement?.nativeElement\"></s-field-label>\n\n<s-textarea\n    #textArea\n    [inputId]=\"(field.id || field.name)\"\n    [rows]=\"field.rows\"\n    [formControl]=\"formControl\"\n    style=\"resize: vertical;\"\n    [inputStyle]=\"field.style\"\n    [readOnly]=\"field.readonly ? field.readonly() : false\"\n    [keyFilter]=\"field.keyFilter\"\n    [speechRecognition]=\"field.speechRecognition\">\n</s-textarea>\n"
     })
 ], TextAreaFieldComponent);
 
@@ -12422,6 +12426,476 @@ TextFieldModule = __decorate([
     })
 ], TextFieldModule);
 
+var TextAreaComponent_1;
+let TextAreaComponent = TextAreaComponent_1 = class TextAreaComponent {
+    constructor() {
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.disabled = false;
+        this.value = '';
+        this.inputId = `textarea-${Math.random()}`;
+        this.rows = 5;
+        this.speechRecognition = false;
+        this.readOnly = false;
+        this.renderTextArea = false;
+    }
+    get textAreaElement() {
+        return this._textAreaElement;
+    }
+    set textAreaElement(value) {
+        this._textAreaElement = value;
+        setTimeout(() => {
+            this.renderTextArea = true;
+        });
+    }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    setValue(value) {
+        if (this.disabled) {
+            return;
+        }
+        this.value = value;
+        this.writeValue(this.value);
+        this.onChange(this.value);
+        this.onTouched(this.value);
+    }
+    handleRecognizedText(recognizedText) {
+        this.setValue(recognizedText);
+    }
+};
+__decorate([
+    ViewChild('textArea', { read: ElementRef })
+], TextAreaComponent.prototype, "textAreaElement", null);
+__decorate([
+    Input()
+], TextAreaComponent.prototype, "inputId", void 0);
+__decorate([
+    Input()
+], TextAreaComponent.prototype, "rows", void 0);
+__decorate([
+    Input()
+], TextAreaComponent.prototype, "speechRecognition", void 0);
+__decorate([
+    Input()
+], TextAreaComponent.prototype, "keyFilter", void 0);
+__decorate([
+    Input()
+], TextAreaComponent.prototype, "inputStyle", void 0);
+__decorate([
+    Input()
+], TextAreaComponent.prototype, "readOnly", void 0);
+TextAreaComponent = TextAreaComponent_1 = __decorate([
+    Component({
+        selector: 's-textarea',
+        template: "<textarea\n    *ngIf=\"keyFilter\"\n    #textArea\n    class=\"textarea\"\n    [pKeyFilter]=\"keyFilter\"\n    [id]=\"inputId\"\n    [rows]=\"rows\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [ngStyle]=\"inputStyle\"\n    [readOnly]=\"readOnly\"\n    (ngModelChange)=\"setValue($event)\">\n</textarea>\n\n<textarea\n    *ngIf=\"!keyFilter\"\n    #textArea\n    class=\"textarea\"\n    [id]=\"inputId\"\n    [rows]=\"rows\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [ngStyle]=\"inputStyle\"\n    [readOnly]=\"readOnly\"\n    (ngModelChange)=\"setValue($event)\">\n</textarea>\n\n<s-speech-recognition\n        *ngIf=\"speechRecognition && renderTextArea\"\n        [textAreaElement]=\"textAreaElement.nativeElement\"\n        (recognizedText)=\"handleRecognizedText($event)\">\n</s-speech-recognition>\n",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TextAreaComponent_1),
+                multi: true,
+            },
+        ],
+        styles: [".textarea{border-radius:3px;border:1px solid #c1c1cc;background:#fff;width:100%;max-width:100%;min-height:4em;min-width:10em;outline:0;padding:8px;display:block}.textarea:disabled{opacity:.5}"]
+    })
+], TextAreaComponent);
+
+let SpeechRecognitionService = class SpeechRecognitionService {
+    constructor(localeService, ngZone) {
+        this.localeService = localeService;
+        this.ngZone = ngZone;
+        this.isListening = false;
+        this.TIMEOUT_NO_MESSAGE = 3000;
+        this.setRecognition();
+    }
+    listen() {
+        if (this.isListening) {
+            return;
+        }
+        const speechSubject = new Subject();
+        this.isListening = true;
+        this.recognition.continuous = true;
+        this.recognition.interimResults = true;
+        this.recognition.maxAlternatives = 1;
+        let silenceTimer;
+        const restartSilenceTimer = () => {
+            if (silenceTimer !== undefined) {
+                clearTimeout(silenceTimer);
+            }
+            silenceTimer = setTimeout(() => {
+                this.recognition.stop();
+            }, this.TIMEOUT_NO_MESSAGE);
+        };
+        let fullTranscript = '';
+        let interimTranscript = '';
+        this.recognition.onresult = (event) => {
+            this.ngZone.run(() => {
+                restartSilenceTimer();
+                let interimTranscript = '';
+                for (let i = event.resultIndex; i < event.results.length; ++i) {
+                    const transcript = event.results[i][0].transcript;
+                    if (event.results[i].isFinal) {
+                        fullTranscript += transcript + '\n';
+                    }
+                    else {
+                        interimTranscript += transcript;
+                    }
+                }
+                interimTranscript = interimTranscript;
+                speechSubject.next({ text: fullTranscript + interimTranscript, isFinal: false });
+            });
+        };
+        this.recognition.onerror = () => {
+            this.ngZone.run(() => {
+                if (silenceTimer !== undefined) {
+                    clearTimeout(silenceTimer);
+                }
+                this.isListening = false;
+                speechSubject.next({
+                    isFinal: true,
+                    text: ''
+                });
+            });
+        };
+        this.recognition.onend = () => {
+            this.ngZone.run(() => {
+                if (silenceTimer !== undefined) {
+                    clearTimeout(silenceTimer);
+                }
+                speechSubject.next({ text: fullTranscript + interimTranscript, isFinal: true });
+                this.isListening = false;
+                speechSubject.complete();
+            });
+        };
+        this.recognition.start();
+        return speechSubject;
+    }
+    stop() {
+        this.recognition.stop();
+    }
+    setRecognition() {
+        const SpeechRecognitionConstructor = window.SpeechRecognition || window.webkitSpeechRecognition;
+        if (!SpeechRecognitionConstructor) {
+            throw new Error('Speech recognition is not supported in this browser.');
+        }
+        this.recognition = new SpeechRecognitionConstructor();
+        this.recognition.lang = this.localeService.getLocaleOptions().locale || 'pt-BR';
+        this.recognition.interimResults = false;
+        this.recognition.maxAlternatives = 1;
+    }
+};
+SpeechRecognitionService.ctorParameters = () => [
+    { type: LocaleService },
+    { type: NgZone }
+];
+SpeechRecognitionService.ɵprov = ɵɵdefineInjectable({ factory: function SpeechRecognitionService_Factory() { return new SpeechRecognitionService(ɵɵinject(LocaleService), ɵɵinject(NgZone)); }, token: SpeechRecognitionService, providedIn: "root" });
+SpeechRecognitionService = __decorate([
+    Injectable({
+        providedIn: 'root'
+    })
+], SpeechRecognitionService);
+
+let TextToSpeechService = class TextToSpeechService {
+    constructor(locale, ngZone) {
+        this.locale = locale;
+        this.ngZone = ngZone;
+        this.utterance = new SpeechSynthesisUtterance();
+        this.voices = [];
+        this.setVoices();
+    }
+    setVoices() {
+        let _voices = speechSynthesis.getVoices();
+        if (!_voices.length) {
+            speechSynthesis.onvoiceschanged = () => {
+                this.ngZone.run(() => {
+                    _voices = speechSynthesis.getVoices();
+                    const currentLang = this.locale.getLocaleOptions().locale || 'pt-BR';
+                    this.voices = _voices.filter((voice) => voice.lang === currentLang);
+                    this.activeVoice = this.voices[0];
+                });
+            };
+        }
+    }
+    /**
+     * Updates the active voice
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/SpeechSynthesisVoice/voiceURI)
+     * @param voiceUri
+     */
+    updateVoice(voiceUri) {
+        this.activeVoice = this.voices.find((voice) => voice.voiceURI === voiceUri);
+    }
+    speak(text, speed = 1) {
+        if (!this.activeVoice) {
+            return;
+        }
+        return new Promise((resolve) => {
+            this.utterance.text = text;
+            this.utterance.voice = this.activeVoice;
+            this.utterance.rate = speed;
+            speechSynthesis.speak(this.utterance);
+            this.utterance.onend = () => {
+                this.ngZone.run(() => {
+                    resolve(true);
+                });
+            };
+        });
+    }
+    pause() {
+        speechSynthesis.pause();
+    }
+    resume() {
+        speechSynthesis.resume();
+    }
+    cancel() {
+        speechSynthesis.cancel();
+    }
+    get hasVoice() {
+        return !!this.activeVoice;
+    }
+};
+TextToSpeechService.ctorParameters = () => [
+    { type: LocaleService },
+    { type: NgZone }
+];
+TextToSpeechService.ɵprov = ɵɵdefineInjectable({ factory: function TextToSpeechService_Factory() { return new TextToSpeechService(ɵɵinject(LocaleService), ɵɵinject(NgZone)); }, token: TextToSpeechService, providedIn: "root" });
+TextToSpeechService = __decorate([
+    Injectable({
+        providedIn: 'root'
+    })
+], TextToSpeechService);
+
+let SpeechRecognitionComponent = class SpeechRecognitionComponent {
+    constructor(speechRecognitionService, textToSpeechService, translateService) {
+        this.speechRecognitionService = speechRecognitionService;
+        this.textToSpeechService = textToSpeechService;
+        this.translateService = translateService;
+        this._recognizedText = '';
+        this.originalTextAreaElementText = '';
+        this.isDoneSpeaking = false;
+        this.onDestroy$ = new Subject();
+        this.VOICE_SPEEDS = [0.5, 1, 1.5, 2];
+        this.SPEECH_RECOGNITION_MARGIN_OFFSET = 13;
+        this.keydownEventListener = (event) => {
+            if (this.disabled) {
+                event.preventDefault();
+            }
+        };
+        this.TEXT_AREA_ELEMENT_MUTATION_OBSERVER = new MutationObserver(() => {
+            this.SPEECH_CONTAINER_WIDTH_CALLBACK();
+        });
+        this.SPEECH_CONTAINER_WIDTH_CALLBACK = () => {
+            this.setSpeechContainerWidth();
+        };
+        this.speechRecognitionContainerWidth = 0;
+        this.disabled = false;
+        this.isSpeaking = false;
+        this.voiceSpeed = 1;
+        this.isDisabledMicrophone = false;
+        this.canRenderMicrophone = true;
+        this.canRenderTextToSpeech = true;
+        this.canRenderListeningText = false;
+        this.canRenderDiscard = false;
+        this.canRenderAprove = false;
+        this.canRenderTextToSpeechToolbar = false;
+        this.isPlayingTextToSpeech = false;
+        this.recognizedText = new EventEmitter();
+    }
+    ngOnInit() {
+        if (!this.textAreaElement) {
+            throw new Error('textAreaElement is required');
+        }
+        this.textAreaElement.placeholder = this.translateService.instant("platform.angular_components.text_area_speech_recognition_placeholder");
+        this.textAreaElement.addEventListener('keydown', this.keydownEventListener);
+        const config = { attributes: true, childList: true, subtree: true };
+        this.TEXT_AREA_ELEMENT_MUTATION_OBSERVER.observe(this.textAreaElement, config);
+        window.addEventListener('resize', this.SPEECH_CONTAINER_WIDTH_CALLBACK);
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.setSpeechContainerWidth();
+        });
+    }
+    onListen() {
+        if (this.isDisabledMicrophone || this.isListening) {
+            return;
+        }
+        this.disabled = true;
+        this.canRenderMicrophone = false;
+        this.canRenderListeningText = true;
+        if (this.textAreaElement.value && !this.originalTextAreaElementText) {
+            this.originalTextAreaElementText = this.textAreaElement.value;
+        }
+        this.textAreaElement.value = '';
+        this.isSpeaking = true;
+        this.speechRecognitionService.listen()
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(({ text, isFinal }) => {
+            this._recognizedText = text;
+            this.setTextAreaValue(text);
+            setTimeout(() => {
+                this.textAreaElement.scrollTop = this.textAreaElement.scrollHeight;
+            }, 120);
+            if (isFinal) {
+                this.canRenderAprove = true;
+                this.canRenderDiscard = true;
+                this.canRenderListeningText = false;
+                this.isSpeaking = false;
+            }
+        });
+    }
+    onOpenToolbar() {
+        if (this.isDisabledTextToSpeech) {
+            return;
+        }
+        this.canRenderTextToSpeechToolbar = true;
+        this.canRenderTextToSpeech = false;
+        this.isPlayingTextToSpeech = true;
+        this.speak();
+    }
+    onCloseToolbar() {
+        this.canRenderTextToSpeechToolbar = false;
+        this.canRenderTextToSpeech = true;
+        this.isPlayingTextToSpeech = false;
+        this.textToSpeechService.cancel();
+        this.voiceSpeed = 1;
+    }
+    onDiscard() {
+        this.canRenderAprove = false;
+        this.canRenderDiscard = false;
+        this.canRenderMicrophone = true;
+        this.canRenderTextToSpeechToolbar = false;
+        this.canRenderTextToSpeech = true;
+        this._recognizedText = '';
+        this.setTextAreaValue(this.originalTextAreaElementText);
+        this.disabled = false;
+        this.textToSpeechService.cancel();
+    }
+    onAprove() {
+        this.canRenderAprove = false;
+        this.canRenderDiscard = false;
+        this.canRenderMicrophone = true;
+        this.canRenderTextToSpeechToolbar = false;
+        this.canRenderTextToSpeech = true;
+        this.originalTextAreaElementText = this._recognizedText;
+        this.recognizedText.emit(this._recognizedText);
+        this._recognizedText = '';
+        this.disabled = false;
+        this.textToSpeechService.cancel();
+    }
+    ngOnDestroy() {
+        this.onDestroy$.next();
+        this.onDestroy$.complete();
+        this.textAreaElement.removeEventListener('keydown', this.keydownEventListener);
+        window.removeEventListener('resize', this.SPEECH_CONTAINER_WIDTH_CALLBACK);
+        this.TEXT_AREA_ELEMENT_MUTATION_OBSERVER.disconnect();
+    }
+    toggleTextToSpeech() {
+        if (this.isPlayingTextToSpeech) {
+            this.textToSpeechService.pause();
+        }
+        else {
+            if (this.isDoneSpeaking) {
+                this.speak();
+            }
+            else {
+                this.textToSpeechService.resume();
+            }
+        }
+        this.isPlayingTextToSpeech = !this.isPlayingTextToSpeech;
+    }
+    restartTextToSpeech() {
+        this.isPlayingTextToSpeech = true;
+        this.textToSpeechService.cancel();
+        this.speak();
+    }
+    updateVoiceSpeed() {
+        const voiceSpeedIndex = this.VOICE_SPEEDS.indexOf(this.voiceSpeed);
+        const nextVoiceSpeedIndex = this.VOICE_SPEEDS[voiceSpeedIndex + 1] ? voiceSpeedIndex + 1 : 0;
+        this.voiceSpeed = this.VOICE_SPEEDS[nextVoiceSpeedIndex];
+        this.textToSpeechService.cancel();
+        this.speak();
+    }
+    stopListening() {
+        this.speechRecognitionService.stop();
+    }
+    get isListening() {
+        return this.speechRecognitionService.isListening;
+    }
+    get isDisabledTextToSpeech() {
+        const hasTextToSpeechVoice = this.textToSpeechService.hasVoice;
+        return !this._recognizedText || !hasTextToSpeechVoice || this.isListening;
+    }
+    setTextAreaValue(value) {
+        this.textAreaElement.value = value;
+    }
+    speak() {
+        this.isDoneSpeaking = false;
+        this.textToSpeechService.speak(this._recognizedText, this.voiceSpeed).then(() => {
+            this.isPlayingTextToSpeech = false;
+            this.isDoneSpeaking = true;
+        });
+    }
+    setSpeechContainerWidth() {
+        this.speechRecognitionContainerWidth = this.textAreaElement.getBoundingClientRect().width - this.SPEECH_RECOGNITION_MARGIN_OFFSET;
+    }
+};
+SpeechRecognitionComponent.ctorParameters = () => [
+    { type: SpeechRecognitionService },
+    { type: TextToSpeechService },
+    { type: TranslateService }
+];
+__decorate([
+    Input()
+], SpeechRecognitionComponent.prototype, "textAreaElement", void 0);
+__decorate([
+    Output()
+], SpeechRecognitionComponent.prototype, "recognizedText", void 0);
+SpeechRecognitionComponent = __decorate([
+    Component({
+        selector: 's-speech-recognition',
+        template: "<section class=\"speech-recognition\" [style.width.px]=\"speechRecognitionContainerWidth\" *ngIf=\"speechRecognitionContainerWidth\">\n    <div class=\"speech-recognition-text\">\n        <ng-container *ngIf=\"canRenderMicrophone\">\n            {{ 'platform.angular_components.text_area_before_speech' | translate }}\n        </ng-container>\n\n        <ng-container *ngIf=\"isSpeaking\">\n            {{ 'platform.angular_components.text_area_while_speech' | translate }}\n        </ng-container>\n\n        <ng-container *ngIf=\"canRenderAprove && canRenderDiscard\">\n            {{ 'platform.angular_components.text_area_end_speech' | translate }}\n        </ng-container>\n    </div>\n    <div class=\"speech-recognition-buttons\">\n        <span\n            *ngIf=\"canRenderListeningText\"\n            (click)=\"stopListening()\"\n            class=\"speech-recognition-item speech-recognition-item-regular\">\n            <i class=\"far fa-ellipsis-h\"></i>\n        </span>\n\n        <span\n            *ngIf=\"canRenderMicrophone\"\n            (click)=\"onListen()\"\n            class=\"speech-recognition-item speech-recognition-item-microphone\"\n            [class.speech-recognition-item-disabled]=\"isDisabledMicrophone || isListening || disabled\">\n            <i class=\"fas fa-microphone\"></i>\n        </span>\n\n        <span\n            *ngIf=\"canRenderAprove\"\n            (click)=\"onAprove()\"\n            class=\"speech-recognition-item speech-recognition-item-aprove\">\n            <i class=\"fas fa-check\"></i>\n        </span>\n\n        <span *ngIf=\"canRenderDiscard\"\n            (click)=\"onDiscard()\"\n            class=\"speech-recognition-item speech-recognition-item-discard\">\n            <i class=\"fas fa-times\"></i>\n        </span>\n\n        <span\n            *ngIf=\"canRenderTextToSpeech\"\n            (click)=\"onOpenToolbar()\"\n            class=\"speech-recognition-item speech-recognition-item-regular\"\n            [class.speech-recognition-item-disabled]=\"isDisabledTextToSpeech\">\n            <i class=\"fas fa-volume-down\"></i>\n        </span>\n\n        <span\n            *ngIf=\"canRenderTextToSpeechToolbar\"\n            class=\"speech-recognition-item-toolbar\">\n             <i class=\"fas\" [class.fa-pause]=\"isPlayingTextToSpeech\" [class.fa-play]=\"!isPlayingTextToSpeech\"\n             (click)=\"toggleTextToSpeech()\"></i>\n                <i class=\"fas fa-backward\" (click)=\"restartTextToSpeech()\"></i>\n                <span (click)=\"updateVoiceSpeed()\">\n                    {{ voiceSpeed }}x\n                </span>\n                <i class=\"fas fa-times\" (click)=\"onCloseToolbar()\"></i>\n        </span>\n    </div>\n</section>\n",
+        styles: [".speech-recognition{display:-ms-flexbox;display:flex;gap:10px;-ms-flex-pack:justify;justify-content:space-between}.speech-recognition-buttons{display:-ms-flexbox;display:flex;gap:10px;position:relative;bottom:15px}.speech-recognition-item{display:-ms-inline-flexbox;display:inline-flex;height:25px;padding:4px 12px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:8px;border-radius:15px;cursor:pointer;transition:background .1s ease-in}.speech-recognition-item i,.speech-recognition-item span{color:#fff}.speech-recognition-item-disabled{cursor:default!important}.speech-recognition-item-disabled *{opacity:.5}.speech-recognition-item-microphone{background:#428bca}.speech-recognition-item-microphone:not(.speech-recognition-item-disabled):hover{background:#063951}.speech-recognition-item-regular{background:#7892a1}.speech-recognition-item-regular:not(.speech-recognition-item-disabled):hover{background:#697882}.speech-recognition-item-aprove{background:#0c9348}.speech-recognition-item-aprove:not(.speech-recognition-item-disabled):hover{background:#063951}.speech-recognition-item-discard{background:#c13018}.speech-recognition-item-discard:not(.speech-recognition-item-disabled):hover{background:#063951}.speech-recognition-item-toolbar{background:#7892a1;display:-ms-flexbox;display:flex;border-radius:15px;-ms-flex-align:center;align-items:center;color:#fff}.speech-recognition-item-toolbar i,.speech-recognition-item-toolbar span{cursor:pointer}.speech-recognition-item-toolbar i:not(:first-child),.speech-recognition-item-toolbar i:not(:last-child){padding:6px}.speech-recognition-item-toolbar i:first-child{padding-left:10px}.speech-recognition-item-toolbar i:last-child{padding-right:10px}.speech-recognition-item-toolbar span{height:25px}.speech-recognition-text{color:#212533;font-size:12px;font-style:normal;font-weight:400;word-break:break-word}"]
+    })
+], SpeechRecognitionComponent);
+
+let SpeechRecognitionModule = class SpeechRecognitionModule {
+};
+SpeechRecognitionModule = __decorate([
+    NgModule({
+        declarations: [SpeechRecognitionComponent],
+        imports: [
+            CommonModule,
+            TranslateModule
+        ],
+        exports: [SpeechRecognitionComponent]
+    })
+], SpeechRecognitionModule);
+
+let TextAreaModule = class TextAreaModule {
+};
+TextAreaModule = __decorate([
+    NgModule({
+        declarations: [TextAreaComponent],
+        imports: [
+            CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            SpeechRecognitionModule,
+            KeyFilterModule
+        ],
+        exports: [TextAreaComponent]
+    })
+], TextAreaModule);
+
 let DynamicFormModule = class DynamicFormModule {
 };
 DynamicFormModule = __decorate([
@@ -12479,6 +12953,7 @@ DynamicFormModule = __decorate([
             ProfilePictureModule,
             EditorFieldModule,
             FieldLabelModule,
+            TextAreaModule
         ],
         declarations: [
             AutocompleteFieldComponent,
@@ -20977,12 +21452,16 @@ const fallback = {
     "platform.angular_components.add_all": "Adicionar todos",
     "platform.angular_components.remove_all": "Remover todos",
     "platform.angular_components.country_name_gb": "Reino Unido",
-    "platform.angular_components.insight_footer": "Conteúdo gerado por inteligência artificial. Sujeito a imprecisões."
+    "platform.angular_components.insight_footer": "Conteúdo gerado por inteligência artificial. Sujeito a imprecisões.",
+    "platform.angular_components.text_area_speech_recognition_placeholder": "Preencha o campo, com pelo menos, uma frase",
+    "platform.angular_components.text_area_before_speech": "Grave ou ouça o texto clicando nos Ícones",
+    "platform.angular_components.text_area_while_speech": "Clique novamente no Ícone para finalizar",
+    "platform.angular_components.text_area_end_speech": "Gravação finalizada"
 };
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionModule, AccordionPanelComponent, AlertComponent, AlertModule, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonAnimation, ButtonComponent, ButtonField, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, CardComponent, CardModule, CardTemplateTypes, ChatComponent, ChatModule, CheckDisabled, CheckboxComponent, CheckboxModule, ChipsComponent, ChipsField, ChipsModule, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CurrencyService, 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, FileUploadPermissions, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, Grid, GridMenuComponent, GridMenuModule, GridType, HelpPopoverComponent, HelpPopoverDirective, HelpPopoverModule, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, InlineEditCalendarField, InlineEditComponent, InlineEditField, InlineEditLookupField, InlineEditModule, InlineEditNumberField, InlineEditTextAreaField, InlineEditTextAreaIAField, InlineEditTextField, KanbanComponent, KanbanModule, KanbanTemplateTypes, LabelValueComponent, LabelValueModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationButtonComponent, NavigationButtonModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, NumericService, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, PicklistComponent, PicklistModule, PicklistTemplateTypes, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, Row, RowTogllerDirective, SVGFactoryDirective, SVGFactoryModule, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SliderComponent, SliderModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, StructureType, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TemplateDirective, TemplateModule, TextAreaField, TextAreaIAComponent, TextAreaIAModule, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, ThumbnailsComponent, ThumbnailsModule, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, ToastComponent, ToastModule, ToastService, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, convertToMomentDateFormat, countries, fallback, getElementLeftoverContentAvailable, getElementPositionInfo, isMousePositionOutsideOfElement, isNullOrUndefined, parseItensPickList, ɵ0$3 as ɵ0, ɵ1$2 as ɵ1, ɵ2$1 as ɵ2, ɵ3$1 as ɵ3, ɵ4, TooltipComponent as ɵa, TooltipDirective as ɵb, TableColumnsComponent as ɵba, TablePagingComponent as ɵbb, PasswordFieldModule as ɵbc, FieldLabelModule as ɵbd, FieldLabelComponent as ɵbe, PasswordFieldComponent as ɵbf, TextFieldModule as ɵbg, TextFieldComponent as ɵbh, NumberFieldModule as ɵbi, NumberFieldComponent as ɵbj, CurrencyFieldModule as ɵbk, CurrencyFieldComponent as ɵbl, BignumberFieldModule as ɵbm, BignumberFieldComponent as ɵbn, CheckboxFieldModule as ɵbo, CheckboxFieldComponent as ɵbp, ProfilePictureModule as ɵbq, ThumbnailService as ɵbr, StructureModule as ɵbs, HeaderComponent as ɵbt, FooterComponent as ɵbu, ProfilePictureFieldComponent as ɵbv, EditorFieldModule as ɵbw, EditorFieldComponent as ɵbx, AutocompleteFieldComponent as ɵby, BooleanFieldComponent as ɵbz, InfoSignComponent as ɵc, BooleanSwitchFieldComponent as ɵca, CalendarFieldComponent as ɵcb, ChipsFieldComponent as ɵcc, CountryPhonePickerFieldComponent as ɵcd, DynamicFieldComponent as ɵce, DynamicFormDirective as ɵcf, FieldsetComponent as ɵcg, FileUploadComponent$1 as ɵch, LookupFieldComponent as ɵci, RadioButtonComponent as ɵcj, RowComponent as ɵck, SectionComponent as ɵcl, SelectFieldComponent as ɵcm, SliderFieldComponent as ɵcn, TextAreaFieldComponent as ɵco, TextAreaIAFieldComponent as ɵcp, IAssistService as ɵcq, ButtonFieldComponent as ɵcr, DecimalField as ɵct, SideTableComponent as ɵcu, InfiniteScrollModule as ɵcv, InfiniteScrollDirective as ɵcw, IAInsightSidebarComponent as ɵcx, IAInsightCardComponent as ɵcy, IAInsightCardLoaderComponent as ɵcz, TieredMenuEventService as ɵd, GridMenuItemComponent as ɵda, InlineEditItemComponent as ɵdb, InlineEditCalendarComponent as ɵdc, InlineEditLookupComponent as ɵdd, InlineEditNumberComponent as ɵde, InlineEditTextComponent as ɵdf, InlineEditTextAreaComponent as ɵdg, InlineEditTextAreaIAComponent as ɵdh, KanbanEventService as ɵdi, KanbanItemComponent as ɵdj, KanbanColumnComponent as ɵdk, KanbanItemDraggingComponent as ɵdl, NumberLocaleOptions as ɵdm, BorderButtonModule as ɵdn, BorderButtonComponent as ɵdo, ProgressBarDeterminateComponent as ɵdp, ProgressBarIndeterminateComponent as ɵdq, SelectButtonItemComponent as ɵdr, SlidePanelService as ɵds, ThumbnailItemComponent as ɵdt, ThumbnailItemVideoComponent as ɵdu, ThumbnailItemImageComponent as ɵdv, TimelineItemModule as ɵdw, TimelineIconItemComponent as ɵdx, HorizontalTimelineModule as ɵdy, HorizontalTimelineComponent as ɵdz, TieredMenuService as ɵe, VerticalTimelineModule as ɵea, VerticalTimelineComponent as ɵeb, RangeLineComponent as ɵec, CollapseOptionComponent as ɵed, CollapsedItemsComponent as ɵee, VerticalItemsComponent as ɵef, ChipItemComponent as ɵeg, TieredMenuGlobalService as ɵf, TieredMenuComponent as ɵg, TieredMenuNestedComponent as ɵh, TieredMenuItemComponent as ɵi, TieredMenuDividerComponent as ɵj, LocalizedCurrencyImpurePipe as ɵk, LocalizedBignumberPipe as ɵl, LocalizedBignumberImpurePipe as ɵm, NumericPipe as ɵn, ChatMessageComponent as ɵo, CustomTranslationsModule as ɵp, CodeEditorComponent as ɵq, CoreFacade as ɵr, CodeMirror6Core as ɵs, CountryPhonePickerService as ɵt, EmptyStateGoBackComponent as ɵu, IAssistIconComponent as ɵv, SeniorIconComponent as ɵw, DotsIndicatorComponent as ɵx, LoadingIndicatorComponent as ɵy, FileUploadService as ɵz };
+export { AccordionComponent, AccordionModule, AccordionPanelComponent, AlertComponent, AlertModule, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonAnimation, ButtonComponent, ButtonField, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, CardComponent, CardModule, CardTemplateTypes, ChatComponent, ChatModule, CheckDisabled, CheckboxComponent, CheckboxModule, ChipsComponent, ChipsField, ChipsModule, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CurrencyService, 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, FileUploadPermissions, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, Grid, GridMenuComponent, GridMenuModule, GridType, HelpPopoverComponent, HelpPopoverDirective, HelpPopoverModule, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, InlineEditCalendarField, InlineEditComponent, InlineEditField, InlineEditLookupField, InlineEditModule, InlineEditNumberField, InlineEditTextAreaField, InlineEditTextAreaIAField, InlineEditTextField, KanbanComponent, KanbanModule, KanbanTemplateTypes, LabelValueComponent, LabelValueModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationButtonComponent, NavigationButtonModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, NumericService, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, PicklistComponent, PicklistModule, PicklistTemplateTypes, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, Row, RowTogllerDirective, SVGFactoryDirective, SVGFactoryModule, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SliderComponent, SliderModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, StructureType, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TemplateDirective, TemplateModule, TextAreaComponent, TextAreaField, TextAreaIAComponent, TextAreaIAModule, TextAreaModule, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, ThumbnailsComponent, ThumbnailsModule, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, ToastComponent, ToastModule, ToastService, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, convertToMomentDateFormat, countries, fallback, getElementLeftoverContentAvailable, getElementPositionInfo, isMousePositionOutsideOfElement, isNullOrUndefined, parseItensPickList, ɵ0$3 as ɵ0, ɵ1$2 as ɵ1, ɵ2$1 as ɵ2, ɵ3$1 as ɵ3, ɵ4, TooltipComponent as ɵa, TooltipDirective as ɵb, TableColumnsComponent as ɵba, TablePagingComponent as ɵbb, PasswordFieldModule as ɵbc, FieldLabelModule as ɵbd, FieldLabelComponent as ɵbe, PasswordFieldComponent as ɵbf, TextFieldModule as ɵbg, TextFieldComponent as ɵbh, NumberFieldModule as ɵbi, NumberFieldComponent as ɵbj, CurrencyFieldModule as ɵbk, CurrencyFieldComponent as ɵbl, BignumberFieldModule as ɵbm, BignumberFieldComponent as ɵbn, CheckboxFieldModule as ɵbo, CheckboxFieldComponent as ɵbp, ProfilePictureModule as ɵbq, ThumbnailService as ɵbr, StructureModule as ɵbs, HeaderComponent as ɵbt, FooterComponent as ɵbu, ProfilePictureFieldComponent as ɵbv, EditorFieldModule as ɵbw, EditorFieldComponent as ɵbx, SpeechRecognitionModule as ɵby, SpeechRecognitionComponent as ɵbz, InfoSignComponent as ɵc, SpeechRecognitionService as ɵca, TextToSpeechService as ɵcb, AutocompleteFieldComponent as ɵcc, BooleanFieldComponent as ɵcd, BooleanSwitchFieldComponent as ɵce, CalendarFieldComponent as ɵcf, ChipsFieldComponent as ɵcg, CountryPhonePickerFieldComponent as ɵch, DynamicFieldComponent as ɵci, DynamicFormDirective as ɵcj, FieldsetComponent as ɵck, FileUploadComponent$1 as ɵcl, LookupFieldComponent as ɵcm, RadioButtonComponent as ɵcn, RowComponent as ɵco, SectionComponent as ɵcp, SelectFieldComponent as ɵcq, SliderFieldComponent as ɵcr, TextAreaFieldComponent as ɵcs, TextAreaIAFieldComponent as ɵct, IAssistService as ɵcu, ButtonFieldComponent as ɵcv, DecimalField as ɵcx, SideTableComponent as ɵcy, InfiniteScrollModule as ɵcz, TieredMenuEventService as ɵd, InfiniteScrollDirective as ɵda, IAInsightSidebarComponent as ɵdb, IAInsightCardComponent as ɵdc, IAInsightCardLoaderComponent as ɵdd, GridMenuItemComponent as ɵde, InlineEditItemComponent as ɵdf, InlineEditCalendarComponent as ɵdg, InlineEditLookupComponent as ɵdh, InlineEditNumberComponent as ɵdi, InlineEditTextComponent as ɵdj, InlineEditTextAreaComponent as ɵdk, InlineEditTextAreaIAComponent as ɵdl, KanbanEventService as ɵdm, KanbanItemComponent as ɵdn, KanbanColumnComponent as ɵdo, KanbanItemDraggingComponent as ɵdp, NumberLocaleOptions as ɵdq, BorderButtonModule as ɵdr, BorderButtonComponent as ɵds, ProgressBarDeterminateComponent as ɵdt, ProgressBarIndeterminateComponent as ɵdu, SelectButtonItemComponent as ɵdv, SlidePanelService as ɵdw, ThumbnailItemComponent as ɵdx, ThumbnailItemVideoComponent as ɵdy, ThumbnailItemImageComponent as ɵdz, TieredMenuService as ɵe, TimelineItemModule as ɵea, TimelineIconItemComponent as ɵeb, HorizontalTimelineModule as ɵec, HorizontalTimelineComponent as ɵed, VerticalTimelineModule as ɵee, VerticalTimelineComponent as ɵef, RangeLineComponent as ɵeg, CollapseOptionComponent as ɵeh, CollapsedItemsComponent as ɵei, VerticalItemsComponent as ɵej, ChipItemComponent as ɵek, TieredMenuGlobalService as ɵf, TieredMenuComponent as ɵg, TieredMenuNestedComponent as ɵh, TieredMenuItemComponent as ɵi, TieredMenuDividerComponent as ɵj, LocalizedCurrencyImpurePipe as ɵk, LocalizedBignumberPipe as ɵl, LocalizedBignumberImpurePipe as ɵm, NumericPipe as ɵn, ChatMessageComponent as ɵo, CustomTranslationsModule as ɵp, CodeEditorComponent as ɵq, CoreFacade as ɵr, CodeMirror6Core as ɵs, CountryPhonePickerService as ɵt, EmptyStateGoBackComponent as ɵu, IAssistIconComponent as ɵv, SeniorIconComponent as ɵw, DotsIndicatorComponent as ɵx, LoadingIndicatorComponent as ɵy, FileUploadService as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map