@seniorsistemas/angular-components 17.27.1-fix-interactive-content-46e38731 → 17.27.1-fixlookupteste-sds-110-c424f879

package/fesm2022/seniorsistemas-angular-components-dynamic-form.mjs

@@ -7,7 +7,7 @@ import { of, Subject } from 'rxjs';
 import { delay, takeUntil, first } from 'rxjs/operators';
 import { isNullOrUndefined, randomHash } from '@seniorsistemas/angular-components/utils';
 import * as i0 from '@angular/core';
-import { Injectable, inject, ViewContainerRef, Directive, Input, input, computed, Component, ViewEncapsulation, EventEmitter, forwardRef, Output, ViewChild, HostListener, NgModule } from '@angular/core';
+import { Injectable, inject, ViewContainerRef, Directive, Input, input, computed, Component, ViewEncapsulation, viewChild, EventEmitter, forwardRef, Output, ViewChild, HostListener, NgModule } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/forms';
@@ -32,16 +32,14 @@ import * as i14 from '@seniorsistemas/angular-components/table-header';
 import { TableHeaderCheckboxModule } from '@seniorsistemas/angular-components/table-header';
 import * as i2$3 from '@seniorsistemas/angular-components/tooltip';
 import { TooltipModule } from '@seniorsistemas/angular-components/tooltip';
-import * as i8 from 'primeng/dialog';
-import { Dialog, DialogModule } from 'primeng/dialog';
-import * as i2$6 from '@seniorsistemas/angular-components/bignumber-input';
+import * as i2$5 from '@seniorsistemas/angular-components/bignumber-input';
 import { BignumberInputModule } from '@seniorsistemas/angular-components/bignumber-input';
 import { CalendarMaskModule } from '@seniorsistemas/angular-components/calendar-mask';
 import * as i3$4 from '@seniorsistemas/angular-components/chips';
 import { ChipsModule } from '@seniorsistemas/angular-components/chips';
-import * as i1$5 from '@seniorsistemas/angular-components/country-phone-picker';
+import * as i1$6 from '@seniorsistemas/angular-components/country-phone-picker';
 import { CountryPhonePickerModule } from '@seniorsistemas/angular-components/country-phone-picker';
-import * as i2$9 from '@seniorsistemas/angular-components/file-upload';
+import * as i2$8 from '@seniorsistemas/angular-components/file-upload';
 import { FileUploadModule } from '@seniorsistemas/angular-components/file-upload';
 import * as i7$2 from '@seniorsistemas/angular-components/localized-number-input';
 import { LocalizedNumberInputModule } from '@seniorsistemas/angular-components/localized-number-input';
@@ -66,8 +64,6 @@ import * as i6$1 from 'primeng/keyfilter';
 import { KeyFilterModule } from 'primeng/keyfilter';
 import { MultiSelectModule } from 'primeng/multiselect';
 import { PanelModule } from 'primeng/panel';
-import * as i4$1 from 'primeng/radiobutton';
-import { RadioButtonModule } from 'primeng/radiobutton';
 import * as i12 from 'primeng/table';
 import { Table, TableModule } from 'primeng/table';
 import { __decorate } from 'tslib';
@@ -75,28 +71,32 @@ import { trigger, state, style, transition, group, query, animateChild, animate
 import BigNumber from 'bignumber.js';
 import { CheckDisabled } from '@seniorsistemas/angular-components/shared';
 import * as i4 from 'primeng/api';
+import * as i8 from '@seniorsistemas/angular-components/dialog';
+import { DialogComponent } from '@seniorsistemas/angular-components/dialog';
 import * as i2$4 from '@seniorsistemas/angular-components/profile-picture-picker';
 import { ProfilePicturePickerModule } from '@seniorsistemas/angular-components/profile-picture-picker';
+import * as i2$6 from '@seniorsistemas/angular-components/checkbox-list';
+import { CheckboxListModule } from '@seniorsistemas/angular-components/checkbox-list';
+import * as i1$4 from '@seniorsistemas/angular-components/fieldset';
+import { FieldsetModule } from '@seniorsistemas/angular-components/fieldset';
 import * as i6 from '@seniorsistemas/angular-components/password-strength';
 import { PasswordStrengthModule } from '@seniorsistemas/angular-components/password-strength';
-import * as i2$a from '@seniorsistemas/angular-components/slider';
+import * as i2$9 from '@seniorsistemas/angular-components/slider';
 import { SliderModule } from '@seniorsistemas/angular-components/slider';
-import * as i2$8 from 'primeng/editor';
+import * as i2$a from '@seniorsistemas/angular-components/star-rating';
+import { StarRatingComponent } from '@seniorsistemas/angular-components/star-rating';
+import * as i2$c from '@seniorsistemas/angular-components/text-area';
+import { TextAreaModule } from '@seniorsistemas/angular-components/text-area';
+import * as i2$7 from 'primeng/editor';
 import { EditorModule } from 'primeng/editor';
-import * as i2$5 from '@seniorsistemas/angular-components/fieldset';
-import { FieldsetModule } from '@seniorsistemas/angular-components/fieldset';
+import * as i4$1 from '@seniorsistemas/angular-components/radio-button';
+import { RadioButtonComponent } from '@seniorsistemas/angular-components/radio-button';
 import { PrimeNG } from 'primeng/config';
-import * as i2$7 from '@seniorsistemas/angular-components/checkbox-list';
-import { CheckboxListModule } from '@seniorsistemas/angular-components/checkbox-list';
-import * as i1$4 from '@angular/cdk/clipboard';
-import * as i1$6 from '@seniorsistemas/angular-components/currency';
+import * as i1$5 from '@angular/cdk/clipboard';
+import * as i1$7 from '@seniorsistemas/angular-components/currency';
 import { currencies } from '@seniorsistemas/angular-components/currency';
 import * as i3$5 from '@seniorsistemas/angular-components/select';
 import { SelectComponent } from '@seniorsistemas/angular-components/select';
-import * as i2$c from '@seniorsistemas/angular-components/text-area';
-import { TextAreaModule } from '@seniorsistemas/angular-components/text-area';
-import * as i2$d from '@seniorsistemas/angular-components/star-rating';
-import { StarRatingComponent } from '@seniorsistemas/angular-components/star-rating';
 
 class FieldSize {
     sm;
@@ -458,6 +458,7 @@ class LookupField extends Field {
     onAdd;
     onEdit;
     onRemove;
+    onClearButtonClick;
     _gridData = [];
     _searchTotalRecords = 0;
     _searchTotalRecordsLabel = '';
@@ -921,8 +922,8 @@ class DynamicFormCacheService {
             this.CACHED_COMPONENTS.set(FieldType.ProfilePicture, ProfilePictureFieldComponent);
         };
         const setRadioButtonField = async () => {
-            const { RadioButtonComponent } = await Promise.resolve().then(function () { return radioButtonField_component; });
-            this.CACHED_COMPONENTS.set(FieldType.Radio, RadioButtonComponent);
+            const { RadioButtonFieldComponent } = await Promise.resolve().then(function () { return radioButtonField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Radio, RadioButtonFieldComponent);
         };
         const setSelectField = async () => {
             const { SelectFieldComponent } = await Promise.resolve().then(function () { return selectField_component; });
@@ -985,18 +986,18 @@ class DynamicFormCacheService {
             setFieldSetComponent,
             setSectionComponent,
             setRowComponent,
-            setStarRatingComponent
+            setStarRatingComponent,
         ];
-        await Promise.allSettled(SET_CACHE_PROMISES.map(promise => promise()));
+        await Promise.allSettled(SET_CACHE_PROMISES.map((promise) => promise()));
         this.LOADED_ALL_CACHE = true;
     }
     get(type) {
         return this.CACHED_COMPONENTS.get(type);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormCacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormCacheService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormCacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormCacheService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormCacheService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormCacheService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1274,10 +1275,10 @@ class DynamicFormDirective {
             return config?.type;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DynamicFormDirective, selector: "[sDynamicForm]", inputs: { sDynamicForm: "sDynamicForm" }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DynamicFormDirective, selector: "[sDynamicForm]", inputs: { sDynamicForm: "sDynamicForm" }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[sDynamicForm]' }]
         }], propDecorators: { sDynamicForm: [{
@@ -1302,10 +1303,10 @@ class DynamicFormComponent {
     form;
     errorMessages = {};
     dynamicFormCacheService = inject(DynamicFormCacheService);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DynamicFormComponent, selector: "s-dynamic-form", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, configs: { classPropertyName: "configs", publicName: "configs", isSignal: false, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: false, isRequired: true, transformFunction: null }, errorMessages: { classPropertyName: "errorMessages", publicName: "errorMessages", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if(dynamicFormCacheService.LOADED_ALL_CACHE) {\n    <ng-container *ngFor=\"let config of conf()\">\n        <ng-container\n            *sDynamicForm=\"{\n                id: id,\n                config: config,\n                group: form,\n                errorMessages: errorMessages\n            }\">\n        </ng-container>\n    </ng-container>\n}\n", styles: ["label.required:after{content:\" *\";color:#c13018}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: DynamicFormDirective, selector: "[sDynamicForm]", inputs: ["sDynamicForm"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DynamicFormComponent, selector: "s-dynamic-form", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, configs: { classPropertyName: "configs", publicName: "configs", isSignal: false, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: false, isRequired: true, transformFunction: null }, errorMessages: { classPropertyName: "errorMessages", publicName: "errorMessages", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if(dynamicFormCacheService.LOADED_ALL_CACHE) {\n    <ng-container *ngFor=\"let config of conf()\">\n        <ng-container\n            *sDynamicForm=\"{\n                id: id,\n                config: config,\n                group: form,\n                errorMessages: errorMessages\n            }\">\n        </ng-container>\n    </ng-container>\n}\n", styles: ["label.required:after{content:\" *\";color:#c13018}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: DynamicFormDirective, selector: "[sDynamicForm]", inputs: ["sDynamicForm"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 's-dynamic-form', encapsulation: ViewEncapsulation.None, template: "@if(dynamicFormCacheService.LOADED_ALL_CACHE) {\n    <ng-container *ngFor=\"let config of conf()\">\n        <ng-container\n            *sDynamicForm=\"{\n                id: id,\n                config: config,\n                group: form,\n                errorMessages: errorMessages\n            }\">\n        </ng-container>\n    </ng-container>\n}\n", styles: ["label.required:after{content:\" *\";color:#c13018}\n"] }]
         }], propDecorators: { id: [{
@@ -1322,10 +1323,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class FieldLabelComponent {
     field;
     fieldContainerRef = null;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FieldLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FieldLabelComponent, selector: "s-field-label", inputs: { field: "field", fieldContainerRef: "fieldContainerRef" }, ngImport: i0, template: "<!--\n    Caso esse componente seja alterado/removido/movido,\n    alterar a label no row.component.ts\n-->\n\n@if (field.label) {\n    <span>\n        <label\n            *sInfoSign=\"\n                field.infoSign ?? '';\n                displayTime: field.displayTimeInfoSign ?? 0;\n                focusedInputRef: fieldContainerRef;\n                useFocusedInputRef: field.useInfoSignFocusedInputRef;\n            \"\n            [for]=\"field.name\"\n            class=\"inline-block\"\n            [ngClass]=\"{ required: field.required?.() }\"\n        >\n            {{ field.label }}\n        </label>\n    </span>\n}\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.InfoSignDirective, selector: "[sInfoSign]", inputs: ["sInfoSign", "sInfoSignDisplayTime", "sInfoSignFocusedInputRef", "sInfoSignUseFocusedInputRef"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FieldLabelComponent, selector: "s-field-label", inputs: { field: "field", fieldContainerRef: "fieldContainerRef" }, ngImport: i0, template: "<!--\n    Caso esse componente seja alterado/removido/movido,\n    alterar a label no row.component.ts\n-->\n\n@if (field.label) {\n    <span>\n        <label\n            *sInfoSign=\"\n                field.infoSign ?? '';\n                displayTime: field.displayTimeInfoSign ?? 0;\n                focusedInputRef: fieldContainerRef;\n                useFocusedInputRef: field.useInfoSignFocusedInputRef;\n            \"\n            [for]=\"field.name\"\n            class=\"inline-block\"\n            [ngClass]=\"{ required: field.required?.() }\"\n        >\n            {{ field.label }}\n        </label>\n    </span>\n}\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.InfoSignDirective, selector: "[sInfoSign]", inputs: ["sInfoSign", "sInfoSignDisplayTime", "sInfoSignFocusedInputRef", "sInfoSignUseFocusedInputRef"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FieldLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 's-field-label', template: "<!--\n    Caso esse componente seja alterado/removido/movido,\n    alterar a label no row.component.ts\n-->\n\n@if (field.label) {\n    <span>\n        <label\n            *sInfoSign=\"\n                field.infoSign ?? '';\n                displayTime: field.displayTimeInfoSign ?? 0;\n                focusedInputRef: fieldContainerRef;\n                useFocusedInputRef: field.useInfoSignFocusedInputRef;\n            \"\n            [for]=\"field.name\"\n            class=\"inline-block\"\n            [ngClass]=\"{ required: field.required?.() }\"\n        >\n            {{ field.label }}\n        </label>\n    </span>\n}\n" }]
         }], propDecorators: { field: [{
@@ -1349,10 +1350,10 @@ class RowComponent {
     isFunction(value) {
         return value instanceof Function;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: RowComponent, selector: "s-row", inputs: { id: "id", config: "config", group: "group", errorMessages: "errorMessages" }, ngImport: i0, template: "<div\n    class=\"p-fluid\"\n    [formGroup]=\"group\"\n>\n    <div class=\"ui-g\">\n        @for (field of config.fields; let i = $index; track i) {\n            @if (field.visible && field.visible()) {\n                <div [ngClass]=\"field.gridClass\">\n                    <ng-container *sDynamicForm=\"{ id: id, config: field, group: group }\"></ng-container>\n\n                    @if (field.type === FieldType.Custom && field.label) {\n                        <label\n                            *sInfoSign=\"\n                                field.infoSign ?? '';\n                                displayTime: field.displayTimeInfoSign ?? 5000;\n                                useFocusedInputRef: field.useInfoSignFocusedInputRef ?? false\n                            \"\n                            [for]=\"field.name\"\n                            [ngClass]=\"{ required: field.required ? field.required() : false }\"\n                        >\n                            {{ field.label }}\n                        </label>\n                    }\n\n                    @if (field.name) {\n                        <s-control-errors\n                            [form]=\"group\"\n                            [control]=\"group.controls[field.name]\"\n                            [errorMessages]=\"getErrorMessages(field.errorMessages)\"\n                        ></s-control-errors>\n                    }\n\n                    @if (field.footer) {\n                        @if (field.footer.help) {\n                            @if (\n                                field.name &&\n                                field.footer.help.visible &&\n                                field.footer.help.visible({\n                                    abstractControl: group.controls[field.name],\n                                    formField: field,\n                                })\n                            ) {\n                                <span style=\"color: #888b99\">\n                                    {{ field.footer.help.text }}\n                                </span>\n                            }\n                        }\n                    }\n\n                    @if (field.footer) {\n                        @if (\n                            field.name &&\n                            field.footer.link?.visible({\n                                abstractControl: group.controls[field.name],\n                                formField: field,\n                            })\n                        ) {\n                            <div\n                                class=\"ui-g\"\n                                style=\"margin-left: -17px\"\n                            >\n                                <s-button\n                                    [label]=\"field.footer.link?.label\"\n                                    priority=\"link\"\n                                    (clicked)=\"\n                                        field.footer.link?.onClick({\n                                            abstractControl: group.controls[field.name],\n                                            formField: field,\n                                        })\n                                    \"\n                                    [auxiliary]=\"true\"\n                                ></s-button>\n                            </div>\n                        }\n                    }\n                    @if (field.bottomTemplate) {\n                        <ng-template [ngTemplateOutlet]=\"field.bottomTemplate\"></ng-template>\n                    }\n                </div>\n            }\n        }\n    </div>\n</div>\n\n", dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.ControlErrorsComponent, selector: "s-control-errors", inputs: ["id", "control", "errorMessages", "form"] }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.InfoSignDirective, selector: "[sInfoSign]", inputs: ["sInfoSign", "sInfoSignDisplayTime", "sInfoSignFocusedInputRef", "sInfoSignUseFocusedInputRef"] }, { kind: "directive", type: DynamicFormDirective, selector: "[sDynamicForm]", inputs: ["sDynamicForm"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RowComponent, selector: "s-row", inputs: { id: "id", config: "config", group: "group", errorMessages: "errorMessages" }, ngImport: i0, template: "<div\n    class=\"p-fluid\"\n    [formGroup]=\"group\"\n>\n    <div class=\"ui-g\">\n        @for (field of config.fields; let i = $index; track i) {\n            @if (field.visible && field.visible()) {\n                <div [ngClass]=\"field.gridClass\">\n                    <ng-container *sDynamicForm=\"{ id: id, config: field, group: group }\"></ng-container>\n\n                    @if (field.type === FieldType.Custom && field.label) {\n                        <label\n                            *sInfoSign=\"\n                                field.infoSign ?? '';\n                                displayTime: field.displayTimeInfoSign ?? 5000;\n                                useFocusedInputRef: field.useInfoSignFocusedInputRef ?? false\n                            \"\n                            [for]=\"field.name\"\n                            [ngClass]=\"{ required: field.required ? field.required() : false }\"\n                        >\n                            {{ field.label }}\n                        </label>\n                    }\n\n                    @if (field.name) {\n                        <s-control-errors\n                            [form]=\"group\"\n                            [control]=\"group.controls[field.name]\"\n                            [errorMessages]=\"getErrorMessages(field.errorMessages)\"\n                        ></s-control-errors>\n                    }\n\n                    @if (field.footer) {\n                        @if (field.footer.help) {\n                            @if (\n                                field.name &&\n                                field.footer.help.visible &&\n                                field.footer.help.visible({\n                                    abstractControl: group.controls[field.name],\n                                    formField: field,\n                                })\n                            ) {\n                                <span style=\"color: #888b99\">\n                                    {{ field.footer.help.text }}\n                                </span>\n                            }\n                        }\n                    }\n\n                    @if (field.footer) {\n                        @if (\n                            field.name &&\n                            field.footer.link?.visible({\n                                abstractControl: group.controls[field.name],\n                                formField: field,\n                            })\n                        ) {\n                            <div\n                                class=\"ui-g\"\n                                style=\"margin-left: -17px\"\n                            >\n                                <s-button\n                                    [label]=\"field.footer.link?.label\"\n                                    priority=\"link\"\n                                    (clicked)=\"\n                                        field.footer.link?.onClick({\n                                            abstractControl: group.controls[field.name],\n                                            formField: field,\n                                        })\n                                    \"\n                                    [auxiliary]=\"true\"\n                                ></s-button>\n                            </div>\n                        }\n                    }\n                    @if (field.bottomTemplate) {\n                        <ng-template [ngTemplateOutlet]=\"field.bottomTemplate\"></ng-template>\n                    }\n                </div>\n            }\n        }\n    </div>\n</div>\n\n", dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.ControlErrorsComponent, selector: "s-control-errors", inputs: ["id", "control", "errorMessages", "form"] }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.InfoSignDirective, selector: "[sInfoSign]", inputs: ["sInfoSign", "sInfoSignDisplayTime", "sInfoSignFocusedInputRef", "sInfoSignUseFocusedInputRef"] }, { kind: "directive", type: DynamicFormDirective, selector: "[sDynamicForm]", inputs: ["sDynamicForm"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowComponent, decorators: [{
             type: Component,
             args: [{ selector: 's-row', template: "<div\n    class=\"p-fluid\"\n    [formGroup]=\"group\"\n>\n    <div class=\"ui-g\">\n        @for (field of config.fields; let i = $index; track i) {\n            @if (field.visible && field.visible()) {\n                <div [ngClass]=\"field.gridClass\">\n                    <ng-container *sDynamicForm=\"{ id: id, config: field, group: group }\"></ng-container>\n\n                    @if (field.type === FieldType.Custom && field.label) {\n                        <label\n                            *sInfoSign=\"\n                                field.infoSign ?? '';\n                                displayTime: field.displayTimeInfoSign ?? 5000;\n                                useFocusedInputRef: field.useInfoSignFocusedInputRef ?? false\n                            \"\n                            [for]=\"field.name\"\n                            [ngClass]=\"{ required: field.required ? field.required() : false }\"\n                        >\n                            {{ field.label }}\n                        </label>\n                    }\n\n                    @if (field.name) {\n                        <s-control-errors\n                            [form]=\"group\"\n                            [control]=\"group.controls[field.name]\"\n                            [errorMessages]=\"getErrorMessages(field.errorMessages)\"\n                        ></s-control-errors>\n                    }\n\n                    @if (field.footer) {\n                        @if (field.footer.help) {\n                            @if (\n                                field.name &&\n                                field.footer.help.visible &&\n                                field.footer.help.visible({\n                                    abstractControl: group.controls[field.name],\n                                    formField: field,\n                                })\n                            ) {\n                                <span style=\"color: #888b99\">\n                                    {{ field.footer.help.text }}\n                                </span>\n                            }\n                        }\n                    }\n\n                    @if (field.footer) {\n                        @if (\n                            field.name &&\n                            field.footer.link?.visible({\n                                abstractControl: group.controls[field.name],\n                                formField: field,\n                            })\n                        ) {\n                            <div\n                                class=\"ui-g\"\n                                style=\"margin-left: -17px\"\n                            >\n                                <s-button\n                                    [label]=\"field.footer.link?.label\"\n                                    priority=\"link\"\n                                    (clicked)=\"\n                                        field.footer.link?.onClick({\n                                            abstractControl: group.controls[field.name],\n                                            formField: field,\n                                        })\n                                    \"\n                                    [auxiliary]=\"true\"\n                                ></s-button>\n                            </div>\n                        }\n                    }\n                    @if (field.bottomTemplate) {\n                        <ng-template [ngTemplateOutlet]=\"field.bottomTemplate\"></ng-template>\n                    }\n                </div>\n            }\n        }\n    </div>\n</div>\n\n" }]
         }], propDecorators: { id: [{
@@ -1786,6 +1787,7 @@ class LookupComponent {
     hotkeysService;
     translateService;
     changeDetectorRef;
+    lookupDialogContainer = viewChild('dialogContainer');
     rowType = 'Row';
     indicatorLogo = LoadingStateIndicators.Logo;
     static nextId = 0;
@@ -1826,8 +1828,8 @@ class LookupComponent {
     onAdd = new EventEmitter();
     onEdit = new EventEmitter();
     onRemove = new EventEmitter();
+    onClearButtonClick = new EventEmitter();
     table = null;
-    dialog = null;
     autocomplete = null;
     labelOptions;
     value;
@@ -1879,8 +1881,9 @@ class LookupComponent {
         });
         const formGroup = this.searchFields.reduce((result, field) => {
             if (field.name) {
-                result[field.name] = new FormControl(field.defaultValue);
-                this.originalFormValues[field.name] = field.defaultValue;
+                const name = field.name.replaceAll('.', '_');
+                result[name] = new FormControl(field.defaultValue);
+                this.originalFormValues[name] = field.defaultValue;
             }
             return result;
         }, {});
@@ -1992,7 +1995,6 @@ class LookupComponent {
         this.dialogVisible = true;
     }
     setInputs(componentRef, configs, form) {
-        console.log(componentRef);
         componentRef.instance.configs = configs;
         componentRef.instance.form = form;
         // chame ngOnChanges manualmente se necessário
@@ -2000,6 +2002,12 @@ class LookupComponent {
             componentRef.instance.ngOnChanges();
         }
     }
+    onVisibleChange(visibilityState) {
+        if (visibilityState) {
+            return;
+        }
+        this.hideDialog();
+    }
     hideDialog() {
         if (!this.autocomplete) {
             return;
@@ -2018,11 +2026,15 @@ class LookupComponent {
     search() {
         this.resetTable();
         this.collapsed = true;
-        this.dialog?.moveOnTop();
+        const dialogContainer = this.lookupDialogContainer()?.nativeElement;
+        if (dialogContainer) {
+            dialogContainer.scrollIntoView({ behavior: 'smooth' });
+        }
     }
     clear() {
         this.formGroupDialog?.reset(this.originalFormValues);
         this.resetTable();
+        this.onClearButtonClick.emit();
     }
     resetTable() {
         this.table?.reset();
@@ -2172,7 +2184,7 @@ class LookupComponent {
     }
     _setFocusFilter() {
         if (this.dialogVisible && !this.collapsed) {
-            const input = this.dialog?.contentViewChild?.nativeElement?.getElementsByTagName('input')[0];
+            const input = this.lookupDialogContainer()?.nativeElement.querySelector('input');
             if (input) {
                 input.focus();
             }
@@ -2204,14 +2216,14 @@ class LookupComponent {
             this.onChange?.(newValue);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LookupComponent, deps: [{ token: i1$2.HotkeysService }, { token: i2$2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LookupComponent, selector: "s-lookup", inputs: { formControlName: "formControlName", id: "id", autocompleteForceSelection: "autocompleteForceSelection", multiple: "multiple", dataKey: "dataKey", required: "required", disabled: "disabled", showSearch: "showSearch", lookupSuggestions: "lookupSuggestions", lookupDisplayField: "lookupDisplayField", lookupDisplayFieldTooltip: "lookupDisplayFieldTooltip", lookupEmptyMessage: "lookupEmptyMessage", lookupAppendTo: "lookupAppendTo", searchEmptyDescription: "searchEmptyDescription", searchGridData: "searchGridData", searchTotalRecords: "searchTotalRecords", searchFields: "searchFields", searchGridFields: "searchGridFields", multiSortMeta: "multiSortMeta", placeholder: "placeholder", sortableColumnsDisabled: "sortableColumnsDisabled", lookupRowProps: "lookupRowProps", defaultFilter: "defaultFilter", showAddOption: "showAddOption", showEditOption: "showEditOption", showRemoveOption: "showRemoveOption", labelOptions: "labelOptions" }, outputs: { onLookupRequest: "onLookupRequest", onSearchRequest: "onSearchRequest", onFocus: "onFocus", onBlur: "onBlur", onKeyUp: "onKeyUp", onSelect: "onSelect", onUnselect: "onUnselect", onClear: "onClear", onAdd: "onAdd", onEdit: "onEdit", onRemove: "onRemove" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LookupComponent, deps: [{ token: i1$2.HotkeysService }, { token: i2$2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LookupComponent, selector: "s-lookup", inputs: { formControlName: "formControlName", id: "id", autocompleteForceSelection: "autocompleteForceSelection", multiple: "multiple", dataKey: "dataKey", required: "required", disabled: "disabled", showSearch: "showSearch", lookupSuggestions: "lookupSuggestions", lookupDisplayField: "lookupDisplayField", lookupDisplayFieldTooltip: "lookupDisplayFieldTooltip", lookupEmptyMessage: "lookupEmptyMessage", lookupAppendTo: "lookupAppendTo", searchEmptyDescription: "searchEmptyDescription", searchGridData: "searchGridData", searchTotalRecords: "searchTotalRecords", searchFields: "searchFields", searchGridFields: "searchGridFields", multiSortMeta: "multiSortMeta", placeholder: "placeholder", sortableColumnsDisabled: "sortableColumnsDisabled", lookupRowProps: "lookupRowProps", defaultFilter: "defaultFilter", showAddOption: "showAddOption", showEditOption: "showEditOption", showRemoveOption: "showRemoveOption", labelOptions: "labelOptions" }, outputs: { onLookupRequest: "onLookupRequest", onSearchRequest: "onSearchRequest", onFocus: "onFocus", onBlur: "onBlur", onKeyUp: "onKeyUp", onSelect: "onSelect", onUnselect: "onUnselect", onClear: "onClear", onAdd: "onAdd", onEdit: "onEdit", onRemove: "onRemove", onClearButtonClick: "onClearButtonClick" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => LookupComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "table", first: true, predicate: Table, descendants: true }, { propertyName: "dialog", first: true, predicate: Dialog, descendants: true }, { propertyName: "autocomplete", first: true, predicate: AutoComplete, descendants: true }], usesOnChanges: true, ngImport: i0, 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    >\n        <ng-template\n            let-item\n            pTemplate=\"selectedItem\"\n        >\n            @if (lookupDisplayField) {\n                <span\n                    class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                    [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                >\n                    {{ item[lookupDisplayField] }}\n                </span>\n            }\n        </ng-template>\n    </p-autoComplete>\n    @if (showSearch) {\n        <button\n            class=\"button-addon\"\n            [class.button-addon--disabled]=\"disabled\"\n            [disabled]=\"disabled\"\n            (click)=\"showDialog()\"\n        >\n            <i class=\"fa fa-search\"></i>\n        </button>\n    }\n</div>\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"labelOptions?.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>\n    @if (dialogVisible) {\n        <div class=\"s-lookup-modal-container\">\n            @if (searchFields && searchFields.length) {\n                <div\n                    class=\"filter\"\n                    [@collapseContent]=\"\n                        collapsed\n                            ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                            : { value: 'visible', params: { transitionParams: transitionOptions } }\n                    \"\n                    (@collapseContent.done)=\"onToggleDone()\"\n                >\n                    <form\n                        [formGroup]=\"formGroupDialog\"\n                        novalidate\n                        autocomplete=\"off\"\n                    >\n                        @if (!collapsed) {\n                            <div\n                                class=\"form-content\"\n                                [@childCollapseContent]=\"\n                                    collapsed\n                                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                                        : { value: ':enter', params: { transitionParams: transitionOptions } }\n                                \"\n                            >\n                                <div class=\"filter-title sds-section-title\">\n                                    {{ labelOptions?.filterTitle || 'platform.angular_components.filters' | translate }}\n                                </div>\n                                <div class=\"form-fields\">\n                                    @let configs =\n                                        [\n                                            {\n                                                type: rowType,\n                                                fields: searchFields,\n                                            },\n                                        ];\n\n                                    <s-dynamic-form\n                                        [configs]=\"configs\"\n                                        [form]=\"formGroupDialog\"\n                                    >\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]=\"\n                                                labelOptions?.filterLabel || 'platform.angular_components.filter'\n                                                    | translate\n                                            \"\n                                            (clicked)=\"search()\"\n                                            sTooltip=\"(ALT + SHIFT + F)\"\n                                        >\n                                        </s-button>\n                                        <s-button\n                                            [id]=\"id + '-clear-button'\"\n                                            type=\"button\"\n                                            [label]=\"\n                                                labelOptions?.clearLabel || 'platform.angular_components.clear'\n                                                    | translate\n                                            \"\n                                            (clicked)=\"clear()\"\n                                            priority=\"link\"\n                                            sTooltip=\"(ALT + SHIFT + L)\"\n                                        >\n                                        </s-button>\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </form>\n                </div>\n            }\n            @if (searchFields && searchFields.length) {\n                <div class=\"filter-toggle\">\n                    <button\n                        [id]=\"id + '-filter-toggle-button'\"\n                        type=\"button\"\n                        (click)=\"filterToggle()\"\n                    >\n                        <span\n                            class=\"fa\"\n                            [ngClass]=\"{ 'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed }\"\n                            aria-hidden=\"true\"\n                        >\n                        </span>\n                    </button>\n                </div>\n            }\n            @let isEmptyContent = !searchTotalRecords && !loading;\n            <div\n                class=\"content\"\n                #contentContainer\n                [ngClass]=\"{ 'empty-content': isEmptyContent }\"\n            >\n                @if (isEmptyContent) {\n                    <s-empty-state\n                        [id]=\"id + '-empty-state'\"\n                        [title]=\"\n                            labelOptions?.searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\n                        \"\n                        [description]=\"searchEmptyDescription\"\n                        iconClass=\"fa fa-search\"\n                    >\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                        [multiSortMeta]=\"multiSortMeta\"\n                        [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                        [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                        (selectionChange)=\"onSelectionChange($event)\"\n                        *sLoadingState=\"{ loading: loading, indicator: indicatorLogo }\"\n                    >\n                        <ng-template pTemplate=\"caption\">\n                            <div>\n                                @if (showAddOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.add' | translate\"\n                                        (clicked)=\"onAdd.emit()\"\n                                    >\n                                    </s-button>\n                                }\n                                @if (showEditOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.edit' | translate\"\n                                        [disabled]=\"selected.length !== 1\"\n                                        (clicked)=\"onEdit.emit(this.selected[0])\"\n                                    >\n                                    </s-button>\n                                }\n                                @if (showRemoveOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.remove' | translate\"\n                                        [disabled]=\"!selected.length\"\n                                        (clicked)=\"onRemove.emit(this.selected)\"\n                                    >\n                                    </s-button>\n                                }\n                                </div>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"colgroup\"\n                            let-columns\n                        >\n                            <colgroup>\n                                @if (multiple) {\n                                    <col style=\"width: 50px\" />\n                                }\n\n                                @for (col of columns; track $index) {\n                                    <col [style.width]=\"col.width\" />\n                                }\n                            </colgroup>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"header\"\n                            let-columns\n                        >\n                            <tr>\n                                @if (multiple) {\n                                    <th style=\"width: 50px\">\n                                        <s-table-header-checkbox\n                                            [useAllObject]=\"lookupRowProps ? false : true\"\n                                            [rowProps]=\"lookupRowProps\"\n                                        >\n                                        </s-table-header-checkbox>\n                                    </th>\n                                }\n                                @for (col of columns; track $index) {\n                                    <th\n                                        [style.width]=\"col.width\"\n                                        [pSortableColumn]=\"col.name\"\n                                        [pSortableColumnDisabled]=\"sortableColumnsDisabled.includes(col.name)\"\n                                    >\n                                        <div class=\"senior-header\">\n                                            <span class=\"senior-header-title\">{{ col.label }}</span>\n                                            @if (!sortableColumnsDisabled.includes(col.name)) {\n                                                <p-sortIcon [field]=\"col.name\"> </p-sortIcon>\n                                            }\n                                        </div>\n                                    </th>\n                                }\n                            </tr>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"body\"\n                            let-rowData\n                            let-columns\n                            let-rowIndex=\"rowIndex\"\n                        >\n                            <tr\n                                sNavigation\n                                [pSelectableRow]=\"rowData\"\n                                [pSelectableRowIndex]=\"rowIndex\"\n                                sDoubleClick\n                                (onDoubleClick)=\"onTableRowDoubleClick(rowData)\"\n                            >\n                                @if (multiple) {\n                                    <td\n                                        style=\"width: 50px\"\n                                        tabindex=\"0\"\n                                    >\n                                        <p-tableCheckbox\n                                            [value]=\"rowData\"\n                                            [pSelectableRow]=\"rowData\"\n                                        >\n                                        </p-tableCheckbox>\n                                    </td>\n                                }\n                                @for (col of searchGridFields; track $index) {\n                                    <td\n                                        [style.width]=\"col.width\"\n                                        [ngSwitch]=\"col.type\"\n                                        tabindex=\"0\"\n                                    >\n                                        @switch (col.type) {\n                                            @case ('Boolean') {\n                                                <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                                    <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Date') {\n                                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name)\n                                                            | localizedDate: col.calendarLocaleOptions?.dateFormat || 'L'\n                                                            | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('DateTime') {\n                                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name) | localizedDate | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('LocalDateTime') {\n                                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name) | localizedDate | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Time') {\n                                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name)\n                                                            | localizedTime: col.calendarLocaleOptions?.dateFormat || 'LTS'\n                                                            | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Integer') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getIntegerMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Double') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getDoubleMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Money') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getMoneyMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Number') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getNumberMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Enum') {\n                                                <ng-container\n                                                    *ngIf=\"\n                                                        getLabelForValue(getFieldValue(rowData, col.name), col.options);\n                                                        else emptyTemplate\n                                                    \"\n                                                >\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            getBadgeFromValue(\n                                                                getFieldValue(rowData, col.name),\n                                                                col.options\n                                                            );\n                                                            then withBadge;\n                                                            else withoutBadge\n                                                        \"\n                                                    ></ng-container>\n                                                    <ng-template #withBadge>\n                                                        <s-badge\n                                                            [text]=\"\n                                                                getLabelForValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )\n                                                            \"\n                                                            [color]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.color\n                                                            \"\n                                                            [type]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.type\n                                                            \"\n                                                            [iconClass]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.iconClass\n                                                            \"\n                                                            [iconPosition]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.iconPosition\n                                                            \"\n                                                        >\n                                                        </s-badge>\n                                                    </ng-template>\n                                                    <ng-template #withoutBadge>\n                                                        <span>\n                                                            {{\n                                                                getLabelForValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )\n                                                            }}\n                                                        </span>\n                                                    </ng-template>\n                                                </ng-container>\n                                            }\n                                            @default {\n                                                @if (col.mask && parseValueMaskValue(col, rowData)) {\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            isNumber(rowData, col.name) || getFieldValue(rowData, col.name)\n                                                        \"\n                                                    >\n                                                        <span>{{\n                                                            getFieldValue(rowData, col.name)\n                                                                | sMaskFormatter: parseValueMaskValue(col, rowData)\n                                                        }}</span>\n                                                    </ng-container>\n                                                } @else {\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            isNumber(rowData, col.name) || getFieldValue(rowData, col.name);\n                                                            else emptyTemplate\n                                                        \"\n                                                    >\n                                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                                    </ng-container>\n                                                }\n                                            }\n                                        }\n                                    </td>\n                                }\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        </div>\n    }\n    <ng-template #footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"labelOptions?.selectLabel || 'platform.angular_components.select' | translate\"\n            (clicked)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            [disabled]=\"!selected.length\"\n        >\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"labelOptions?.cancelLabel || 'platform.angular_components.cancel' | translate\"\n            (clicked)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n        >\n        </s-button>\n    </ng-template>\n</p-dialog>\n\n<ng-template #emptyTemplate>\n    <span class=\"sds-empty-value\">\n        {{ labelOptions?.emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n\n", styles: ["s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-lookup .p-autocomplete-input-multiple{border-top-right-radius:0!important;border-bottom-right-radius:0!important}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-radius:0 4px 4px 0}s-lookup p-autocomplete span.ui-autocomplete-multiple,s-lookup .inputgroup{display:flex}s-lookup .inputgroup p-autocomplete{display:inline-block}s-lookup .inputgroup p-autocomplete .p-autocomplete-input{width:100%}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:highlight(#ccc);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{width:100%}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.p-dialog .p-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .p-table-scrollable-body{min-width:100%}.s-lookup-modal{height:80%!important;max-width:100%!important;max-height:inherit!important;display:flex;justify-content:space-between;flex-direction:column}.s-lookup-modal .p-dialog-content{height:auto!important;flex:1;overflow:auto}.s-lookup-modal .p-dialog-header,.s-lookup-modal .p-dialog-footer{flex-shrink:0;border-radius:0 0 4px 4px}.s-lookup-modal .p-dialog-header .p-dialog-close-button,.s-lookup-modal .p-dialog-header .p-dialog-close-button:hover:not(:disabled),.s-lookup-modal .p-dialog-footer .p-dialog-close-button,.s-lookup-modal .p-dialog-footer .p-dialog-close-button:hover:not(:disabled){background-color:transparent!important;color:#333!important}.s-lookup-modal .s-lookup-modal-container{display:flex;flex-direction:row;height:100%;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{position:relative;flex-grow:0;flex-shrink:0;width:85%;background-color:#e5eaea80;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:flex;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;flex-grow:0;flex-shrink:0;width:35px;border-radius:0 4px 4px 0}.s-lookup-modal .s-lookup-modal-container .filter-toggle button{align-items:center;position:relative;background-color:#e5eaea80;height:35px;width:100%;border:1px solid #e5eaea;outline:none;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:hover,.s-lookup-modal .s-lookup-modal-container .filter-toggle button:focus{background-color:active(rgba(229,234,234,.5));border-color:active(#e5eaea)}.s-lookup-modal .s-lookup-modal-container .content{flex-grow:1;flex-basis:auto;overflow-x:auto;display:flex;flex-direction:column;padding:.5rem}.s-lookup-modal .s-lookup-modal-container .content-child{height:100%}.s-lookup-modal .s-lookup-modal-container .content s-loading-state{height:100%;display:block}.s-lookup-modal .s-lookup-modal-container .content .s-loading-state,.s-lookup-modal .s-lookup-modal-container .content .s-loading-state .state-contents{height:100%}.s-lookup-modal .s-lookup-modal-container .content.empty-content{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 p-table>.p-datatable{height:100%;display:flex;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .content p-table>.p-datatable .p-datatable-table-container{flex:1;margin-bottom:0}.button-addon{color:red}.button-addon--disabled{opacity:.5}@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)}\n"], dependencies: [{ kind: "component", type: i3$1.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign"], outputs: ["selected"] }, { kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "component", type: i8.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i9.EmptyStateComponent, selector: "s-empty-state", inputs: ["id", "title", "iconClass", "description", "showPrimaryAction", "showSecondaryAction", "primaryActionLabel", "secondaryActionLabel", "primaryModel"], outputs: ["primaryAction", "secondaryAction"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i11.LoadingStateDirective, selector: "[sLoadingState]", inputs: ["sLoadingState"] }, { kind: "component", type: i12.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i12.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i12.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: i12.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i12.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }, { kind: "component", type: i14.TableHeaderCheckboxComponent, selector: "s-table-header-checkbox", inputs: ["id", "disabled", "rowProps", "useAllObject"] }, { kind: "directive", type: i15.DoubleClickDirective, selector: "[sDoubleClick]", outputs: ["doubleClicked"] }, { kind: "component", type: DynamicFormComponent, selector: "s-dynamic-form", inputs: ["id", "configs", "fields", "form", "errorMessages"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.LocalizedDatePipe, name: "localizedDate" }, { kind: "pipe", type: i1$3.LocalizedTimePipe, name: "localizedTime" }, { kind: "pipe", type: i1$3.LocalizedBignumberPipe, name: "localizedBignumber" }, { kind: "pipe", type: i18.MaskFormatterPipe, name: "sMaskFormatter" }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }], animations: [
+        ], viewQueries: [{ propertyName: "lookupDialogContainer", first: true, predicate: ["dialogContainer"], descendants: true, isSignal: true }, { propertyName: "table", first: true, predicate: Table, descendants: true }, { propertyName: "autocomplete", first: true, predicate: AutoComplete, descendants: true }], usesOnChanges: true, ngImport: i0, 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    >\n        <ng-template\n            let-item\n            pTemplate=\"selectedItem\"\n        >\n            @if (lookupDisplayField) {\n                <span\n                    class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                    [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                >\n                    {{ item[lookupDisplayField] }}\n                </span>\n            }\n        </ng-template>\n    </p-autoComplete>\n    @if (showSearch) {\n        <button\n            class=\"button-addon\"\n            [class.button-addon--disabled]=\"disabled\"\n            [disabled]=\"disabled\"\n            (click)=\"showDialog()\"\n        >\n            <i class=\"fa fa-search\"></i>\n        </button>\n    }\n</div>\n\n<s-dialog\n    [(visible)]=\"dialogVisible\"\n    (visibleChange)=\"onVisibleChange($event!)\"\n    [header]=\"labelOptions?.searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    contentClassName=\"s-lookup-modal\"\n    size=\"xl\"\n>\n    @if (dialogVisible) {\n        <div\n            class=\"s-lookup-modal-container\"\n            #dialogContainer\n        >\n            @if (searchFields && searchFields.length) {\n                <div\n                    class=\"filter\"\n                    [@collapseContent]=\"\n                        collapsed\n                            ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                            : { value: 'visible', params: { transitionParams: transitionOptions } }\n                    \"\n                    (@collapseContent.done)=\"onToggleDone()\"\n                >\n                    <form\n                        [formGroup]=\"formGroupDialog\"\n                        novalidate\n                        autocomplete=\"off\"\n                    >\n                        @if (!collapsed) {\n                            <div\n                                class=\"form-content\"\n                                [@childCollapseContent]=\"\n                                    collapsed\n                                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                                        : { value: ':enter', params: { transitionParams: transitionOptions } }\n                                \"\n                            >\n                                <div class=\"filter-title sds-section-title\">\n                                    {{ labelOptions?.filterTitle || 'platform.angular_components.filters' | translate }}\n                                </div>\n                                <div class=\"form-fields\">\n                                    @let configs =\n                                        [\n                                            {\n                                                type: rowType,\n                                                fields: searchFields,\n                                            },\n                                        ];\n\n                                    <s-dynamic-form\n                                        [configs]=\"configs\"\n                                        [form]=\"formGroupDialog\"\n                                    >\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]=\"\n                                                labelOptions?.filterLabel || 'platform.angular_components.filter'\n                                                    | translate\n                                            \"\n                                            (clicked)=\"search()\"\n                                            sTooltip=\"(ALT + SHIFT + F)\"\n                                        >\n                                        </s-button>\n                                        <s-button\n                                            [id]=\"id + '-clear-button'\"\n                                            type=\"button\"\n                                            [label]=\"\n                                                labelOptions?.clearLabel || 'platform.angular_components.clear'\n                                                    | translate\n                                            \"\n                                            (clicked)=\"clear()\"\n                                            priority=\"link\"\n                                            sTooltip=\"(ALT + SHIFT + L)\"\n                                        >\n                                        </s-button>\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </form>\n                </div>\n            }\n            @if (searchFields && searchFields.length) {\n                <div class=\"filter-toggle\">\n                    <button\n                        [id]=\"id + '-filter-toggle-button'\"\n                        type=\"button\"\n                        (click)=\"filterToggle()\"\n                    >\n                        <span\n                            class=\"fa\"\n                            [ngClass]=\"{ 'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed }\"\n                            aria-hidden=\"true\"\n                        >\n                        </span>\n                    </button>\n                </div>\n            }\n            @let isEmptyContent = !searchTotalRecords && !loading;\n            <div\n                class=\"content\"\n                #contentContainer\n                [ngClass]=\"{ 'empty-content': isEmptyContent }\"\n            >\n                @if (isEmptyContent) {\n                    <s-empty-state\n                        [id]=\"id + '-empty-state'\"\n                        [title]=\"\n                            labelOptions?.searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\n                        \"\n                        [description]=\"searchEmptyDescription\"\n                        iconClass=\"fa fa-search\"\n                    >\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                        [multiSortMeta]=\"multiSortMeta\"\n                        [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                        [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                        (selectionChange)=\"onSelectionChange($event)\"\n                        *sLoadingState=\"{ loading: loading, indicator: indicatorLogo }\"\n                    >\n                        <ng-template pTemplate=\"caption\">\n                            <div>\n                                @if (showAddOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.add' | translate\"\n                                        (clicked)=\"onAdd.emit()\"\n                                    >\n                                    </s-button>\n                                }\n                                @if (showEditOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.edit' | translate\"\n                                        [disabled]=\"selected.length !== 1\"\n                                        (clicked)=\"onEdit.emit(this.selected[0])\"\n                                    >\n                                    </s-button>\n                                }\n                                @if (showRemoveOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.remove' | translate\"\n                                        [disabled]=\"!selected.length\"\n                                        (clicked)=\"onRemove.emit(this.selected)\"\n                                    >\n                                    </s-button>\n                                }\n                            </div>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"colgroup\"\n                            let-columns\n                        >\n                            <colgroup>\n                                @if (multiple) {\n                                    <col style=\"width: 50px\" />\n                                }\n\n                                @for (col of columns; track $index) {\n                                    <col [style.width]=\"col.width\" />\n                                }\n                            </colgroup>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"header\"\n                            let-columns\n                        >\n                            <tr>\n                                @if (multiple) {\n                                    <th style=\"width: 50px\">\n                                        <s-table-header-checkbox\n                                            [useAllObject]=\"lookupRowProps ? false : true\"\n                                            [rowProps]=\"lookupRowProps\"\n                                        >\n                                        </s-table-header-checkbox>\n                                    </th>\n                                }\n                                @for (col of columns; track $index) {\n                                    <th\n                                        [style.width]=\"col.width\"\n                                        [pSortableColumn]=\"col.name\"\n                                        [pSortableColumnDisabled]=\"sortableColumnsDisabled.includes(col.name)\"\n                                    >\n                                        <div class=\"senior-header\">\n                                            <span class=\"senior-header-title\">{{ col.label }}</span>\n                                            @if (!sortableColumnsDisabled.includes(col.name)) {\n                                                <p-sortIcon [field]=\"col.name\"> </p-sortIcon>\n                                            }\n                                        </div>\n                                    </th>\n                                }\n                            </tr>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"body\"\n                            let-rowData\n                            let-columns\n                            let-rowIndex=\"rowIndex\"\n                        >\n                            <tr\n                                sNavigation\n                                [pSelectableRow]=\"rowData\"\n                                [pSelectableRowIndex]=\"rowIndex\"\n                                sDoubleClick\n                                (onDoubleClick)=\"onTableRowDoubleClick(rowData)\"\n                            >\n                                @if (multiple) {\n                                    <td\n                                        style=\"width: 50px\"\n                                        tabindex=\"0\"\n                                    >\n                                        <p-tableCheckbox\n                                            [value]=\"rowData\"\n                                            [pSelectableRow]=\"rowData\"\n                                        >\n                                        </p-tableCheckbox>\n                                    </td>\n                                }\n                                @for (col of searchGridFields; track $index) {\n                                    <td\n                                        [style.width]=\"col.width\"\n                                        [ngSwitch]=\"col.type\"\n                                        tabindex=\"0\"\n                                    >\n                                        @switch (col.type) {\n                                            @case ('Boolean') {\n                                                <ng-container\n                                                    *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getBooleanLabel(rowData, col.name, col.optionsLabel)\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Date') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name)\n                                                            | localizedDate\n                                                                : col.calendarLocaleOptions?.dateFormat || 'L'\n                                                            | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('DateTime') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name) | localizedDate | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('LocalDateTime') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name) | localizedDate | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Time') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name)\n                                                            | localizedTime\n                                                                : col.calendarLocaleOptions?.dateFormat || 'LTS'\n                                                            | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Integer') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getIntegerMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Double') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getDoubleMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Money') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getMoneyMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Number') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getNumberMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Enum') {\n                                                <ng-container\n                                                    *ngIf=\"\n                                                        getLabelForValue(getFieldValue(rowData, col.name), col.options);\n                                                        else emptyTemplate\n                                                    \"\n                                                >\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            getBadgeFromValue(\n                                                                getFieldValue(rowData, col.name),\n                                                                col.options\n                                                            );\n                                                            then withBadge;\n                                                            else withoutBadge\n                                                        \"\n                                                    ></ng-container>\n                                                    <ng-template #withBadge>\n                                                        <s-badge\n                                                            [text]=\"\n                                                                getLabelForValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )\n                                                            \"\n                                                            [color]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.color\n                                                            \"\n                                                            [type]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.type\n                                                            \"\n                                                            [iconClass]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.iconClass\n                                                            \"\n                                                            [iconPosition]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.iconPosition\n                                                            \"\n                                                        >\n                                                        </s-badge>\n                                                    </ng-template>\n                                                    <ng-template #withoutBadge>\n                                                        <span>\n                                                            {{\n                                                                getLabelForValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )\n                                                            }}\n                                                        </span>\n                                                    </ng-template>\n                                                </ng-container>\n                                            }\n                                            @default {\n                                                @if (col.mask && parseValueMaskValue(col, rowData)) {\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            isNumber(rowData, col.name) ||\n                                                            getFieldValue(rowData, col.name)\n                                                        \"\n                                                    >\n                                                        <span>{{\n                                                            getFieldValue(rowData, col.name)\n                                                                | sMaskFormatter: parseValueMaskValue(col, rowData)\n                                                        }}</span>\n                                                    </ng-container>\n                                                } @else {\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            isNumber(rowData, col.name) ||\n                                                                getFieldValue(rowData, col.name);\n                                                            else emptyTemplate\n                                                        \"\n                                                    >\n                                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                                    </ng-container>\n                                                }\n                                            }\n                                        }\n                                    </td>\n                                }\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        </div>\n    }\n\n    <ng-template sTemplate=\"footer\">\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"labelOptions?.selectLabel || 'platform.angular_components.select' | translate\"\n            (clicked)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            [disabled]=\"!selected.length\"\n        >\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"labelOptions?.cancelLabel || 'platform.angular_components.cancel' | translate\"\n            (clicked)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n        >\n        </s-button>\n    </ng-template>\n</s-dialog>\n\n<ng-template #emptyTemplate>\n    <span class=\"sds-empty-value\">\n        {{ labelOptions?.emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n", styles: ["s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-lookup .p-autocomplete-input-multiple{border-top-right-radius:0!important;border-bottom-right-radius:0!important}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-radius:0 4px 4px 0}s-lookup p-autocomplete span.ui-autocomplete-multiple,s-lookup .inputgroup{display:flex}s-lookup .inputgroup p-autocomplete{display:inline-block}s-lookup .inputgroup p-autocomplete .p-autocomplete-input{width:100%}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:highlight(#ccc);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{width:100%}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.p-dialog .p-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .p-table-scrollable-body{min-width:100%}.s-lookup-modal main{padding:0}.s-lookup-modal .s-lookup-modal-container{height:85vh;display:flex;flex-direction:row;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{width:min-content;height:auto;flex-grow:0;flex-shrink:0;background-color:#e5eaea80;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:flex;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;flex-grow:0;flex-shrink:0;width:35px;border-radius:0 4px 4px 0}.s-lookup-modal .s-lookup-modal-container .filter-toggle button{align-items:center;position:relative;background-color:#e5eaea80;height:35px;width:100%;border:1px solid #e5eaea;outline:none;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:hover,.s-lookup-modal .s-lookup-modal-container .filter-toggle button:focus{background-color:active(rgba(229,234,234,.5));border-color:active(#e5eaea)}.s-lookup-modal .s-lookup-modal-container .content{flex-grow:1;flex-basis:auto;overflow-x:auto;display:flex;flex-direction:column;padding:.5rem}.s-lookup-modal .s-lookup-modal-container .content-child{height:100%}.s-lookup-modal .s-lookup-modal-container .content s-loading-state{height:100%;display:block}.s-lookup-modal .s-lookup-modal-container .content .s-loading-state,.s-lookup-modal .s-lookup-modal-container .content .s-loading-state .state-contents{height:100%}.s-lookup-modal .s-lookup-modal-container .content.empty-content{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 p-table>.p-datatable{height:100%;display:flex;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .content p-table>.p-datatable .p-datatable-table-container{flex:1;margin-bottom:0}.button-addon{color:red}.button-addon--disabled{opacity:.5}.inputgroup p-autocomplete{width:calc(100% - 35px)}\n"], dependencies: [{ kind: "component", type: i3$1.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign"], outputs: ["selected"] }, { kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "component", type: i8.DialogComponent, selector: "s-dialog", inputs: ["header", "visible", "size", "contentClassName", "escapeOnEsc", "destroyClickOutside"], outputs: ["visibleChange"] }, { kind: "component", type: i9.EmptyStateComponent, selector: "s-empty-state", inputs: ["id", "title", "iconClass", "description", "showPrimaryAction", "showSecondaryAction", "primaryActionLabel", "secondaryActionLabel", "primaryModel"], outputs: ["primaryAction", "secondaryAction"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i11.LoadingStateDirective, selector: "[sLoadingState]", inputs: ["sLoadingState"] }, { kind: "component", type: i12.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i12.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i12.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: i12.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i12.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: i14.TableHeaderCheckboxComponent, selector: "s-table-header-checkbox", inputs: ["id", "disabled", "rowProps", "useAllObject"] }, { kind: "directive", type: i15.DoubleClickDirective, selector: "[sDoubleClick]", outputs: ["doubleClicked"] }, { kind: "component", type: DynamicFormComponent, selector: "s-dynamic-form", inputs: ["id", "configs", "fields", "form", "errorMessages"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.LocalizedDatePipe, name: "localizedDate" }, { kind: "pipe", type: i1$3.LocalizedTimePipe, name: "localizedTime" }, { kind: "pipe", type: i1$3.LocalizedBignumberPipe, name: "localizedBignumber" }, { kind: "pipe", type: i18.MaskFormatterPipe, name: "sMaskFormatter" }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }], animations: [
             trigger('collapseContent', [
                 state('hidden', style({
                     width: '10px',
@@ -2238,7 +2250,7 @@ class LookupComponent {
 __decorate([
     CheckDisabled()
 ], LookupComponent.prototype, "showDialog", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LookupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LookupComponent, decorators: [{
             type: Component,
             args: [{ selector: 's-lookup', providers: [
                         {
@@ -2268,7 +2280,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             })),
                             transition('* <=> *', animate('{{transitionParams}}')),
                         ]),
-                    ], 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    >\n        <ng-template\n            let-item\n            pTemplate=\"selectedItem\"\n        >\n            @if (lookupDisplayField) {\n                <span\n                    class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                    [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                >\n                    {{ item[lookupDisplayField] }}\n                </span>\n            }\n        </ng-template>\n    </p-autoComplete>\n    @if (showSearch) {\n        <button\n            class=\"button-addon\"\n            [class.button-addon--disabled]=\"disabled\"\n            [disabled]=\"disabled\"\n            (click)=\"showDialog()\"\n        >\n            <i class=\"fa fa-search\"></i>\n        </button>\n    }\n</div>\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"labelOptions?.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>\n    @if (dialogVisible) {\n        <div class=\"s-lookup-modal-container\">\n            @if (searchFields && searchFields.length) {\n                <div\n                    class=\"filter\"\n                    [@collapseContent]=\"\n                        collapsed\n                            ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                            : { value: 'visible', params: { transitionParams: transitionOptions } }\n                    \"\n                    (@collapseContent.done)=\"onToggleDone()\"\n                >\n                    <form\n                        [formGroup]=\"formGroupDialog\"\n                        novalidate\n                        autocomplete=\"off\"\n                    >\n                        @if (!collapsed) {\n                            <div\n                                class=\"form-content\"\n                                [@childCollapseContent]=\"\n                                    collapsed\n                                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                                        : { value: ':enter', params: { transitionParams: transitionOptions } }\n                                \"\n                            >\n                                <div class=\"filter-title sds-section-title\">\n                                    {{ labelOptions?.filterTitle || 'platform.angular_components.filters' | translate }}\n                                </div>\n                                <div class=\"form-fields\">\n                                    @let configs =\n                                        [\n                                            {\n                                                type: rowType,\n                                                fields: searchFields,\n                                            },\n                                        ];\n\n                                    <s-dynamic-form\n                                        [configs]=\"configs\"\n                                        [form]=\"formGroupDialog\"\n                                    >\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]=\"\n                                                labelOptions?.filterLabel || 'platform.angular_components.filter'\n                                                    | translate\n                                            \"\n                                            (clicked)=\"search()\"\n                                            sTooltip=\"(ALT + SHIFT + F)\"\n                                        >\n                                        </s-button>\n                                        <s-button\n                                            [id]=\"id + '-clear-button'\"\n                                            type=\"button\"\n                                            [label]=\"\n                                                labelOptions?.clearLabel || 'platform.angular_components.clear'\n                                                    | translate\n                                            \"\n                                            (clicked)=\"clear()\"\n                                            priority=\"link\"\n                                            sTooltip=\"(ALT + SHIFT + L)\"\n                                        >\n                                        </s-button>\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </form>\n                </div>\n            }\n            @if (searchFields && searchFields.length) {\n                <div class=\"filter-toggle\">\n                    <button\n                        [id]=\"id + '-filter-toggle-button'\"\n                        type=\"button\"\n                        (click)=\"filterToggle()\"\n                    >\n                        <span\n                            class=\"fa\"\n                            [ngClass]=\"{ 'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed }\"\n                            aria-hidden=\"true\"\n                        >\n                        </span>\n                    </button>\n                </div>\n            }\n            @let isEmptyContent = !searchTotalRecords && !loading;\n            <div\n                class=\"content\"\n                #contentContainer\n                [ngClass]=\"{ 'empty-content': isEmptyContent }\"\n            >\n                @if (isEmptyContent) {\n                    <s-empty-state\n                        [id]=\"id + '-empty-state'\"\n                        [title]=\"\n                            labelOptions?.searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\n                        \"\n                        [description]=\"searchEmptyDescription\"\n                        iconClass=\"fa fa-search\"\n                    >\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                        [multiSortMeta]=\"multiSortMeta\"\n                        [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                        [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                        (selectionChange)=\"onSelectionChange($event)\"\n                        *sLoadingState=\"{ loading: loading, indicator: indicatorLogo }\"\n                    >\n                        <ng-template pTemplate=\"caption\">\n                            <div>\n                                @if (showAddOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.add' | translate\"\n                                        (clicked)=\"onAdd.emit()\"\n                                    >\n                                    </s-button>\n                                }\n                                @if (showEditOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.edit' | translate\"\n                                        [disabled]=\"selected.length !== 1\"\n                                        (clicked)=\"onEdit.emit(this.selected[0])\"\n                                    >\n                                    </s-button>\n                                }\n                                @if (showRemoveOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.remove' | translate\"\n                                        [disabled]=\"!selected.length\"\n                                        (clicked)=\"onRemove.emit(this.selected)\"\n                                    >\n                                    </s-button>\n                                }\n                                </div>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"colgroup\"\n                            let-columns\n                        >\n                            <colgroup>\n                                @if (multiple) {\n                                    <col style=\"width: 50px\" />\n                                }\n\n                                @for (col of columns; track $index) {\n                                    <col [style.width]=\"col.width\" />\n                                }\n                            </colgroup>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"header\"\n                            let-columns\n                        >\n                            <tr>\n                                @if (multiple) {\n                                    <th style=\"width: 50px\">\n                                        <s-table-header-checkbox\n                                            [useAllObject]=\"lookupRowProps ? false : true\"\n                                            [rowProps]=\"lookupRowProps\"\n                                        >\n                                        </s-table-header-checkbox>\n                                    </th>\n                                }\n                                @for (col of columns; track $index) {\n                                    <th\n                                        [style.width]=\"col.width\"\n                                        [pSortableColumn]=\"col.name\"\n                                        [pSortableColumnDisabled]=\"sortableColumnsDisabled.includes(col.name)\"\n                                    >\n                                        <div class=\"senior-header\">\n                                            <span class=\"senior-header-title\">{{ col.label }}</span>\n                                            @if (!sortableColumnsDisabled.includes(col.name)) {\n                                                <p-sortIcon [field]=\"col.name\"> </p-sortIcon>\n                                            }\n                                        </div>\n                                    </th>\n                                }\n                            </tr>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"body\"\n                            let-rowData\n                            let-columns\n                            let-rowIndex=\"rowIndex\"\n                        >\n                            <tr\n                                sNavigation\n                                [pSelectableRow]=\"rowData\"\n                                [pSelectableRowIndex]=\"rowIndex\"\n                                sDoubleClick\n                                (onDoubleClick)=\"onTableRowDoubleClick(rowData)\"\n                            >\n                                @if (multiple) {\n                                    <td\n                                        style=\"width: 50px\"\n                                        tabindex=\"0\"\n                                    >\n                                        <p-tableCheckbox\n                                            [value]=\"rowData\"\n                                            [pSelectableRow]=\"rowData\"\n                                        >\n                                        </p-tableCheckbox>\n                                    </td>\n                                }\n                                @for (col of searchGridFields; track $index) {\n                                    <td\n                                        [style.width]=\"col.width\"\n                                        [ngSwitch]=\"col.type\"\n                                        tabindex=\"0\"\n                                    >\n                                        @switch (col.type) {\n                                            @case ('Boolean') {\n                                                <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                                    <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Date') {\n                                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name)\n                                                            | localizedDate: col.calendarLocaleOptions?.dateFormat || 'L'\n                                                            | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('DateTime') {\n                                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name) | localizedDate | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('LocalDateTime') {\n                                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name) | localizedDate | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Time') {\n                                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name)\n                                                            | localizedTime: col.calendarLocaleOptions?.dateFormat || 'LTS'\n                                                            | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Integer') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getIntegerMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Double') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getDoubleMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Money') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getMoneyMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Number') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getNumberMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Enum') {\n                                                <ng-container\n                                                    *ngIf=\"\n                                                        getLabelForValue(getFieldValue(rowData, col.name), col.options);\n                                                        else emptyTemplate\n                                                    \"\n                                                >\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            getBadgeFromValue(\n                                                                getFieldValue(rowData, col.name),\n                                                                col.options\n                                                            );\n                                                            then withBadge;\n                                                            else withoutBadge\n                                                        \"\n                                                    ></ng-container>\n                                                    <ng-template #withBadge>\n                                                        <s-badge\n                                                            [text]=\"\n                                                                getLabelForValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )\n                                                            \"\n                                                            [color]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.color\n                                                            \"\n                                                            [type]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.type\n                                                            \"\n                                                            [iconClass]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.iconClass\n                                                            \"\n                                                            [iconPosition]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.iconPosition\n                                                            \"\n                                                        >\n                                                        </s-badge>\n                                                    </ng-template>\n                                                    <ng-template #withoutBadge>\n                                                        <span>\n                                                            {{\n                                                                getLabelForValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )\n                                                            }}\n                                                        </span>\n                                                    </ng-template>\n                                                </ng-container>\n                                            }\n                                            @default {\n                                                @if (col.mask && parseValueMaskValue(col, rowData)) {\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            isNumber(rowData, col.name) || getFieldValue(rowData, col.name)\n                                                        \"\n                                                    >\n                                                        <span>{{\n                                                            getFieldValue(rowData, col.name)\n                                                                | sMaskFormatter: parseValueMaskValue(col, rowData)\n                                                        }}</span>\n                                                    </ng-container>\n                                                } @else {\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            isNumber(rowData, col.name) || getFieldValue(rowData, col.name);\n                                                            else emptyTemplate\n                                                        \"\n                                                    >\n                                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                                    </ng-container>\n                                                }\n                                            }\n                                        }\n                                    </td>\n                                }\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        </div>\n    }\n    <ng-template #footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"labelOptions?.selectLabel || 'platform.angular_components.select' | translate\"\n            (clicked)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            [disabled]=\"!selected.length\"\n        >\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"labelOptions?.cancelLabel || 'platform.angular_components.cancel' | translate\"\n            (clicked)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n        >\n        </s-button>\n    </ng-template>\n</p-dialog>\n\n<ng-template #emptyTemplate>\n    <span class=\"sds-empty-value\">\n        {{ labelOptions?.emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n\n", styles: ["s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-lookup .p-autocomplete-input-multiple{border-top-right-radius:0!important;border-bottom-right-radius:0!important}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-radius:0 4px 4px 0}s-lookup p-autocomplete span.ui-autocomplete-multiple,s-lookup .inputgroup{display:flex}s-lookup .inputgroup p-autocomplete{display:inline-block}s-lookup .inputgroup p-autocomplete .p-autocomplete-input{width:100%}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:highlight(#ccc);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{width:100%}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.p-dialog .p-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .p-table-scrollable-body{min-width:100%}.s-lookup-modal{height:80%!important;max-width:100%!important;max-height:inherit!important;display:flex;justify-content:space-between;flex-direction:column}.s-lookup-modal .p-dialog-content{height:auto!important;flex:1;overflow:auto}.s-lookup-modal .p-dialog-header,.s-lookup-modal .p-dialog-footer{flex-shrink:0;border-radius:0 0 4px 4px}.s-lookup-modal .p-dialog-header .p-dialog-close-button,.s-lookup-modal .p-dialog-header .p-dialog-close-button:hover:not(:disabled),.s-lookup-modal .p-dialog-footer .p-dialog-close-button,.s-lookup-modal .p-dialog-footer .p-dialog-close-button:hover:not(:disabled){background-color:transparent!important;color:#333!important}.s-lookup-modal .s-lookup-modal-container{display:flex;flex-direction:row;height:100%;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{position:relative;flex-grow:0;flex-shrink:0;width:85%;background-color:#e5eaea80;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:flex;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;flex-grow:0;flex-shrink:0;width:35px;border-radius:0 4px 4px 0}.s-lookup-modal .s-lookup-modal-container .filter-toggle button{align-items:center;position:relative;background-color:#e5eaea80;height:35px;width:100%;border:1px solid #e5eaea;outline:none;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:hover,.s-lookup-modal .s-lookup-modal-container .filter-toggle button:focus{background-color:active(rgba(229,234,234,.5));border-color:active(#e5eaea)}.s-lookup-modal .s-lookup-modal-container .content{flex-grow:1;flex-basis:auto;overflow-x:auto;display:flex;flex-direction:column;padding:.5rem}.s-lookup-modal .s-lookup-modal-container .content-child{height:100%}.s-lookup-modal .s-lookup-modal-container .content s-loading-state{height:100%;display:block}.s-lookup-modal .s-lookup-modal-container .content .s-loading-state,.s-lookup-modal .s-lookup-modal-container .content .s-loading-state .state-contents{height:100%}.s-lookup-modal .s-lookup-modal-container .content.empty-content{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 p-table>.p-datatable{height:100%;display:flex;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .content p-table>.p-datatable .p-datatable-table-container{flex:1;margin-bottom:0}.button-addon{color:red}.button-addon--disabled{opacity:.5}@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)}\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    >\n        <ng-template\n            let-item\n            pTemplate=\"selectedItem\"\n        >\n            @if (lookupDisplayField) {\n                <span\n                    class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                    [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                >\n                    {{ item[lookupDisplayField] }}\n                </span>\n            }\n        </ng-template>\n    </p-autoComplete>\n    @if (showSearch) {\n        <button\n            class=\"button-addon\"\n            [class.button-addon--disabled]=\"disabled\"\n            [disabled]=\"disabled\"\n            (click)=\"showDialog()\"\n        >\n            <i class=\"fa fa-search\"></i>\n        </button>\n    }\n</div>\n\n<s-dialog\n    [(visible)]=\"dialogVisible\"\n    (visibleChange)=\"onVisibleChange($event!)\"\n    [header]=\"labelOptions?.searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    contentClassName=\"s-lookup-modal\"\n    size=\"xl\"\n>\n    @if (dialogVisible) {\n        <div\n            class=\"s-lookup-modal-container\"\n            #dialogContainer\n        >\n            @if (searchFields && searchFields.length) {\n                <div\n                    class=\"filter\"\n                    [@collapseContent]=\"\n                        collapsed\n                            ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                            : { value: 'visible', params: { transitionParams: transitionOptions } }\n                    \"\n                    (@collapseContent.done)=\"onToggleDone()\"\n                >\n                    <form\n                        [formGroup]=\"formGroupDialog\"\n                        novalidate\n                        autocomplete=\"off\"\n                    >\n                        @if (!collapsed) {\n                            <div\n                                class=\"form-content\"\n                                [@childCollapseContent]=\"\n                                    collapsed\n                                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                                        : { value: ':enter', params: { transitionParams: transitionOptions } }\n                                \"\n                            >\n                                <div class=\"filter-title sds-section-title\">\n                                    {{ labelOptions?.filterTitle || 'platform.angular_components.filters' | translate }}\n                                </div>\n                                <div class=\"form-fields\">\n                                    @let configs =\n                                        [\n                                            {\n                                                type: rowType,\n                                                fields: searchFields,\n                                            },\n                                        ];\n\n                                    <s-dynamic-form\n                                        [configs]=\"configs\"\n                                        [form]=\"formGroupDialog\"\n                                    >\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]=\"\n                                                labelOptions?.filterLabel || 'platform.angular_components.filter'\n                                                    | translate\n                                            \"\n                                            (clicked)=\"search()\"\n                                            sTooltip=\"(ALT + SHIFT + F)\"\n                                        >\n                                        </s-button>\n                                        <s-button\n                                            [id]=\"id + '-clear-button'\"\n                                            type=\"button\"\n                                            [label]=\"\n                                                labelOptions?.clearLabel || 'platform.angular_components.clear'\n                                                    | translate\n                                            \"\n                                            (clicked)=\"clear()\"\n                                            priority=\"link\"\n                                            sTooltip=\"(ALT + SHIFT + L)\"\n                                        >\n                                        </s-button>\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </form>\n                </div>\n            }\n            @if (searchFields && searchFields.length) {\n                <div class=\"filter-toggle\">\n                    <button\n                        [id]=\"id + '-filter-toggle-button'\"\n                        type=\"button\"\n                        (click)=\"filterToggle()\"\n                    >\n                        <span\n                            class=\"fa\"\n                            [ngClass]=\"{ 'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed }\"\n                            aria-hidden=\"true\"\n                        >\n                        </span>\n                    </button>\n                </div>\n            }\n            @let isEmptyContent = !searchTotalRecords && !loading;\n            <div\n                class=\"content\"\n                #contentContainer\n                [ngClass]=\"{ 'empty-content': isEmptyContent }\"\n            >\n                @if (isEmptyContent) {\n                    <s-empty-state\n                        [id]=\"id + '-empty-state'\"\n                        [title]=\"\n                            labelOptions?.searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\n                        \"\n                        [description]=\"searchEmptyDescription\"\n                        iconClass=\"fa fa-search\"\n                    >\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                        [multiSortMeta]=\"multiSortMeta\"\n                        [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                        [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                        (selectionChange)=\"onSelectionChange($event)\"\n                        *sLoadingState=\"{ loading: loading, indicator: indicatorLogo }\"\n                    >\n                        <ng-template pTemplate=\"caption\">\n                            <div>\n                                @if (showAddOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.add' | translate\"\n                                        (clicked)=\"onAdd.emit()\"\n                                    >\n                                    </s-button>\n                                }\n                                @if (showEditOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.edit' | translate\"\n                                        [disabled]=\"selected.length !== 1\"\n                                        (clicked)=\"onEdit.emit(this.selected[0])\"\n                                    >\n                                    </s-button>\n                                }\n                                @if (showRemoveOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.remove' | translate\"\n                                        [disabled]=\"!selected.length\"\n                                        (clicked)=\"onRemove.emit(this.selected)\"\n                                    >\n                                    </s-button>\n                                }\n                            </div>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"colgroup\"\n                            let-columns\n                        >\n                            <colgroup>\n                                @if (multiple) {\n                                    <col style=\"width: 50px\" />\n                                }\n\n                                @for (col of columns; track $index) {\n                                    <col [style.width]=\"col.width\" />\n                                }\n                            </colgroup>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"header\"\n                            let-columns\n                        >\n                            <tr>\n                                @if (multiple) {\n                                    <th style=\"width: 50px\">\n                                        <s-table-header-checkbox\n                                            [useAllObject]=\"lookupRowProps ? false : true\"\n                                            [rowProps]=\"lookupRowProps\"\n                                        >\n                                        </s-table-header-checkbox>\n                                    </th>\n                                }\n                                @for (col of columns; track $index) {\n                                    <th\n                                        [style.width]=\"col.width\"\n                                        [pSortableColumn]=\"col.name\"\n                                        [pSortableColumnDisabled]=\"sortableColumnsDisabled.includes(col.name)\"\n                                    >\n                                        <div class=\"senior-header\">\n                                            <span class=\"senior-header-title\">{{ col.label }}</span>\n                                            @if (!sortableColumnsDisabled.includes(col.name)) {\n                                                <p-sortIcon [field]=\"col.name\"> </p-sortIcon>\n                                            }\n                                        </div>\n                                    </th>\n                                }\n                            </tr>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"body\"\n                            let-rowData\n                            let-columns\n                            let-rowIndex=\"rowIndex\"\n                        >\n                            <tr\n                                sNavigation\n                                [pSelectableRow]=\"rowData\"\n                                [pSelectableRowIndex]=\"rowIndex\"\n                                sDoubleClick\n                                (onDoubleClick)=\"onTableRowDoubleClick(rowData)\"\n                            >\n                                @if (multiple) {\n                                    <td\n                                        style=\"width: 50px\"\n                                        tabindex=\"0\"\n                                    >\n                                        <p-tableCheckbox\n                                            [value]=\"rowData\"\n                                            [pSelectableRow]=\"rowData\"\n                                        >\n                                        </p-tableCheckbox>\n                                    </td>\n                                }\n                                @for (col of searchGridFields; track $index) {\n                                    <td\n                                        [style.width]=\"col.width\"\n                                        [ngSwitch]=\"col.type\"\n                                        tabindex=\"0\"\n                                    >\n                                        @switch (col.type) {\n                                            @case ('Boolean') {\n                                                <ng-container\n                                                    *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getBooleanLabel(rowData, col.name, col.optionsLabel)\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Date') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name)\n                                                            | localizedDate\n                                                                : col.calendarLocaleOptions?.dateFormat || 'L'\n                                                            | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('DateTime') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name) | localizedDate | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('LocalDateTime') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name) | localizedDate | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Time') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name)\n                                                            | localizedTime\n                                                                : col.calendarLocaleOptions?.dateFormat || 'LTS'\n                                                            | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Integer') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getIntegerMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Double') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getDoubleMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Money') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getMoneyMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Number') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getNumberMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Enum') {\n                                                <ng-container\n                                                    *ngIf=\"\n                                                        getLabelForValue(getFieldValue(rowData, col.name), col.options);\n                                                        else emptyTemplate\n                                                    \"\n                                                >\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            getBadgeFromValue(\n                                                                getFieldValue(rowData, col.name),\n                                                                col.options\n                                                            );\n                                                            then withBadge;\n                                                            else withoutBadge\n                                                        \"\n                                                    ></ng-container>\n                                                    <ng-template #withBadge>\n                                                        <s-badge\n                                                            [text]=\"\n                                                                getLabelForValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )\n                                                            \"\n                                                            [color]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.color\n                                                            \"\n                                                            [type]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.type\n                                                            \"\n                                                            [iconClass]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.iconClass\n                                                            \"\n                                                            [iconPosition]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.iconPosition\n                                                            \"\n                                                        >\n                                                        </s-badge>\n                                                    </ng-template>\n                                                    <ng-template #withoutBadge>\n                                                        <span>\n                                                            {{\n                                                                getLabelForValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )\n                                                            }}\n                                                        </span>\n                                                    </ng-template>\n                                                </ng-container>\n                                            }\n                                            @default {\n                                                @if (col.mask && parseValueMaskValue(col, rowData)) {\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            isNumber(rowData, col.name) ||\n                                                            getFieldValue(rowData, col.name)\n                                                        \"\n                                                    >\n                                                        <span>{{\n                                                            getFieldValue(rowData, col.name)\n                                                                | sMaskFormatter: parseValueMaskValue(col, rowData)\n                                                        }}</span>\n                                                    </ng-container>\n                                                } @else {\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            isNumber(rowData, col.name) ||\n                                                                getFieldValue(rowData, col.name);\n                                                            else emptyTemplate\n                                                        \"\n                                                    >\n                                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                                    </ng-container>\n                                                }\n                                            }\n                                        }\n                                    </td>\n                                }\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        </div>\n    }\n\n    <ng-template sTemplate=\"footer\">\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"labelOptions?.selectLabel || 'platform.angular_components.select' | translate\"\n            (clicked)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            [disabled]=\"!selected.length\"\n        >\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"labelOptions?.cancelLabel || 'platform.angular_components.cancel' | translate\"\n            (clicked)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n        >\n        </s-button>\n    </ng-template>\n</s-dialog>\n\n<ng-template #emptyTemplate>\n    <span class=\"sds-empty-value\">\n        {{ labelOptions?.emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n", styles: ["s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-lookup .p-autocomplete-input-multiple{border-top-right-radius:0!important;border-bottom-right-radius:0!important}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-radius:0 4px 4px 0}s-lookup p-autocomplete span.ui-autocomplete-multiple,s-lookup .inputgroup{display:flex}s-lookup .inputgroup p-autocomplete{display:inline-block}s-lookup .inputgroup p-autocomplete .p-autocomplete-input{width:100%}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:highlight(#ccc);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{width:100%}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.p-dialog .p-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .p-table-scrollable-body{min-width:100%}.s-lookup-modal main{padding:0}.s-lookup-modal .s-lookup-modal-container{height:85vh;display:flex;flex-direction:row;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{width:min-content;height:auto;flex-grow:0;flex-shrink:0;background-color:#e5eaea80;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:flex;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;flex-grow:0;flex-shrink:0;width:35px;border-radius:0 4px 4px 0}.s-lookup-modal .s-lookup-modal-container .filter-toggle button{align-items:center;position:relative;background-color:#e5eaea80;height:35px;width:100%;border:1px solid #e5eaea;outline:none;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:hover,.s-lookup-modal .s-lookup-modal-container .filter-toggle button:focus{background-color:active(rgba(229,234,234,.5));border-color:active(#e5eaea)}.s-lookup-modal .s-lookup-modal-container .content{flex-grow:1;flex-basis:auto;overflow-x:auto;display:flex;flex-direction:column;padding:.5rem}.s-lookup-modal .s-lookup-modal-container .content-child{height:100%}.s-lookup-modal .s-lookup-modal-container .content s-loading-state{height:100%;display:block}.s-lookup-modal .s-lookup-modal-container .content .s-loading-state,.s-lookup-modal .s-lookup-modal-container .content .s-loading-state .state-contents{height:100%}.s-lookup-modal .s-lookup-modal-container .content.empty-content{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 p-table>.p-datatable{height:100%;display:flex;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .content p-table>.p-datatable .p-datatable-table-container{flex:1;margin-bottom:0}.button-addon{color:red}.button-addon--disabled{opacity:.5}.inputgroup p-autocomplete{width:calc(100% - 35px)}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.HotkeysService }, { type: i2$2.TranslateService }, { type: i0.ChangeDetectorRef }], propDecorators: { formControlName: [{
                 type: Input
             }], id: [{
@@ -2344,12 +2356,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }], onRemove: [{
                 type: Output
+            }], onClearButtonClick: [{
+                type: Output
             }], table: [{
                 type: ViewChild,
                 args: [Table, { static: false }]
-            }], dialog: [{
-                type: ViewChild,
-                args: [Dialog, { static: false }]
             }], autocomplete: [{
                 type: ViewChild,
                 args: [AutoComplete, { static: false }]
@@ -2372,10 +2383,10 @@ class BooleanOptionsLabel {
 class ProfilePictureFieldComponent {
     field;
     formControl;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProfilePictureFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ProfilePictureFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<s-profile-picture-picker\n    [formControl]=\"formControl\"\n    [simpleTitle]=\"field.simpleTitle\"\n    [actionTitle]=\"field.actionTitle\"\n    [subtitle]=\"field.subtitle\"\n    [aspectRatio]=\"field.aspectRatio\"\n    [cropperLabelsConfig]=\"field.cropperLabelsConfig\"\n    [removeButtonLabel]=\"field.removeButtonLabel\"\n    [changeButtonLabel]=\"field.changeButtonLabel\"\n    [confirmationTexts]=\"field.confirmationTexts\"\n    [maxFileSize]=\"field.maxFileSize\"\n    [accept]=\"field.accept\"\n    [supportedExtensions]=\"field.supportedExtensions\"\n    (changedImage)=\"field.onChangeImage ? field.onChangeImage($event) : null\"\n    (removedImage)=\"field.onRemovedImage ? field.onRemovedImage() : null\"\n    (invalidFile)=\"field.onInvalidFile ? field.onInvalidFile($event) : null\">\n</s-profile-picture-picker>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$4.ProfilePicturePickerComponent, selector: "s-profile-picture-picker", inputs: ["simpleTitle", "actionTitle", "subtitle", "aspectRatio", "cropperLabelsConfig", "removeButtonLabel", "changeButtonLabel", "confirmationTexts", "maxFileSize", "accept", "supportedExtensions", "image"], outputs: ["changedImage", "imageChange", "removedImage", "invalidFile"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProfilePictureFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ProfilePictureFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<s-profile-picture-picker\n    [formControl]=\"formControl\"\n    [simpleTitle]=\"field.simpleTitle\"\n    [actionTitle]=\"field.actionTitle\"\n    [subtitle]=\"field.subtitle\"\n    [aspectRatio]=\"field.aspectRatio\"\n    [cropperLabelsConfig]=\"field.cropperLabelsConfig\"\n    [removeButtonLabel]=\"field.removeButtonLabel\"\n    [changeButtonLabel]=\"field.changeButtonLabel\"\n    [confirmationTexts]=\"field.confirmationTexts\"\n    [maxFileSize]=\"field.maxFileSize\"\n    [accept]=\"field.accept\"\n    [supportedExtensions]=\"field.supportedExtensions\"\n    (changedImage)=\"field.onChangeImage ? field.onChangeImage($event) : null\"\n    (removedImage)=\"field.onRemovedImage ? field.onRemovedImage() : null\"\n    (invalidFile)=\"field.onInvalidFile ? field.onInvalidFile($event) : null\">\n</s-profile-picture-picker>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$4.ProfilePicturePickerComponent, selector: "s-profile-picture-picker", inputs: ["simpleTitle", "actionTitle", "subtitle", "aspectRatio", "cropperLabelsConfig", "removeButtonLabel", "changeButtonLabel", "confirmationTexts", "maxFileSize", "accept", "supportedExtensions", "image"], outputs: ["changedImage", "imageChange", "removedImage", "invalidFile"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProfilePictureFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProfilePictureFieldComponent, decorators: [{
             type: Component,
             args: [{ template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<s-profile-picture-picker\n    [formControl]=\"formControl\"\n    [simpleTitle]=\"field.simpleTitle\"\n    [actionTitle]=\"field.actionTitle\"\n    [subtitle]=\"field.subtitle\"\n    [aspectRatio]=\"field.aspectRatio\"\n    [cropperLabelsConfig]=\"field.cropperLabelsConfig\"\n    [removeButtonLabel]=\"field.removeButtonLabel\"\n    [changeButtonLabel]=\"field.changeButtonLabel\"\n    [confirmationTexts]=\"field.confirmationTexts\"\n    [maxFileSize]=\"field.maxFileSize\"\n    [accept]=\"field.accept\"\n    [supportedExtensions]=\"field.supportedExtensions\"\n    (changedImage)=\"field.onChangeImage ? field.onChangeImage($event) : null\"\n    (removedImage)=\"field.onRemovedImage ? field.onRemovedImage() : null\"\n    (invalidFile)=\"field.onInvalidFile ? field.onInvalidFile($event) : null\">\n</s-profile-picture-picker>\n" }]
         }], propDecorators: { field: [{
@@ -2396,12 +2407,12 @@ class FieldsetComponent {
     config;
     group;
     errorMessages;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FieldsetComponent, selector: "ng-component", inputs: { id: "id", config: "config", group: "group", errorMessages: "errorMessages" }, ngImport: i0, template: "<s-fieldset\n    [toggleable]=\"true\"\n    (onBeforeToggle)=\"config.beforeToggle ? config.beforeToggle($event) : 'null'\"\n    (onAfterToggle)=\"config.afterToggle ? config.afterToggle($event) : 'null'\"\n>\n    <p-header>{{ config.header }}</p-header>\n    @for (conf of config.configs; let i = $index; track i) {\n        <ng-container\n            *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"\n        ></ng-container>\n    }\n</s-fieldset>\n", dependencies: [{ kind: "component", type: i4.Header, selector: "p-header" }, { kind: "component", type: i2$5.FieldsetComponent, selector: "s-fieldset", inputs: ["legend", "toggleable", "icon", "destroyOnHide"], outputs: ["beforeToggle", "afterToggle"] }, { kind: "directive", type: DynamicFormDirective, selector: "[sDynamicForm]", inputs: ["sDynamicForm"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FieldsetComponent, selector: "ng-component", inputs: { id: "id", config: "config", group: "group", errorMessages: "errorMessages" }, ngImport: i0, template: "<s-fieldset\n    [toggleable]=\"true\"\n    (onBeforeToggle)=\"config.beforeToggle ? config.beforeToggle($event) : 'null'\"\n    (onAfterToggle)=\"config.afterToggle ? config.afterToggle($event) : 'null'\"\n    [legend]=\"config.header ? config.header : ''\"\n>\n    @for (conf of config.configs; let i = $index; track i) {\n        <ng-container\n            *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"\n        ></ng-container>\n    }\n</s-fieldset>\n", dependencies: [{ kind: "component", type: i1$4.FieldsetComponent, selector: "s-fieldset", inputs: ["legend", "toggleable", "icon", "destroyOnHide"], outputs: ["beforeToggle", "afterToggle"] }, { kind: "directive", type: DynamicFormDirective, selector: "[sDynamicForm]", inputs: ["sDynamicForm"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FieldsetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldsetComponent, decorators: [{
             type: Component,
-            args: [{ template: "<s-fieldset\n    [toggleable]=\"true\"\n    (onBeforeToggle)=\"config.beforeToggle ? config.beforeToggle($event) : 'null'\"\n    (onAfterToggle)=\"config.afterToggle ? config.afterToggle($event) : 'null'\"\n>\n    <p-header>{{ config.header }}</p-header>\n    @for (conf of config.configs; let i = $index; track i) {\n        <ng-container\n            *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"\n        ></ng-container>\n    }\n</s-fieldset>\n" }]
+            args: [{ template: "<s-fieldset\n    [toggleable]=\"true\"\n    (onBeforeToggle)=\"config.beforeToggle ? config.beforeToggle($event) : 'null'\"\n    (onAfterToggle)=\"config.afterToggle ? config.afterToggle($event) : 'null'\"\n    [legend]=\"config.header ? config.header : ''\"\n>\n    @for (conf of config.configs; let i = $index; track i) {\n        <ng-container\n            *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"\n        ></ng-container>\n    }\n</s-fieldset>\n" }]
         }], propDecorators: { id: [{
                 type: Input
             }], config: [{
@@ -2431,10 +2442,10 @@ class SectionComponent {
         const _configs = this.config?.configs || [];
         return _configs.filter((x) => x.visible === undefined || x.visible());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SectionComponent, selector: "s-section", inputs: { id: "id", config: "config", group: "group", errorMessages: "errorMessages" }, ngImport: i0, template: "@if (config.header) {\n    <h3 class=\"sds-section-title\">\n        {{ config.header }}\n    </h3>\n}\n\n<section\n    [class.flex-container]=\"flexContainer\"\n    [style.justify-content]=\"config.justifyContent\"\n    [style.align-items]=\"config.alignItems\"\n>\n    @for (conf of configs; let i = $index; track i) {\n        <ng-container\n            *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"\n        ></ng-container>\n    }\n</section>\n\n", styles: [".flex-container{display:flex}:host{height:100%}section{height:100%}\n"], dependencies: [{ kind: "directive", type: DynamicFormDirective, selector: "[sDynamicForm]", inputs: ["sDynamicForm"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SectionComponent, selector: "s-section", inputs: { id: "id", config: "config", group: "group", errorMessages: "errorMessages" }, ngImport: i0, template: "@if (config.header) {\n    <h3 class=\"sds-section-title\">\n        {{ config.header }}\n    </h3>\n}\n\n<section\n    [class.flex-container]=\"flexContainer\"\n    [style.justify-content]=\"config.justifyContent\"\n    [style.align-items]=\"config.alignItems\"\n>\n    @for (conf of configs; let i = $index; track i) {\n        <ng-container\n            *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"\n        ></ng-container>\n    }\n</section>\n\n", styles: [".flex-container{display:flex}:host{height:100%}section{height:100%}\n"], dependencies: [{ kind: "directive", type: DynamicFormDirective, selector: "[sDynamicForm]", inputs: ["sDynamicForm"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SectionComponent, decorators: [{
             type: Component,
             args: [{ selector: 's-section', template: "@if (config.header) {\n    <h3 class=\"sds-section-title\">\n        {{ config.header }}\n    </h3>\n}\n\n<section\n    [class.flex-container]=\"flexContainer\"\n    [style.justify-content]=\"config.justifyContent\"\n    [style.align-items]=\"config.alignItems\"\n>\n    @for (conf of configs; let i = $index; track i) {\n        <ng-container\n            *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"\n        ></ng-container>\n    }\n</section>\n\n", styles: [".flex-container{display:flex}:host{height:100%}section{height:100%}\n"] }]
         }], propDecorators: { id: [{
@@ -2471,10 +2482,10 @@ class AutocompleteFieldComponent {
     setInputRef() {
         this.inputRef = this.elementRef.nativeElement.querySelector('input');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AutocompleteFieldComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AutocompleteFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<div [sTooltip]=\"field.tooltip\">\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple!\"\n        [placeholder]=\"field.placeholder\"\n        [lookupSuggestions]=\"field.suggestions\"\n        [dataKey]=\"field.dataKey!\"\n        (onLookupRequest)=\"field.onSearch ? field.onSearch($event) : null\"\n        [lookupDisplayField]=\"field.displayField\"\n        [showSearch]=\"false\"\n        [lookupAppendTo]=\"field.appendTo\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onUnselect)=\"field.onUnselect ? field.onUnselect($event) : null\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n    >\n    </s-lookup>\n</div>\n", dependencies: [{ kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "component", type: LookupComponent, selector: "s-lookup", inputs: ["formControlName", "id", "autocompleteForceSelection", "multiple", "dataKey", "required", "disabled", "showSearch", "lookupSuggestions", "lookupDisplayField", "lookupDisplayFieldTooltip", "lookupEmptyMessage", "lookupAppendTo", "searchEmptyDescription", "searchGridData", "searchTotalRecords", "searchFields", "searchGridFields", "multiSortMeta", "placeholder", "sortableColumnsDisabled", "lookupRowProps", "defaultFilter", "showAddOption", "showEditOption", "showRemoveOption", "labelOptions"], outputs: ["onLookupRequest", "onSearchRequest", "onFocus", "onBlur", "onKeyUp", "onSelect", "onUnselect", "onClear", "onAdd", "onEdit", "onRemove"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AutocompleteFieldComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AutocompleteFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<div [sTooltip]=\"field.tooltip\">\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple!\"\n        [placeholder]=\"field.placeholder\"\n        [lookupSuggestions]=\"field.suggestions\"\n        [dataKey]=\"field.dataKey!\"\n        (onLookupRequest)=\"field.onSearch ? field.onSearch($event) : null\"\n        [lookupDisplayField]=\"field.displayField\"\n        [showSearch]=\"false\"\n        [lookupAppendTo]=\"field.appendTo\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onUnselect)=\"field.onUnselect ? field.onUnselect($event) : null\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n    >\n    </s-lookup>\n</div>\n", dependencies: [{ kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "component", type: LookupComponent, selector: "s-lookup", inputs: ["formControlName", "id", "autocompleteForceSelection", "multiple", "dataKey", "required", "disabled", "showSearch", "lookupSuggestions", "lookupDisplayField", "lookupDisplayFieldTooltip", "lookupEmptyMessage", "lookupAppendTo", "searchEmptyDescription", "searchGridData", "searchTotalRecords", "searchFields", "searchGridFields", "multiSortMeta", "placeholder", "sortableColumnsDisabled", "lookupRowProps", "defaultFilter", "showAddOption", "showEditOption", "showRemoveOption", "labelOptions"], outputs: ["onLookupRequest", "onSearchRequest", "onFocus", "onBlur", "onKeyUp", "onSelect", "onUnselect", "onClear", "onAdd", "onEdit", "onRemove", "onClearButtonClick"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AutocompleteFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AutocompleteFieldComponent, decorators: [{
             type: Component,
             args: [{ template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<div [sTooltip]=\"field.tooltip\">\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple!\"\n        [placeholder]=\"field.placeholder\"\n        [lookupSuggestions]=\"field.suggestions\"\n        [dataKey]=\"field.dataKey!\"\n        (onLookupRequest)=\"field.onSearch ? field.onSearch($event) : null\"\n        [lookupDisplayField]=\"field.displayField\"\n        [showSearch]=\"false\"\n        [lookupAppendTo]=\"field.appendTo\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onUnselect)=\"field.onUnselect ? field.onUnselect($event) : null\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n    >\n    </s-lookup>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { field: [{
@@ -2596,10 +2607,10 @@ class BignumberFieldComponent extends BaseFieldComponent {
             this.field.scale = this.field.type === FieldType.Integer ? 0 : 2;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BignumberFieldComponent, deps: [{ token: i1$3.LocaleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BignumberFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef!.nativeElement\"\n    />\n}\n@if (field.mask) {\n    <p-inputMask\n        #inputRef\n        type=\"text\"\n        [inputId]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [mask]=\"getFieldPropertyMask(field.mask)\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onComplete)=\"onComplete.next($event)\"\n        (onInput)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [autoClear]=\"field.autoClear\"\n    >\n    </p-inputMask>\n} @else {\n    <div class=\"ui-inputgroup\">\n        @if (field.leftAddon) {\n            @if (field.leftAddon.callback) {\n                <span class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.leftAddon)\"\n                        (clicked)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.leftAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.leftAddon.label) {\n                        <span>\n                            {{ field.leftAddon.label }}\n                        </span>\n                    }\n                    @if (!field.leftAddon.label) {\n                        <span [ngClass]=\"field.leftAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n        <input\n            #inputRef\n            [id]=\"field.id || field.name\"\n            type=\"text\"\n            [name]=\"field.name\"\n            sBignumberInput\n            [allowNegative]=\"field.allowNegative\"\n            [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n            [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n            [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n            [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n            [alignTo]=\"field.alignTo\"\n            [sTooltip]=\"field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"field.placeholder\"\n            [showDelay]=\"500\"\n            pInputText\n            [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            [formControl]=\"formControl\"\n        />\n        @if (field.rightAddon) {\n            @if (field.rightAddon.callback) {\n                <span class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority!\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.rightAddon)\"\n                        (clicked)=\"field.rightAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.rightAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.rightAddon.label) {\n                        <span>\n                            {{ field.rightAddon.label }}\n                        </span>\n                    } @else {\n                        <span [ngClass]=\"field.rightAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n    </div>\n}\n", styles: ["s-number-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-number-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.addon-button{border:1px solid #c1c1cc}.addon-button s-button button,.addon-button s-button .s-button-with-text{height:100%;min-width:40px!important}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"], dependencies: [{ kind: "directive", type: i2$6.BignumberInputDirective, selector: "input[sBignumberInput]", inputs: ["precision", "scale", "decimalSeparator", "thousandsSeparator", "alignTo", "allowNegative", "placeholder"], outputs: ["pasteRejected"] }, { kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5$1.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BignumberFieldComponent, deps: [{ token: i1$3.LocaleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BignumberFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef!.nativeElement\"\n    />\n}\n@if (field.mask) {\n    <p-inputMask\n        #inputRef\n        type=\"text\"\n        [inputId]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [mask]=\"getFieldPropertyMask(field.mask)\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onComplete)=\"onComplete.next($event)\"\n        (onInput)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [autoClear]=\"field.autoClear\"\n    >\n    </p-inputMask>\n} @else {\n    <div class=\"ui-inputgroup\">\n        @if (field.leftAddon) {\n            @if (field.leftAddon.callback) {\n                <span class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.leftAddon)\"\n                        (clicked)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.leftAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.leftAddon.label) {\n                        <span>\n                            {{ field.leftAddon.label }}\n                        </span>\n                    }\n                    @if (!field.leftAddon.label) {\n                        <span [ngClass]=\"field.leftAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n        <input\n            #inputRef\n            [id]=\"field.id || field.name\"\n            type=\"text\"\n            [name]=\"field.name\"\n            sBignumberInput\n            [allowNegative]=\"field.allowNegative\"\n            [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n            [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n            [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n            [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n            [alignTo]=\"field.alignTo\"\n            [sTooltip]=\"field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"field.placeholder\"\n            [showDelay]=\"500\"\n            pInputText\n            [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            [formControl]=\"formControl\"\n        />\n        @if (field.rightAddon) {\n            @if (field.rightAddon.callback) {\n                <span class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority!\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.rightAddon)\"\n                        (clicked)=\"field.rightAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.rightAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.rightAddon.label) {\n                        <span>\n                            {{ field.rightAddon.label }}\n                        </span>\n                    } @else {\n                        <span [ngClass]=\"field.rightAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n    </div>\n}\n", styles: ["s-number-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-number-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.addon-button{border:1px solid #c1c1cc}.addon-button s-button button,.addon-button s-button .s-button-with-text{height:100%;min-width:40px!important}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"], dependencies: [{ kind: "directive", type: i2$5.BignumberInputDirective, selector: "input[sBignumberInput]", inputs: ["precision", "scale", "decimalSeparator", "thousandsSeparator", "alignTo", "allowNegative", "placeholder"], outputs: ["pasteRejected"] }, { kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5$1.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BignumberFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BignumberFieldComponent, decorators: [{
             type: Component,
             args: [{ encapsulation: ViewEncapsulation.None, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef!.nativeElement\"\n    />\n}\n@if (field.mask) {\n    <p-inputMask\n        #inputRef\n        type=\"text\"\n        [inputId]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [mask]=\"getFieldPropertyMask(field.mask)\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onComplete)=\"onComplete.next($event)\"\n        (onInput)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [autoClear]=\"field.autoClear\"\n    >\n    </p-inputMask>\n} @else {\n    <div class=\"ui-inputgroup\">\n        @if (field.leftAddon) {\n            @if (field.leftAddon.callback) {\n                <span class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.leftAddon)\"\n                        (clicked)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.leftAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.leftAddon.label) {\n                        <span>\n                            {{ field.leftAddon.label }}\n                        </span>\n                    }\n                    @if (!field.leftAddon.label) {\n                        <span [ngClass]=\"field.leftAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n        <input\n            #inputRef\n            [id]=\"field.id || field.name\"\n            type=\"text\"\n            [name]=\"field.name\"\n            sBignumberInput\n            [allowNegative]=\"field.allowNegative\"\n            [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n            [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n            [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n            [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n            [alignTo]=\"field.alignTo\"\n            [sTooltip]=\"field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"field.placeholder\"\n            [showDelay]=\"500\"\n            pInputText\n            [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            [formControl]=\"formControl\"\n        />\n        @if (field.rightAddon) {\n            @if (field.rightAddon.callback) {\n                <span class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority!\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.rightAddon)\"\n                        (clicked)=\"field.rightAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.rightAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.rightAddon.label) {\n                        <span>\n                            {{ field.rightAddon.label }}\n                        </span>\n                    } @else {\n                        <span [ngClass]=\"field.rightAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n    </div>\n}\n", styles: ["s-number-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-number-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.addon-button{border:1px solid #c1c1cc}.addon-button s-button button,.addon-button s-button .s-button-with-text{height:100%;min-width:40px!important}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.LocaleService }, { type: i0.ChangeDetectorRef }], propDecorators: { field: [{
@@ -2630,12 +2641,12 @@ class BooleanFieldComponent {
     onClear() {
         this.formControl.reset();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BooleanFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BooleanFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<ng-template\n    #radioButtonRender\n    let-value=\"value\"\n    let-label=\"label\"\n    let-inputIdAppend=\"inputIdAppend\"\n>\n    @let inputId = (field.id || field.name) + inputIdAppend;\n    <div class=\"input-label-container\">\n        <p-radiobutton\n            [name]=\"field.name\"\n            [value]=\"value\"\n            [formControl]=\"formControl\"\n            [inputId]=\"inputId\"\n            (clicked)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        >\n        </p-radiobutton>\n        <label\n            [for]=\"inputId\"\n            class=\"input-label\"\n        >\n            {{ label }}\n        </label>\n    </div>\n</ng-template>\n\n<s-field-label [field]=\"field\"></s-field-label>\n\n@if (field.verticalAlignment) {\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: true, label: field.optionsLabel.true, inputIdAppend: '-1' }\n                \"\n            />\n        </div>\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: false, label: field.optionsLabel.false, inputIdAppend: '-2' }\n                \"\n            />\n        </div>\n        @if (!field.showClear && !!field.required && !field.required()) {\n            <div class=\"ui-g-12\">\n                <ng-template\n                    *ngTemplateOutlet=\"\n                        radioButtonRender;\n                        context: { value: null, label: field.optionsLabel.empty, inputIdAppend: '-3' }\n                    \"\n                />\n            </div>\n        }\n        <div>\n            @if (field.showClear && !field.required?.() && !formControl.disabled) {\n                <s-button\n                    [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                    (clicked)=\"onClear()\"\n                    priority=\"link\"\n                >\n                </s-button>\n            }\n        </div>\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: true, label: field.optionsLabel.true, inputIdAppend: '-1' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: false, label: field.optionsLabel.false, inputIdAppend: '-2' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: null, label: field.optionsLabel.empty, inputIdAppend: '-3' }\n            \"\n        />\n\n        @if (field.showClear && !field.required?.() && !formControl.disabled) {\n            <s-button\n                style=\"margin-left: 40px\"\n                [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n}\n", styles: [".horizontal-radio-buttons-container{gap:20px 40px}.horizontal-radio-buttons-container .radio-button-item{margin:0}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i4$1.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "formControlName", "name", "disabled", "variant", "size", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "autofocus", "binary"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BooleanFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<ng-template\n    #radioButtonRender\n    let-value=\"value\"\n    let-label=\"label\"\n    let-inputIdAppend=\"inputIdAppend\"\n>\n    @let inputId = (field.id || field.name) + inputIdAppend;\n    <s-radiobutton\n        [name]=\"field.name\"\n        [value]=\"value\"\n        [formControl]=\"formControl\"\n        [inputId]=\"inputId\"\n        [label]=\"label\"\n        (focusedInput)=\"field.onFocus ? field.onFocus($event) : null\"\n        (inputFocusLost)=\"field.onBlur ? field.onBlur($event) : null\"\n    />\n</ng-template>\n\n<s-field-label [field]=\"field\"></s-field-label>\n\n@if (field.verticalAlignment) {\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: true, label: field.optionsLabel.true, inputIdAppend: '-1' }\n                \"\n            />\n        </div>\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: false, label: field.optionsLabel.false, inputIdAppend: '-2' }\n                \"\n            />\n        </div>\n        @if (!field.showClear && !!field.required && !field.required()) {\n            <div class=\"ui-g-12\">\n                <ng-template\n                    *ngTemplateOutlet=\"\n                        radioButtonRender;\n                        context: { value: null, label: field.optionsLabel.empty, inputIdAppend: '-3' }\n                    \"\n                />\n            </div>\n        }\n        <div>\n            @if (field.showClear && !field.required?.() && !formControl.disabled) {\n                <s-button\n                    [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                    (clicked)=\"onClear()\"\n                    priority=\"link\"\n                >\n                </s-button>\n            }\n        </div>\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: true, label: field.optionsLabel.true, inputIdAppend: '-1' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: false, label: field.optionsLabel.false, inputIdAppend: '-2' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: null, label: field.optionsLabel.empty, inputIdAppend: '-3' }\n            \"\n        />\n\n        @if (field.showClear && !field.required?.() && !formControl.disabled) {\n            <s-button\n                style=\"margin-left: 40px\"\n                [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n}\n", styles: [".horizontal-radio-buttons-container{gap:20px 40px;.radio-button-item{margin:0}}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$1.RadioButtonComponent, selector: "s-radiobutton", inputs: ["buttonDisabled", "label", "name", "value", "inputId"], outputs: ["buttonDisabledChange", "valueChange", "focusedInput", "inputFocusLost"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BooleanFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanFieldComponent, decorators: [{
             type: Component,
-            args: [{ template: "<ng-template\n    #radioButtonRender\n    let-value=\"value\"\n    let-label=\"label\"\n    let-inputIdAppend=\"inputIdAppend\"\n>\n    @let inputId = (field.id || field.name) + inputIdAppend;\n    <div class=\"input-label-container\">\n        <p-radiobutton\n            [name]=\"field.name\"\n            [value]=\"value\"\n            [formControl]=\"formControl\"\n            [inputId]=\"inputId\"\n            (clicked)=\"field.onClick ? field.onClick($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        >\n        </p-radiobutton>\n        <label\n            [for]=\"inputId\"\n            class=\"input-label\"\n        >\n            {{ label }}\n        </label>\n    </div>\n</ng-template>\n\n<s-field-label [field]=\"field\"></s-field-label>\n\n@if (field.verticalAlignment) {\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: true, label: field.optionsLabel.true, inputIdAppend: '-1' }\n                \"\n            />\n        </div>\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: false, label: field.optionsLabel.false, inputIdAppend: '-2' }\n                \"\n            />\n        </div>\n        @if (!field.showClear && !!field.required && !field.required()) {\n            <div class=\"ui-g-12\">\n                <ng-template\n                    *ngTemplateOutlet=\"\n                        radioButtonRender;\n                        context: { value: null, label: field.optionsLabel.empty, inputIdAppend: '-3' }\n                    \"\n                />\n            </div>\n        }\n        <div>\n            @if (field.showClear && !field.required?.() && !formControl.disabled) {\n                <s-button\n                    [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                    (clicked)=\"onClear()\"\n                    priority=\"link\"\n                >\n                </s-button>\n            }\n        </div>\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: true, label: field.optionsLabel.true, inputIdAppend: '-1' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: false, label: field.optionsLabel.false, inputIdAppend: '-2' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: null, label: field.optionsLabel.empty, inputIdAppend: '-3' }\n            \"\n        />\n\n        @if (field.showClear && !field.required?.() && !formControl.disabled) {\n            <s-button\n                style=\"margin-left: 40px\"\n                [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n}\n", styles: [".horizontal-radio-buttons-container{gap:20px 40px}.horizontal-radio-buttons-container .radio-button-item{margin:0}\n"] }]
+            args: [{ template: "<ng-template\n    #radioButtonRender\n    let-value=\"value\"\n    let-label=\"label\"\n    let-inputIdAppend=\"inputIdAppend\"\n>\n    @let inputId = (field.id || field.name) + inputIdAppend;\n    <s-radiobutton\n        [name]=\"field.name\"\n        [value]=\"value\"\n        [formControl]=\"formControl\"\n        [inputId]=\"inputId\"\n        [label]=\"label\"\n        (focusedInput)=\"field.onFocus ? field.onFocus($event) : null\"\n        (inputFocusLost)=\"field.onBlur ? field.onBlur($event) : null\"\n    />\n</ng-template>\n\n<s-field-label [field]=\"field\"></s-field-label>\n\n@if (field.verticalAlignment) {\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: true, label: field.optionsLabel.true, inputIdAppend: '-1' }\n                \"\n            />\n        </div>\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: false, label: field.optionsLabel.false, inputIdAppend: '-2' }\n                \"\n            />\n        </div>\n        @if (!field.showClear && !!field.required && !field.required()) {\n            <div class=\"ui-g-12\">\n                <ng-template\n                    *ngTemplateOutlet=\"\n                        radioButtonRender;\n                        context: { value: null, label: field.optionsLabel.empty, inputIdAppend: '-3' }\n                    \"\n                />\n            </div>\n        }\n        <div>\n            @if (field.showClear && !field.required?.() && !formControl.disabled) {\n                <s-button\n                    [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                    (clicked)=\"onClear()\"\n                    priority=\"link\"\n                >\n                </s-button>\n            }\n        </div>\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: true, label: field.optionsLabel.true, inputIdAppend: '-1' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: false, label: field.optionsLabel.false, inputIdAppend: '-2' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: null, label: field.optionsLabel.empty, inputIdAppend: '-3' }\n            \"\n        />\n\n        @if (field.showClear && !field.required?.() && !formControl.disabled) {\n            <s-button\n                style=\"margin-left: 40px\"\n                [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n}\n", styles: [".horizontal-radio-buttons-container{gap:20px 40px;.radio-button-item{margin:0}}\n"] }]
         }], propDecorators: { field: [{
                 type: Input,
                 args: [{ required: true }]
@@ -2652,10 +2663,10 @@ var booleanField_component = /*#__PURE__*/Object.freeze({
 class BooleanSwitchFieldComponent {
     field;
     formControl;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BooleanSwitchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BooleanSwitchFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div class=\"ui-grid ui-grid-responsive ui-grid-pad p-fluid\">\n    <div class=\"ui-grid-row\">\n        <div class=\"i-grid-col-1\">\n            <s-switch\n                [id]=\"field.id || field.name\"\n                [inputName]=\"field.name\"\n                [formControl]=\"formControl\"\n                [sTooltip]=\"field.tooltip\"\n                tooltipPosition=\"top\"\n                (valueChanged)=\"field.onChange ? field.onChange($event) : null\"\n            >\n            </s-switch>\n        </div>\n        @if (field.optionsLabel) {\n            <div class=\"i-grid-col-1\">\n                @if (formControl.value) {\n                    <span>{{ field.optionsLabel.true }}</span>\n                } @else {\n                    <span>{{ field.optionsLabel.false }}</span>\n                }\n            </div>\n        }\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }, { kind: "component", type: i3$2.SwitchComponent, selector: "s-switch", inputs: ["readonly", "trueLabel", "falseLabel", "inputId", "inputName", "disabled", "value"], outputs: ["valueChanged"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanSwitchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BooleanSwitchFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div class=\"ui-grid ui-grid-responsive ui-grid-pad p-fluid\">\n    <div class=\"ui-grid-row\">\n        <div class=\"i-grid-col-1\">\n            <s-switch\n                [id]=\"field.id || field.name\"\n                [inputName]=\"field.name\"\n                [formControl]=\"formControl\"\n                [sTooltip]=\"field.tooltip\"\n                tooltipPosition=\"top\"\n                (valueChanged)=\"field.onChange ? field.onChange($event) : null\"\n            >\n            </s-switch>\n        </div>\n        @if (field.optionsLabel) {\n            <div class=\"i-grid-col-1\">\n                @if (formControl.value) {\n                    <span>{{ field.optionsLabel.true }}</span>\n                } @else {\n                    <span>{{ field.optionsLabel.false }}</span>\n                }\n            </div>\n        }\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: i3$2.SwitchComponent, selector: "s-switch", inputs: ["readonly", "trueLabel", "falseLabel", "inputId", "inputName", "disabled", "value"], outputs: ["valueChanged"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BooleanSwitchFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanSwitchFieldComponent, decorators: [{
             type: Component,
             args: [{ template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div class=\"ui-grid ui-grid-responsive ui-grid-pad p-fluid\">\n    <div class=\"ui-grid-row\">\n        <div class=\"i-grid-col-1\">\n            <s-switch\n                [id]=\"field.id || field.name\"\n                [inputName]=\"field.name\"\n                [formControl]=\"formControl\"\n                [sTooltip]=\"field.tooltip\"\n                tooltipPosition=\"top\"\n                (valueChanged)=\"field.onChange ? field.onChange($event) : null\"\n            >\n            </s-switch>\n        </div>\n        @if (field.optionsLabel) {\n            <div class=\"i-grid-col-1\">\n                @if (formControl.value) {\n                    <span>{{ field.optionsLabel.true }}</span>\n                } @else {\n                    <span>{{ field.optionsLabel.false }}</span>\n                }\n            </div>\n        }\n    </div>\n</div>\n" }]
         }], propDecorators: { field: [{
@@ -2688,10 +2699,10 @@ class ButtonFieldComponent {
             this.field.mouseLeave(this.field);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonFieldComponent, selector: "s-button-field", inputs: { field: "field" }, ngImport: i0, template: "<section [class.full-width]=\"field.fullWidth\" [class.fit-content]=\"!field.fullWidth\">\n    <s-button\n        #button\n        [label]=\"field.label\"\n        [priority]=\"field.priority\"\n        [iconClass]=\"field.iconClass\"\n        [disabled]=\"field.disabled\"\n        [auxiliary]=\"field.auxiliary\"\n        [caret]=\"field.caret\"\n        [id]=\"field.id\"\n        [tooltip]=\"field.tooltip ? field.tooltip : button.tooltip\"\n        (clicked)=\"clickedButton($event)\"\n        [iconColor]=\"field.iconColor\"\n        [badge]=\"field.badge\"\n        [animation]=\"field.animation\"\n        [slide]=\"field.slide\"\n        [menuOptions]=\"field.menuOptions\"\n        [baseZIndex]=\"field.baseZIndex\"\n        [styleClass]=\"field.styleClass ? field.styleClass : button.styleClass\"\n        [rightIconClass]=\"field.rightIconClass\"\n        [tooltipPosition]=\"field.tooltipPosition ? field.tooltipPosition : button.tooltipPosition\"\n        [type]=\"field.buttonType\"\n        [size]=\"field.buttonSize\"\n        (mouseenter)=\"handleMouseEnter()\"\n        (mouseleave)=\"handleMouseLeave()\">\n    </s-button>\n</section>\n", styles: ["section{height:100%;display:flex;align-items:flex-end}section.full-width{width:100%}section.fit-content{width:fit-content}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonFieldComponent, selector: "s-button-field", inputs: { field: "field" }, ngImport: i0, template: "<section [class.full-width]=\"field.fullWidth\" [class.fit-content]=\"!field.fullWidth\">\n    <s-button\n        #button\n        [label]=\"field.label\"\n        [priority]=\"field.priority\"\n        [iconClass]=\"field.iconClass\"\n        [disabled]=\"field.disabled\"\n        [auxiliary]=\"field.auxiliary\"\n        [caret]=\"field.caret\"\n        [id]=\"field.id\"\n        [tooltip]=\"field.tooltip ? field.tooltip : button.tooltip\"\n        (clicked)=\"clickedButton($event)\"\n        [iconColor]=\"field.iconColor\"\n        [badge]=\"field.badge\"\n        [animation]=\"field.animation\"\n        [slide]=\"field.slide\"\n        [menuOptions]=\"field.menuOptions\"\n        [baseZIndex]=\"field.baseZIndex\"\n        [styleClass]=\"field.styleClass ? field.styleClass : button.styleClass\"\n        [rightIconClass]=\"field.rightIconClass\"\n        [tooltipPosition]=\"field.tooltipPosition ? field.tooltipPosition : button.tooltipPosition\"\n        [type]=\"field.buttonType\"\n        [size]=\"field.buttonSize\"\n        (mouseenter)=\"handleMouseEnter()\"\n        (mouseleave)=\"handleMouseLeave()\">\n    </s-button>\n</section>\n", styles: ["section{height:100%;display:flex;align-items:flex-end}section.full-width{width:100%}section.fit-content{width:fit-content}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 's-button-field', template: "<section [class.full-width]=\"field.fullWidth\" [class.fit-content]=\"!field.fullWidth\">\n    <s-button\n        #button\n        [label]=\"field.label\"\n        [priority]=\"field.priority\"\n        [iconClass]=\"field.iconClass\"\n        [disabled]=\"field.disabled\"\n        [auxiliary]=\"field.auxiliary\"\n        [caret]=\"field.caret\"\n        [id]=\"field.id\"\n        [tooltip]=\"field.tooltip ? field.tooltip : button.tooltip\"\n        (clicked)=\"clickedButton($event)\"\n        [iconColor]=\"field.iconColor\"\n        [badge]=\"field.badge\"\n        [animation]=\"field.animation\"\n        [slide]=\"field.slide\"\n        [menuOptions]=\"field.menuOptions\"\n        [baseZIndex]=\"field.baseZIndex\"\n        [styleClass]=\"field.styleClass ? field.styleClass : button.styleClass\"\n        [rightIconClass]=\"field.rightIconClass\"\n        [tooltipPosition]=\"field.tooltipPosition ? field.tooltipPosition : button.tooltipPosition\"\n        [type]=\"field.buttonType\"\n        [size]=\"field.buttonSize\"\n        (mouseenter)=\"handleMouseEnter()\"\n        (mouseleave)=\"handleMouseLeave()\">\n    </s-button>\n</section>\n", styles: ["section{height:100%;display:flex;align-items:flex-end}section.full-width{width:100%}section.fit-content{width:fit-content}\n"] }]
         }], propDecorators: { field: [{
@@ -2792,10 +2803,10 @@ class CalendarFieldComponent {
     setInputRef() {
         this.inputRef = this.calendar?.inputfieldViewChild?.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CalendarFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl", showTime: "showTime", timeOnly: "timeOnly" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    >\n    </s-field-label>\n}\n\n<div [sTooltip]=\"field.tooltip\">\n    <!-- Remover as propriedades [showTransitionOptions] e [hideTransitionOptions] quando atualizar para o PrimeNG v10, esses atributos foram\n    usados para remover um bug ocasionado pela anima\u00E7\u00E3o do componente p-datepicker, bug explicado nas issues: #ERPROM-5534, #ERPROM-8248 e #DSN-1045. -->\n\n    <!-- A diretiva sCalendarMask n\u00E3o est\u00E1 suportando sele\u00E7\u00E3o m\u00FAltipla. A forma como ela foi escrita n\u00E3o permite identificar a quantidade de datas\n    que est\u00E3o sendo selecionadas. Removi o uso dela quando est\u00E1 com selectionMode=multiple. Analisar a remove\u00E7\u00E3o completa desta diretiva. -->\n    @if(field.selectionMode !== 'multiple') {\n        <p-datepicker\n            #calendar\n            sCalendarMask\n            [inputId]=\"field.id || field.name\"\n            [name]=\"field.name\"\n            [showIcon]=\"true\"\n            [timeOnly]=\"timeOnly\"\n            [selectionMode]=\"field.selectionMode\"\n            [rangeSeparator]=\"field.rangeSeparator ? field.rangeSeparator : calendar.rangeSeparator\"\n            [showTime]=\"showTime\"\n            [showSeconds]=\"field.showSeconds\"\n            [showOnFocus]=\"field.showOnFocus\"\n            [formControl]=\"formControl\"\n            [icon]=\"timeOnly ? 'fa fa-clock' : 'fa fa-calendar'\"\n            [minDate]=\"field.minDate\"\n            [maxDate]=\"field.maxDate\"\n            [defaultDate]=\"field.defaultDate ? field.defaultDate : calendar.defaultDate\"\n            [dateFormat]=\"field.calendarLocaleOptions?.dateFormat || 'platform.angular_components.date_format' | translate\"\n            [hourFormat]=\"field.calendarLocaleOptions?.hourFormat || 'platform.angular_components.hour_format' | translate\"\n            [view]=\"field.view ? field.view : calendar.view\"\n            [placeholder]=\"field.placeholder\"\n            inputStyleClass=\"mousetrap\"\n            [appendTo]=\"field.appendTo\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n            (onClose)=\"field.onClose ? field.onClose($event) : null\"\n            (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n            (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n            (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n            (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n            [showTransitionOptions]=\"'0ms'\"\n            [hideTransitionOptions]=\"'0ms'\"\n        >\n        </p-datepicker>\n    }@else {\n        <!-- A \u00FAnica diferen\u00E7a deste bloco \u00E9 a remo\u00E7\u00E3o da diretiva sCalendarMask. -->\n        <p-datepicker\n            #calendar\n            [inputId]=\"field.id || field.name\"\n            [name]=\"field.name\"\n            [showIcon]=\"true\"\n            [timeOnly]=\"timeOnly\"\n            [selectionMode]=\"field.selectionMode\"\n            [rangeSeparator]=\"field.rangeSeparator ? field.rangeSeparator : calendar.rangeSeparator\"\n            [showTime]=\"showTime\"\n            [showSeconds]=\"field.showSeconds\"\n            [showOnFocus]=\"field.showOnFocus\"\n            [formControl]=\"formControl\"\n            [icon]=\"timeOnly ? 'fa fa-clock' : 'fa fa-calendar'\"\n            [minDate]=\"field.minDate\"\n            [maxDate]=\"field.maxDate\"\n            [defaultDate]=\"field.defaultDate ? field.defaultDate : calendar.defaultDate\"\n            [dateFormat]=\"\n                field.calendarLocaleOptions?.dateFormat || 'platform.angular_components.date_format' | translate\n            \"\n            [hourFormat]=\"\n                field.calendarLocaleOptions?.hourFormat || 'platform.angular_components.hour_format' | translate\n            \"\n            [view]=\"field.view ? field.view : calendar.view\"\n            [placeholder]=\"field.placeholder\"\n            inputStyleClass=\"mousetrap\"\n            [appendTo]=\"field.appendTo\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n            (onClose)=\"field.onClose ? field.onClose($event) : null\"\n            (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n            (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n            (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n            (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n            [showTransitionOptions]=\"'0ms'\"\n            [hideTransitionOptions]=\"'0ms'\"\n        >\n        </p-datepicker>\n    }\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }, { kind: "component", type: i3$3.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CalendarFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CalendarFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl", showTime: "showTime", timeOnly: "timeOnly" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    >\n    </s-field-label>\n}\n\n<div [sTooltip]=\"field.tooltip\">\n    <!-- Remover as propriedades [showTransitionOptions] e [hideTransitionOptions] quando atualizar para o PrimeNG v10, esses atributos foram\n    usados para remover um bug ocasionado pela anima\u00E7\u00E3o do componente p-datepicker, bug explicado nas issues: #ERPROM-5534, #ERPROM-8248 e #DSN-1045. -->\n\n    <!-- A diretiva sCalendarMask n\u00E3o est\u00E1 suportando sele\u00E7\u00E3o m\u00FAltipla. A forma como ela foi escrita n\u00E3o permite identificar a quantidade de datas\n    que est\u00E3o sendo selecionadas. Removi o uso dela quando est\u00E1 com selectionMode=multiple. Analisar a remove\u00E7\u00E3o completa desta diretiva. -->\n    @if(field.selectionMode !== 'multiple') {\n        <p-datepicker\n            #calendar\n            sCalendarMask\n            [inputId]=\"field.id || field.name\"\n            [name]=\"field.name\"\n            [showIcon]=\"true\"\n            [timeOnly]=\"timeOnly\"\n            [selectionMode]=\"field.selectionMode\"\n            [rangeSeparator]=\"field.rangeSeparator ? field.rangeSeparator : calendar.rangeSeparator\"\n            [showTime]=\"showTime\"\n            [showSeconds]=\"field.showSeconds\"\n            [showOnFocus]=\"field.showOnFocus\"\n            [formControl]=\"formControl\"\n            [icon]=\"timeOnly ? 'fa fa-clock' : 'fa fa-calendar'\"\n            [minDate]=\"field.minDate\"\n            [maxDate]=\"field.maxDate\"\n            [defaultDate]=\"field.defaultDate ? field.defaultDate : calendar.defaultDate\"\n            [dateFormat]=\"field.calendarLocaleOptions?.dateFormat || 'platform.angular_components.date_format' | translate\"\n            [hourFormat]=\"field.calendarLocaleOptions?.hourFormat || 'platform.angular_components.hour_format' | translate\"\n            [view]=\"field.view ? field.view : calendar.view\"\n            [placeholder]=\"field.placeholder\"\n            inputStyleClass=\"mousetrap\"\n            [appendTo]=\"field.appendTo\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n            (onClose)=\"field.onClose ? field.onClose($event) : null\"\n            (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n            (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n            (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n            (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n            [showTransitionOptions]=\"'0ms'\"\n            [hideTransitionOptions]=\"'0ms'\"\n        >\n        </p-datepicker>\n    }@else {\n        <!-- A \u00FAnica diferen\u00E7a deste bloco \u00E9 a remo\u00E7\u00E3o da diretiva sCalendarMask. -->\n        <p-datepicker\n            #calendar\n            [inputId]=\"field.id || field.name\"\n            [name]=\"field.name\"\n            [showIcon]=\"true\"\n            [timeOnly]=\"timeOnly\"\n            [selectionMode]=\"field.selectionMode\"\n            [rangeSeparator]=\"field.rangeSeparator ? field.rangeSeparator : calendar.rangeSeparator\"\n            [showTime]=\"showTime\"\n            [showSeconds]=\"field.showSeconds\"\n            [showOnFocus]=\"field.showOnFocus\"\n            [formControl]=\"formControl\"\n            [icon]=\"timeOnly ? 'fa fa-clock' : 'fa fa-calendar'\"\n            [minDate]=\"field.minDate\"\n            [maxDate]=\"field.maxDate\"\n            [defaultDate]=\"field.defaultDate ? field.defaultDate : calendar.defaultDate\"\n            [dateFormat]=\"\n                field.calendarLocaleOptions?.dateFormat || 'platform.angular_components.date_format' | translate\n            \"\n            [hourFormat]=\"\n                field.calendarLocaleOptions?.hourFormat || 'platform.angular_components.hour_format' | translate\n            \"\n            [view]=\"field.view ? field.view : calendar.view\"\n            [placeholder]=\"field.placeholder\"\n            inputStyleClass=\"mousetrap\"\n            [appendTo]=\"field.appendTo\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n            (onClose)=\"field.onClose ? field.onClose($event) : null\"\n            (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n            (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n            (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n            (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n            [showTransitionOptions]=\"'0ms'\"\n            [hideTransitionOptions]=\"'0ms'\"\n        >\n        </p-datepicker>\n    }\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: i3$3.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CalendarFieldComponent, decorators: [{
             type: Component,
             args: [{ template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    >\n    </s-field-label>\n}\n\n<div [sTooltip]=\"field.tooltip\">\n    <!-- Remover as propriedades [showTransitionOptions] e [hideTransitionOptions] quando atualizar para o PrimeNG v10, esses atributos foram\n    usados para remover um bug ocasionado pela anima\u00E7\u00E3o do componente p-datepicker, bug explicado nas issues: #ERPROM-5534, #ERPROM-8248 e #DSN-1045. -->\n\n    <!-- A diretiva sCalendarMask n\u00E3o est\u00E1 suportando sele\u00E7\u00E3o m\u00FAltipla. A forma como ela foi escrita n\u00E3o permite identificar a quantidade de datas\n    que est\u00E3o sendo selecionadas. Removi o uso dela quando est\u00E1 com selectionMode=multiple. Analisar a remove\u00E7\u00E3o completa desta diretiva. -->\n    @if(field.selectionMode !== 'multiple') {\n        <p-datepicker\n            #calendar\n            sCalendarMask\n            [inputId]=\"field.id || field.name\"\n            [name]=\"field.name\"\n            [showIcon]=\"true\"\n            [timeOnly]=\"timeOnly\"\n            [selectionMode]=\"field.selectionMode\"\n            [rangeSeparator]=\"field.rangeSeparator ? field.rangeSeparator : calendar.rangeSeparator\"\n            [showTime]=\"showTime\"\n            [showSeconds]=\"field.showSeconds\"\n            [showOnFocus]=\"field.showOnFocus\"\n            [formControl]=\"formControl\"\n            [icon]=\"timeOnly ? 'fa fa-clock' : 'fa fa-calendar'\"\n            [minDate]=\"field.minDate\"\n            [maxDate]=\"field.maxDate\"\n            [defaultDate]=\"field.defaultDate ? field.defaultDate : calendar.defaultDate\"\n            [dateFormat]=\"field.calendarLocaleOptions?.dateFormat || 'platform.angular_components.date_format' | translate\"\n            [hourFormat]=\"field.calendarLocaleOptions?.hourFormat || 'platform.angular_components.hour_format' | translate\"\n            [view]=\"field.view ? field.view : calendar.view\"\n            [placeholder]=\"field.placeholder\"\n            inputStyleClass=\"mousetrap\"\n            [appendTo]=\"field.appendTo\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n            (onClose)=\"field.onClose ? field.onClose($event) : null\"\n            (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n            (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n            (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n            (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n            [showTransitionOptions]=\"'0ms'\"\n            [hideTransitionOptions]=\"'0ms'\"\n        >\n        </p-datepicker>\n    }@else {\n        <!-- A \u00FAnica diferen\u00E7a deste bloco \u00E9 a remo\u00E7\u00E3o da diretiva sCalendarMask. -->\n        <p-datepicker\n            #calendar\n            [inputId]=\"field.id || field.name\"\n            [name]=\"field.name\"\n            [showIcon]=\"true\"\n            [timeOnly]=\"timeOnly\"\n            [selectionMode]=\"field.selectionMode\"\n            [rangeSeparator]=\"field.rangeSeparator ? field.rangeSeparator : calendar.rangeSeparator\"\n            [showTime]=\"showTime\"\n            [showSeconds]=\"field.showSeconds\"\n            [showOnFocus]=\"field.showOnFocus\"\n            [formControl]=\"formControl\"\n            [icon]=\"timeOnly ? 'fa fa-clock' : 'fa fa-calendar'\"\n            [minDate]=\"field.minDate\"\n            [maxDate]=\"field.maxDate\"\n            [defaultDate]=\"field.defaultDate ? field.defaultDate : calendar.defaultDate\"\n            [dateFormat]=\"\n                field.calendarLocaleOptions?.dateFormat || 'platform.angular_components.date_format' | translate\n            \"\n            [hourFormat]=\"\n                field.calendarLocaleOptions?.hourFormat || 'platform.angular_components.hour_format' | translate\n            \"\n            [view]=\"field.view ? field.view : calendar.view\"\n            [placeholder]=\"field.placeholder\"\n            inputStyleClass=\"mousetrap\"\n            [appendTo]=\"field.appendTo\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n            (onClose)=\"field.onClose ? field.onClose($event) : null\"\n            (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n            (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n            (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n            (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n            [showTransitionOptions]=\"'0ms'\"\n            [hideTransitionOptions]=\"'0ms'\"\n        >\n        </p-datepicker>\n    }\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { field: [{
@@ -2821,10 +2832,10 @@ var calendarField_component = /*#__PURE__*/Object.freeze({
 class CheckboxFieldComponent {
     field;
     formControl;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CheckboxFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<s-checkbox-list\n    [data]=\"field.data\"\n    [formControl]=\"formControl\"\n>\n</s-checkbox-list>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$7.CheckboxListComponent, selector: "s-checkbox-list", inputs: ["data"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CheckboxFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<s-checkbox-list\n    [data]=\"field.data\"\n    [formControl]=\"formControl\"\n>\n</s-checkbox-list>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$6.CheckboxListComponent, selector: "s-checkbox-list", inputs: ["data"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxFieldComponent, decorators: [{
             type: Component,
             args: [{ template: "<s-checkbox-list\n    [data]=\"field.data\"\n    [formControl]=\"formControl\"\n>\n</s-checkbox-list>\n" }]
         }], propDecorators: { field: [{
@@ -2876,13 +2887,13 @@ class ChipsFieldComponent {
     setInputRef() {
         this.inputRef = this.elementRef.nativeElement.querySelector('input');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChipsFieldComponent, deps: [{ token: i1$4.Clipboard }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ChipsFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<div class=\"chips-field-wrapper\">\n    <div style=\"width: 100%\">\n        @if (field.keyFilter) {\n            <s-chips\n                [inputId]=\"field.id || field.name\"\n                [formControl]=\"formControl\"\n                [placeholder]=\"field.placeholder\"\n                [allowDuplicated]=\"false\"\n                [addOnTab]=\"true\"\n                [addOnBlur]=\"true\"\n                (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n                (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n                (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n                [keyFilter]=\"field.keyFilter\"\n            >\n                <ng-template\n                    let-item\n                    pTemplate=\"item\"\n                >\n                    <span\n                        class=\"chip-content\"\n                        [sTooltip]=\"item\"\n                    >\n                        {{ item }}\n                    </span>\n                </ng-template>\n            </s-chips>\n        } @else {\n            <s-chips\n                [inputId]=\"field.id || field.name\"\n                [formControl]=\"formControl\"\n                [placeholder]=\"field.placeholder\"\n                [allowDuplicated]=\"false\"\n                [addOnTab]=\"true\"\n                [addOnBlur]=\"true\"\n                (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n                (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n                (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            >\n                <ng-template\n                    let-item\n                    pTemplate=\"item\"\n                >\n                    <span\n                        class=\"chip-content\"\n                        [sTooltip]=\"item\"\n                    >\n                        {{ item }}\n                    </span>\n                </ng-template>\n            </s-chips>\n        }\n\n    </div>\n\n    @if(field.showCopyButton && formControl.value?.length > 0 && copyButtonVisible) {\n        <button\n            class=\"copy-content-button\"\n            (click)=\"onCopyFieldContent()\"\n        >\n            {{ 'platform.angular_components.copy_field_content' | translate }}\n        </button>\n    }\n\n    @if(feedbackMessageVisible) {\n        <span\n            class=\"feedback-message\"\n        >\n            {{ 'platform.angular_components.copied_to_clipboard' | translate }}\n        </span>\n    }\n</div>\n", styles: [".chips-field-wrapper{align-items:flex-start;display:flex;flex-direction:column}.chips-field-wrapper .chip-content{display:block;overflow:hidden;padding-right:1rem;text-overflow:ellipsis}.chips-field-wrapper .copy-content-button{background-color:transparent;border:none;color:#2a6496;cursor:pointer;margin-top:8px}.chips-field-wrapper .feedback-message{color:#0c9348;display:block;margin-top:8px;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$4.ChipsComponent, selector: "s-chips", inputs: ["disabled", "field", "value", "placeholder", "max", "maxLength", "inputId", "allowDuplicated", "caseSensitiveDuplication", "addOnTab", "addOnBlur", "separator", "autofocus", "infoLabel", "keyFilter", "showTooltip", "maxLengthRenderWithoutTooltip"], outputs: ["added", "removed", "focused", "focusLost", "chipClicked", "valueChange"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipsFieldComponent, deps: [{ token: i1$5.Clipboard }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChipsFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<div class=\"chips-field-wrapper\">\n    <div style=\"width: 100%\">\n        @if (field.keyFilter) {\n            <s-chips\n                [inputId]=\"field.id || field.name\"\n                [formControl]=\"formControl\"\n                [placeholder]=\"field.placeholder\"\n                [allowDuplicated]=\"false\"\n                [addOnTab]=\"true\"\n                [addOnBlur]=\"true\"\n                (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n                (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n                (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n                [keyFilter]=\"field.keyFilter\"\n            >\n                <ng-template\n                    let-item\n                    pTemplate=\"item\"\n                >\n                    <span\n                        class=\"chip-content\"\n                        [sTooltip]=\"item\"\n                    >\n                        {{ item }}\n                    </span>\n                </ng-template>\n            </s-chips>\n        } @else {\n            <s-chips\n                [inputId]=\"field.id || field.name\"\n                [formControl]=\"formControl\"\n                [placeholder]=\"field.placeholder\"\n                [allowDuplicated]=\"false\"\n                [addOnTab]=\"true\"\n                [addOnBlur]=\"true\"\n                (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n                (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n                (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            >\n                <ng-template\n                    let-item\n                    pTemplate=\"item\"\n                >\n                    <span\n                        class=\"chip-content\"\n                        [sTooltip]=\"item\"\n                    >\n                        {{ item }}\n                    </span>\n                </ng-template>\n            </s-chips>\n        }\n\n    </div>\n\n    @if(field.showCopyButton && formControl.value?.length > 0 && copyButtonVisible) {\n        <button\n            class=\"copy-content-button\"\n            (click)=\"onCopyFieldContent()\"\n        >\n            {{ 'platform.angular_components.copy_field_content' | translate }}\n        </button>\n    }\n\n    @if(feedbackMessageVisible) {\n        <span\n            class=\"feedback-message\"\n        >\n            {{ 'platform.angular_components.copied_to_clipboard' | translate }}\n        </span>\n    }\n</div>\n", styles: [".chips-field-wrapper{align-items:flex-start;display:flex;flex-direction:column}.chips-field-wrapper .chip-content{display:block;overflow:hidden;padding-right:1rem;text-overflow:ellipsis}.chips-field-wrapper .copy-content-button{background-color:transparent;border:none;color:#2a6496;cursor:pointer;margin-top:8px}.chips-field-wrapper .feedback-message{color:#0c9348;display:block;margin-top:8px;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$4.ChipsComponent, selector: "s-chips", inputs: ["disabled", "field", "value", "placeholder", "max", "maxLength", "inputId", "allowDuplicated", "caseSensitiveDuplication", "addOnTab", "addOnBlur", "separator", "autofocus", "infoLabel", "keyFilter", "showTooltip", "maxLengthRenderWithoutTooltip"], outputs: ["added", "removed", "focused", "focusLost", "chipClicked", "valueChange"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChipsFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipsFieldComponent, decorators: [{
             type: Component,
             args: [{ template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<div class=\"chips-field-wrapper\">\n    <div style=\"width: 100%\">\n        @if (field.keyFilter) {\n            <s-chips\n                [inputId]=\"field.id || field.name\"\n                [formControl]=\"formControl\"\n                [placeholder]=\"field.placeholder\"\n                [allowDuplicated]=\"false\"\n                [addOnTab]=\"true\"\n                [addOnBlur]=\"true\"\n                (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n                (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n                (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n                [keyFilter]=\"field.keyFilter\"\n            >\n                <ng-template\n                    let-item\n                    pTemplate=\"item\"\n                >\n                    <span\n                        class=\"chip-content\"\n                        [sTooltip]=\"item\"\n                    >\n                        {{ item }}\n                    </span>\n                </ng-template>\n            </s-chips>\n        } @else {\n            <s-chips\n                [inputId]=\"field.id || field.name\"\n                [formControl]=\"formControl\"\n                [placeholder]=\"field.placeholder\"\n                [allowDuplicated]=\"false\"\n                [addOnTab]=\"true\"\n                [addOnBlur]=\"true\"\n                (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n                (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n                (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            >\n                <ng-template\n                    let-item\n                    pTemplate=\"item\"\n                >\n                    <span\n                        class=\"chip-content\"\n                        [sTooltip]=\"item\"\n                    >\n                        {{ item }}\n                    </span>\n                </ng-template>\n            </s-chips>\n        }\n\n    </div>\n\n    @if(field.showCopyButton && formControl.value?.length > 0 && copyButtonVisible) {\n        <button\n            class=\"copy-content-button\"\n            (click)=\"onCopyFieldContent()\"\n        >\n            {{ 'platform.angular_components.copy_field_content' | translate }}\n        </button>\n    }\n\n    @if(feedbackMessageVisible) {\n        <span\n            class=\"feedback-message\"\n        >\n            {{ 'platform.angular_components.copied_to_clipboard' | translate }}\n        </span>\n    }\n</div>\n", styles: [".chips-field-wrapper{align-items:flex-start;display:flex;flex-direction:column}.chips-field-wrapper .chip-content{display:block;overflow:hidden;padding-right:1rem;text-overflow:ellipsis}.chips-field-wrapper .copy-content-button{background-color:transparent;border:none;color:#2a6496;cursor:pointer;margin-top:8px}.chips-field-wrapper .feedback-message{color:#0c9348;display:block;margin-top:8px;-webkit-user-select:none;user-select:none}\n"] }]
-        }], ctorParameters: () => [{ type: i1$4.Clipboard }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { field: [{
+        }], ctorParameters: () => [{ type: i1$5.Clipboard }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { field: [{
                 type: Input,
                 args: [{ required: true }]
             }], formControl: [{
@@ -2905,10 +2916,10 @@ class CountryPhonePickerFieldComponent {
     ngAfterViewInit() {
         this.changeDetectorRef.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CountryPhonePickerFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CountryPhonePickerFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "@if (countryPhonePicker.phoneInput?.nativeElement) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"countryPhonePicker.phoneInput?.nativeElement\"\n    ></s-field-label>\n}\n\n<s-country-phone-picker\n    #countryPhonePicker\n    [formControl]=\"formControl\"\n    [ordination]=\"field.ordination\"\n    [countries]=\"field.countries\"\n    (selected)=\"field.onSelected($event)\"\n    (focusLost)=\"field.onFocusLost ? field.onFocusLost($event): null\"\n>\n</s-country-phone-picker>\n", dependencies: [{ kind: "component", type: i1$5.CountryPhonePickerComponent, selector: "s-country-phone-picker", inputs: ["countries", "ordination"], outputs: ["selected", "focusLost"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CountryPhonePickerFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CountryPhonePickerFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "@if (countryPhonePicker.phoneInput?.nativeElement) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"countryPhonePicker.phoneInput?.nativeElement\"\n    ></s-field-label>\n}\n\n<s-country-phone-picker\n    #countryPhonePicker\n    [formControl]=\"formControl\"\n    [ordination]=\"field.ordination\"\n    [countries]=\"field.countries\"\n    (selected)=\"field.onSelected($event)\"\n    (focusLost)=\"field.onFocusLost ? field.onFocusLost($event): null\"\n>\n</s-country-phone-picker>\n", dependencies: [{ kind: "component", type: i1$6.CountryPhonePickerComponent, selector: "s-country-phone-picker", inputs: ["countries", "ordination"], outputs: ["selected", "focusLost"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CountryPhonePickerFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CountryPhonePickerFieldComponent, decorators: [{
             type: Component,
             args: [{ template: "@if (countryPhonePicker.phoneInput?.nativeElement) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"countryPhonePicker.phoneInput?.nativeElement\"\n    ></s-field-label>\n}\n\n<s-country-phone-picker\n    #countryPhonePicker\n    [formControl]=\"formControl\"\n    [ordination]=\"field.ordination\"\n    [countries]=\"field.countries\"\n    (selected)=\"field.onSelected($event)\"\n    (focusLost)=\"field.onFocusLost ? field.onFocusLost($event): null\"\n>\n</s-country-phone-picker>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { field: [{
@@ -2984,13 +2995,13 @@ class CurrencyFieldComponent extends BaseFieldComponent {
             }),
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CurrencyFieldComponent, deps: [{ token: i1$6.CurrencyService }, { token: i1$3.LocaleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CurrencyFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef.nativeElement\"\n    ></s-field-label>\n}\n\n<div class=\"flex h-[35px] w-full\">\n    @if (field.currency || field.numberLocaleOptions?.currencySymbol) {\n        <div\n            class=\"flex h-full min-w-10 items-center justify-center rounded-l-[3px] border border-r-0 border-[#c1c1cc] px-[8px]\"\n        >\n            <span class=\"text-[#212533]\">\n                {{\n                    field.currency\n                        ? currencyService.getCurrencySymbol({ currency: field.currency() })\n                        : field.numberLocaleOptions?.currencySymbol\n                }}\n            </span>\n        </div>\n    }\n\n    @let hasMask = !!field.mask;\n    @if (hasMask) {\n        <p-inputMask\n            #inputRef\n            type=\"text\"\n            [inputId]=\"field.id || field.name\"\n            [name]=\"field.name\"\n            [formControl]=\"formControl\"\n            [mask]=\"mask\"\n            [placeholder]=\"field.placeholder\"\n            slotChar=\"_\"\n            [sTooltip]=\"field.tooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            styleClass=\"mousetrap\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onComplete)=\"field.onComplete ? field.onComplete($event) : null\"\n            (onInput)=\"field.onInput ? field.onInput($event) : null\"\n        ></p-inputMask>\n    } @else if (!hasMask) {\n        <input\n            #inputRef\n            type=\"text\"\n            [id]=\"field.id || field.name\"\n            class=\"h-full w-full rounded-r-[3px] border border-[#c1c1cc] p-2 outline-none focus:border-2 focus:border-primary\"\n            [name]=\"field.name\"\n            [formControl]=\"formControl\"\n            sNumberInput\n            [precision]=\"\n                field.precision\n                    ? isFunction(field.precision)\n                        ? trigger(field.precision)\n                        : field.precision\n                    : field.currency && field.currency()\n                      ? currencies[field.currency()].precision\n                      : 15\n            \"\n            [scale]=\"\n                field.scale\n                    ? isFunction(field.scale)\n                        ? trigger(field.scale)\n                        : field.scale\n                    : field.currency && field.currency()\n                      ? currencies[field.currency()].scale\n                      : 2\n            \"\n            [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n            [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n            [alignTo]=\"field.alignTo\"\n            [sTooltip]=\"field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"field.placeholder\"\n            [showDelay]=\"500\"\n            [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (focus)=\"field.onFocus ? field.onFocus($event) : null\"\n        />\n    }\n</div>\n\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5$1.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }, { kind: "directive", type: i7$1.NumberInputDirective, selector: "input[sNumberInput]", inputs: ["precision", "scale", "decimalSeparator", "thousandsSeparator", "alignTo", "allowNegative", "placeholder"], outputs: ["pasteRejected"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CurrencyFieldComponent, deps: [{ token: i1$7.CurrencyService }, { token: i1$3.LocaleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CurrencyFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef.nativeElement\"\n    ></s-field-label>\n}\n\n<div class=\"flex h-[35px] w-full\">\n    @if (field.currency || field.numberLocaleOptions?.currencySymbol) {\n        <div\n            class=\"flex h-full min-w-10 items-center justify-center rounded-l-[3px] border border-r-0 border-[#c1c1cc] px-[8px]\"\n        >\n            <span class=\"text-[#212533]\">\n                {{\n                    field.currency\n                        ? currencyService.getCurrencySymbol({ currency: field.currency() })\n                        : field.numberLocaleOptions?.currencySymbol\n                }}\n            </span>\n        </div>\n    }\n\n    @let hasMask = !!field.mask;\n    @if (hasMask) {\n        <p-inputMask\n            #inputRef\n            type=\"text\"\n            [inputId]=\"field.id || field.name\"\n            [name]=\"field.name\"\n            [formControl]=\"formControl\"\n            [mask]=\"mask\"\n            [placeholder]=\"field.placeholder\"\n            slotChar=\"_\"\n            [sTooltip]=\"field.tooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            styleClass=\"mousetrap\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onComplete)=\"field.onComplete ? field.onComplete($event) : null\"\n            (onInput)=\"field.onInput ? field.onInput($event) : null\"\n        ></p-inputMask>\n    } @else if (!hasMask) {\n        <input\n            #inputRef\n            type=\"text\"\n            [id]=\"field.id || field.name\"\n            class=\"h-full w-full rounded-r-[3px] border border-[#c1c1cc] p-2 outline-none focus:border-2 focus:border-primary\"\n            [name]=\"field.name\"\n            [formControl]=\"formControl\"\n            sNumberInput\n            [precision]=\"\n                field.precision\n                    ? isFunction(field.precision)\n                        ? trigger(field.precision)\n                        : field.precision\n                    : field.currency && field.currency()\n                      ? currencies[field.currency()].precision\n                      : 15\n            \"\n            [scale]=\"\n                field.scale\n                    ? isFunction(field.scale)\n                        ? trigger(field.scale)\n                        : field.scale\n                    : field.currency && field.currency()\n                      ? currencies[field.currency()].scale\n                      : 2\n            \"\n            [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n            [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n            [alignTo]=\"field.alignTo\"\n            [sTooltip]=\"field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"field.placeholder\"\n            [showDelay]=\"500\"\n            [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (focus)=\"field.onFocus ? field.onFocus($event) : null\"\n        />\n    }\n</div>\n\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5$1.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "directive", type: i7$1.NumberInputDirective, selector: "input[sNumberInput]", inputs: ["precision", "scale", "decimalSeparator", "thousandsSeparator", "alignTo", "allowNegative", "placeholder"], outputs: ["pasteRejected"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CurrencyFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CurrencyFieldComponent, decorators: [{
             type: Component,
             args: [{ template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef.nativeElement\"\n    ></s-field-label>\n}\n\n<div class=\"flex h-[35px] w-full\">\n    @if (field.currency || field.numberLocaleOptions?.currencySymbol) {\n        <div\n            class=\"flex h-full min-w-10 items-center justify-center rounded-l-[3px] border border-r-0 border-[#c1c1cc] px-[8px]\"\n        >\n            <span class=\"text-[#212533]\">\n                {{\n                    field.currency\n                        ? currencyService.getCurrencySymbol({ currency: field.currency() })\n                        : field.numberLocaleOptions?.currencySymbol\n                }}\n            </span>\n        </div>\n    }\n\n    @let hasMask = !!field.mask;\n    @if (hasMask) {\n        <p-inputMask\n            #inputRef\n            type=\"text\"\n            [inputId]=\"field.id || field.name\"\n            [name]=\"field.name\"\n            [formControl]=\"formControl\"\n            [mask]=\"mask\"\n            [placeholder]=\"field.placeholder\"\n            slotChar=\"_\"\n            [sTooltip]=\"field.tooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            styleClass=\"mousetrap\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onComplete)=\"field.onComplete ? field.onComplete($event) : null\"\n            (onInput)=\"field.onInput ? field.onInput($event) : null\"\n        ></p-inputMask>\n    } @else if (!hasMask) {\n        <input\n            #inputRef\n            type=\"text\"\n            [id]=\"field.id || field.name\"\n            class=\"h-full w-full rounded-r-[3px] border border-[#c1c1cc] p-2 outline-none focus:border-2 focus:border-primary\"\n            [name]=\"field.name\"\n            [formControl]=\"formControl\"\n            sNumberInput\n            [precision]=\"\n                field.precision\n                    ? isFunction(field.precision)\n                        ? trigger(field.precision)\n                        : field.precision\n                    : field.currency && field.currency()\n                      ? currencies[field.currency()].precision\n                      : 15\n            \"\n            [scale]=\"\n                field.scale\n                    ? isFunction(field.scale)\n                        ? trigger(field.scale)\n                        : field.scale\n                    : field.currency && field.currency()\n                      ? currencies[field.currency()].scale\n                      : 2\n            \"\n            [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n            [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n            [alignTo]=\"field.alignTo\"\n            [sTooltip]=\"field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"field.placeholder\"\n            [showDelay]=\"500\"\n            [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (focus)=\"field.onFocus ? field.onFocus($event) : null\"\n        />\n    }\n</div>\n\n" }]
-        }], ctorParameters: () => [{ type: i1$6.CurrencyService }, { type: i1$3.LocaleService }, { type: i0.ChangeDetectorRef }], propDecorators: { field: [{
+        }], ctorParameters: () => [{ type: i1$7.CurrencyService }, { type: i1$3.LocaleService }, { type: i0.ChangeDetectorRef }], propDecorators: { field: [{
                 type: Input,
                 args: [{ required: true }]
             }], formControl: [{
@@ -3009,10 +3020,10 @@ var currencyField_component = /*#__PURE__*/Object.freeze({
 class EditorFieldComponent extends BaseFieldComponent {
     field;
     formControl;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EditorFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EditorFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, usesInheritance: true, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<p-editor\n    [formControl]=\"formControl\"\n    [formats]=\"field.formats\"\n    [readonly]=\"field.readonly ? field.readonly : false\"\n    [modules]=\"field.modules\"\n    [style]=\"field.style\"\n>\n</p-editor>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$8.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onInit", "onTextChange", "onSelectionChange"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EditorFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, usesInheritance: true, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<p-editor\n    [formControl]=\"formControl\"\n    [formats]=\"field.formats\"\n    [readonly]=\"field.readonly ? field.readonly : false\"\n    [modules]=\"field.modules\"\n    [style]=\"field.style\"\n>\n</p-editor>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$7.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onInit", "onTextChange", "onSelectionChange"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EditorFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorFieldComponent, decorators: [{
             type: Component,
             args: [{ template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<p-editor\n    [formControl]=\"formControl\"\n    [formats]=\"field.formats\"\n    [readonly]=\"field.readonly ? field.readonly : false\"\n    [modules]=\"field.modules\"\n    [style]=\"field.style\"\n>\n</p-editor>\n" }]
         }], propDecorators: { field: [{
@@ -3058,10 +3069,10 @@ class FileUploadFieldComponent extends BaseFieldComponent {
     dispatchFocusInputRef() {
         this.inputRef?.dispatchEvent(new Event('focus'));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileUploadFieldComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FileUploadFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, host: { listeners: { "click": "onClick()", "document:click": "onDocumentClick($event)" } }, usesInheritance: true, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<s-file-upload\n    [id]=\"field.id || field.name\"\n    [accept]=\"field.accept\"\n    [files]=\"field.files\"\n    [multiple]=\"field.multiple\"\n    [chooseLabel]=\"field.chooseLabel\"\n    [removeLabel]=\"field.removeLabel\"\n    [cancelLabel]=\"field.cancelLabel\"\n    [successTooltip]=\"field.successTooltip\"\n    (uploadHandler)=\"field.onUploadFile($event, field)\"\n    (removeFile)=\"field.onRemoveFile($event.file, field)\"\n    (cancelUpload)=\"field.onCancelUpload($event, field)\"\n    (downloadFile)=\"field.onDownloadFile($event, field)\"\n    [formGroup]=\"formControl\"\n    [showFileUploadDate]=\"field.showFileUploadDate\"\n>\n</s-file-upload>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i2$9.FileUploadComponent, selector: "s-file-upload", inputs: ["id", "chooseLabel", "removeLabel", "cancelLabel", "successTooltip", "multiple", "accept", "supportedExtensions", "ariaLabelFileName", "maxFileSize", "maxCombinedFileSize", "fileLimit", "ariaLabelProgress", "ariaLabelSuccess", "ariaLabelError", "ariaLabelRemove", "formGroup", "disabled", "showFileUploadDate", "permissions", "files"], outputs: ["uploadHandler", "removeFile", "cancelUpload", "downloadFile", "validateErrors"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileUploadFieldComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FileUploadFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, host: { listeners: { "click": "onClick()", "document:click": "onDocumentClick($event)" } }, usesInheritance: true, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<s-file-upload\n    [id]=\"field.id || field.name\"\n    [accept]=\"field.accept\"\n    [files]=\"field.files\"\n    [multiple]=\"field.multiple\"\n    [chooseLabel]=\"field.chooseLabel\"\n    [removeLabel]=\"field.removeLabel\"\n    [cancelLabel]=\"field.cancelLabel\"\n    [successTooltip]=\"field.successTooltip\"\n    (uploadHandler)=\"field.onUploadFile($event, field)\"\n    (removeFile)=\"field.onRemoveFile($event.file, field)\"\n    (cancelUpload)=\"field.onCancelUpload($event, field)\"\n    (downloadFile)=\"field.onDownloadFile($event, field)\"\n    [formGroup]=\"formControl\"\n    [showFileUploadDate]=\"field.showFileUploadDate\"\n>\n</s-file-upload>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i2$8.FileUploadComponent, selector: "s-file-upload", inputs: ["id", "chooseLabel", "removeLabel", "cancelLabel", "successTooltip", "multiple", "accept", "supportedExtensions", "ariaLabelFileName", "maxFileSize", "maxCombinedFileSize", "fileLimit", "ariaLabelProgress", "ariaLabelSuccess", "ariaLabelError", "ariaLabelRemove", "formGroup", "disabled", "showFileUploadDate", "permissions", "files"], outputs: ["uploadHandler", "removeFile", "cancelUpload", "downloadFile", "validateErrors"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileUploadFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileUploadFieldComponent, decorators: [{
             type: Component,
             args: [{ template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<s-file-upload\n    [id]=\"field.id || field.name\"\n    [accept]=\"field.accept\"\n    [files]=\"field.files\"\n    [multiple]=\"field.multiple\"\n    [chooseLabel]=\"field.chooseLabel\"\n    [removeLabel]=\"field.removeLabel\"\n    [cancelLabel]=\"field.cancelLabel\"\n    [successTooltip]=\"field.successTooltip\"\n    (uploadHandler)=\"field.onUploadFile($event, field)\"\n    (removeFile)=\"field.onRemoveFile($event.file, field)\"\n    (cancelUpload)=\"field.onCancelUpload($event, field)\"\n    (downloadFile)=\"field.onDownloadFile($event, field)\"\n    [formGroup]=\"formControl\"\n    [showFileUploadDate]=\"field.showFileUploadDate\"\n>\n</s-file-upload>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { field: [{
@@ -3086,12 +3097,12 @@ var fileUploadField_component = /*#__PURE__*/Object.freeze({
 class LookupFieldComponent {
     field;
     formControl;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LookupFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LookupFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n>\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [showSearch]=\"field.showSearch\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [labelOptions]=\"{\n            recordsLabel: field.recordsLabel,\n            recordLabel: field.recordLabel,\n            emptyFieldLabel: field.emptyFieldLabel,\n            selectLabel: field.selectLabel,\n            cancelLabel: field.cancelLabel,\n            clearLabel: field.clearLabel,\n            filterLabel: field.filterLabel,\n            filterTitle: field.filterTitle,\n            searchTotalRecordsLabel: field.searchTotalRecordsLabel,\n            searchEmptyTitle: field.searchEmptyTitle,\n            searchTitle: field.searchTitle,\n        }\"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n        [showAddOption]=\"field.showAddOption\"\n        [showEditOption]=\"field.showEditOption\"\n        [showRemoveOption]=\"field.showRemoveOption\"\n        [sortableColumnsDisabled]=\"field.sortableColumnsDisabled\"\n        (onAdd)=\"field.onAdd ? field.onAdd() : null\"\n        (onEdit)=\"field.onEdit ? field.onEdit($event) : null\"\n        (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    >\n    </s-lookup>\n</div>\n\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "component", type: LookupComponent, selector: "s-lookup", inputs: ["formControlName", "id", "autocompleteForceSelection", "multiple", "dataKey", "required", "disabled", "showSearch", "lookupSuggestions", "lookupDisplayField", "lookupDisplayFieldTooltip", "lookupEmptyMessage", "lookupAppendTo", "searchEmptyDescription", "searchGridData", "searchTotalRecords", "searchFields", "searchGridFields", "multiSortMeta", "placeholder", "sortableColumnsDisabled", "lookupRowProps", "defaultFilter", "showAddOption", "showEditOption", "showRemoveOption", "labelOptions"], outputs: ["onLookupRequest", "onSearchRequest", "onFocus", "onBlur", "onKeyUp", "onSelect", "onUnselect", "onClear", "onAdd", "onEdit", "onRemove"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LookupFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LookupFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n>\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [showSearch]=\"field.showSearch\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [labelOptions]=\"{\n            recordsLabel: field.recordsLabel,\n            recordLabel: field.recordLabel,\n            emptyFieldLabel: field.emptyFieldLabel,\n            selectLabel: field.selectLabel,\n            cancelLabel: field.cancelLabel,\n            clearLabel: field.clearLabel,\n            filterLabel: field.filterLabel,\n            filterTitle: field.filterTitle,\n            searchTotalRecordsLabel: field.searchTotalRecordsLabel,\n            searchEmptyTitle: field.searchEmptyTitle,\n            searchTitle: field.searchTitle,\n        }\"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n        [showAddOption]=\"field.showAddOption\"\n        [showEditOption]=\"field.showEditOption\"\n        [showRemoveOption]=\"field.showRemoveOption\"\n        [sortableColumnsDisabled]=\"field.sortableColumnsDisabled\"\n        (onAdd)=\"field.onAdd ? field.onAdd() : null\"\n        (onEdit)=\"field.onEdit ? field.onEdit($event) : null\"\n        (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n        (onClearButtonClick)=\"field.onClearButtonClick ? field.onClearButtonClick() : null\"\n    >\n    </s-lookup>\n</div>\n\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "component", type: LookupComponent, selector: "s-lookup", inputs: ["formControlName", "id", "autocompleteForceSelection", "multiple", "dataKey", "required", "disabled", "showSearch", "lookupSuggestions", "lookupDisplayField", "lookupDisplayFieldTooltip", "lookupEmptyMessage", "lookupAppendTo", "searchEmptyDescription", "searchGridData", "searchTotalRecords", "searchFields", "searchGridFields", "multiSortMeta", "placeholder", "sortableColumnsDisabled", "lookupRowProps", "defaultFilter", "showAddOption", "showEditOption", "showRemoveOption", "labelOptions"], outputs: ["onLookupRequest", "onSearchRequest", "onFocus", "onBlur", "onKeyUp", "onSelect", "onUnselect", "onClear", "onAdd", "onEdit", "onRemove", "onClearButtonClick"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LookupFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LookupFieldComponent, decorators: [{
             type: Component,
-            args: [{ template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n>\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [showSearch]=\"field.showSearch\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [labelOptions]=\"{\n            recordsLabel: field.recordsLabel,\n            recordLabel: field.recordLabel,\n            emptyFieldLabel: field.emptyFieldLabel,\n            selectLabel: field.selectLabel,\n            cancelLabel: field.cancelLabel,\n            clearLabel: field.clearLabel,\n            filterLabel: field.filterLabel,\n            filterTitle: field.filterTitle,\n            searchTotalRecordsLabel: field.searchTotalRecordsLabel,\n            searchEmptyTitle: field.searchEmptyTitle,\n            searchTitle: field.searchTitle,\n        }\"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n        [showAddOption]=\"field.showAddOption\"\n        [showEditOption]=\"field.showEditOption\"\n        [showRemoveOption]=\"field.showRemoveOption\"\n        [sortableColumnsDisabled]=\"field.sortableColumnsDisabled\"\n        (onAdd)=\"field.onAdd ? field.onAdd() : null\"\n        (onEdit)=\"field.onEdit ? field.onEdit($event) : null\"\n        (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    >\n    </s-lookup>\n</div>\n\n" }]
+            args: [{ template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n>\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [showSearch]=\"field.showSearch\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [labelOptions]=\"{\n            recordsLabel: field.recordsLabel,\n            recordLabel: field.recordLabel,\n            emptyFieldLabel: field.emptyFieldLabel,\n            selectLabel: field.selectLabel,\n            cancelLabel: field.cancelLabel,\n            clearLabel: field.clearLabel,\n            filterLabel: field.filterLabel,\n            filterTitle: field.filterTitle,\n            searchTotalRecordsLabel: field.searchTotalRecordsLabel,\n            searchEmptyTitle: field.searchEmptyTitle,\n            searchTitle: field.searchTitle,\n        }\"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n        [showAddOption]=\"field.showAddOption\"\n        [showEditOption]=\"field.showEditOption\"\n        [showRemoveOption]=\"field.showRemoveOption\"\n        [sortableColumnsDisabled]=\"field.sortableColumnsDisabled\"\n        (onAdd)=\"field.onAdd ? field.onAdd() : null\"\n        (onEdit)=\"field.onEdit ? field.onEdit($event) : null\"\n        (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n        (onClearButtonClick)=\"field.onClearButtonClick ? field.onClearButtonClick() : null\"\n    >\n    </s-lookup>\n</div>\n\n" }]
         }], propDecorators: { field: [{
                 type: Input,
                 args: [{ required: true }]
@@ -3189,10 +3200,10 @@ class NumberFieldComponent extends BaseFieldComponent {
         const input = this.elementRef.nativeElement.querySelector('input');
         this.inputRef = input;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NumberFieldComponent, deps: [{ token: i1$3.LocaleService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: NumberFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, usesInheritance: true, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef.nativeElement\"\n    />\n}\n\n@let hasMask = !!field.mask;\n@if (hasMask) {\n    <p-inputMask\n        #inputRef\n        type=\"text\"\n        [inputId]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [mask]=\"field.mask ? getFieldPropertyMask(field.mask) : null\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onComplete)=\"onComplete.next($event)\"\n        (onInput)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n    >\n    </p-inputMask>\n} @else if (!hasMask) {\n    <div class=\"ui-inputgroup\">\n        @if (field.leftAddon) {\n            @if (field.leftAddon.callback) {\n                <span class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.leftAddon)\"\n                        (clicked)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.leftAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.leftAddon.label) {\n                        <span>{{ field.leftAddon.label }}</span>\n                    } @else if (!field.leftAddon.label) {\n                        <span [ngClass]=\"field.leftAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n\n        @if(field.type === FieldType.Double && field.alignTo === numberAlignmentOption.LEFT) {\n            <ng-container *ngTemplateOutlet=\"localizedNumber\"></ng-container>\n        } @else {\n            <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n        }\n\n        @if (field.rightAddon) {\n            @if (field.rightAddon.callback) {\n                <span class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.rightAddon)\"\n                        (clicked)=\"field.rightAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.rightAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.rightAddon.label) {\n                        {{ field.rightAddon.label }}\n                    } @else if (!field.rightAddon.label) {\n                        <span [ngClass]=\"field.rightAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n    </div>\n}\n\n<ng-template #input>\n    <input\n        #inputRef\n        [id]=\"field.id || field.name\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n        [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n        [alignTo]=\"field.alignTo\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        [formControl]=\"formControl\"\n    />\n</ng-template>\n<ng-template #localizedNumber>\n    <input\n        #inputRef\n        [id]=\"field.id || field.name\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sLocalizedNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        [formControl]=\"formControl\"\n    />\n</ng-template>\n", styles: ["s-number-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-number-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.addon-button{border:1px solid #c1c1cc}.addon-button s-button button,.addon-button s-button .s-button-with-text{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5$1.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i7$2.LocalizedNumberInputDirective, selector: "input[sLocalizedNumberInput]", inputs: ["decimalSeparator", "thousandsSeparator", "precision"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }, { kind: "directive", type: i7$1.NumberInputDirective, selector: "input[sNumberInput]", inputs: ["precision", "scale", "decimalSeparator", "thousandsSeparator", "alignTo", "allowNegative", "placeholder"], outputs: ["pasteRejected"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumberFieldComponent, deps: [{ token: i1$3.LocaleService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: NumberFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, usesInheritance: true, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef.nativeElement\"\n    />\n}\n\n@let hasMask = !!field.mask;\n@if (hasMask) {\n    <p-inputMask\n        #inputRef\n        type=\"text\"\n        [inputId]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [mask]=\"field.mask ? getFieldPropertyMask(field.mask) : null\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onComplete)=\"onComplete.next($event)\"\n        (onInput)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n    >\n    </p-inputMask>\n} @else if (!hasMask) {\n    <div class=\"ui-inputgroup\">\n        @if (field.leftAddon) {\n            @if (field.leftAddon.callback) {\n                <span class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.leftAddon)\"\n                        (clicked)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.leftAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.leftAddon.label) {\n                        <span>{{ field.leftAddon.label }}</span>\n                    } @else if (!field.leftAddon.label) {\n                        <span [ngClass]=\"field.leftAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n\n        @if(field.type === FieldType.Double && field.alignTo === numberAlignmentOption.LEFT) {\n            <ng-container *ngTemplateOutlet=\"localizedNumber\"></ng-container>\n        } @else {\n            <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n        }\n\n        @if (field.rightAddon) {\n            @if (field.rightAddon.callback) {\n                <span class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.rightAddon)\"\n                        (clicked)=\"field.rightAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.rightAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.rightAddon.label) {\n                        {{ field.rightAddon.label }}\n                    } @else if (!field.rightAddon.label) {\n                        <span [ngClass]=\"field.rightAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n    </div>\n}\n\n<ng-template #input>\n    <input\n        #inputRef\n        [id]=\"field.id || field.name\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n        [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n        [alignTo]=\"field.alignTo\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        [formControl]=\"formControl\"\n    />\n</ng-template>\n<ng-template #localizedNumber>\n    <input\n        #inputRef\n        [id]=\"field.id || field.name\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sLocalizedNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        [formControl]=\"formControl\"\n    />\n</ng-template>\n", styles: ["s-number-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-number-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.addon-button{border:1px solid #c1c1cc}.addon-button s-button button,.addon-button s-button .s-button-with-text{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5$1.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i7$2.LocalizedNumberInputDirective, selector: "input[sLocalizedNumberInput]", inputs: ["decimalSeparator", "thousandsSeparator", "precision"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "directive", type: i7$1.NumberInputDirective, selector: "input[sNumberInput]", inputs: ["precision", "scale", "decimalSeparator", "thousandsSeparator", "alignTo", "allowNegative", "placeholder"], outputs: ["pasteRejected"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NumberFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumberFieldComponent, decorators: [{
             type: Component,
             args: [{ encapsulation: ViewEncapsulation.None, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef.nativeElement\"\n    />\n}\n\n@let hasMask = !!field.mask;\n@if (hasMask) {\n    <p-inputMask\n        #inputRef\n        type=\"text\"\n        [inputId]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [mask]=\"field.mask ? getFieldPropertyMask(field.mask) : null\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onComplete)=\"onComplete.next($event)\"\n        (onInput)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n    >\n    </p-inputMask>\n} @else if (!hasMask) {\n    <div class=\"ui-inputgroup\">\n        @if (field.leftAddon) {\n            @if (field.leftAddon.callback) {\n                <span class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.leftAddon)\"\n                        (clicked)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.leftAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.leftAddon.label) {\n                        <span>{{ field.leftAddon.label }}</span>\n                    } @else if (!field.leftAddon.label) {\n                        <span [ngClass]=\"field.leftAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n\n        @if(field.type === FieldType.Double && field.alignTo === numberAlignmentOption.LEFT) {\n            <ng-container *ngTemplateOutlet=\"localizedNumber\"></ng-container>\n        } @else {\n            <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n        }\n\n        @if (field.rightAddon) {\n            @if (field.rightAddon.callback) {\n                <span class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.rightAddon)\"\n                        (clicked)=\"field.rightAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.rightAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.rightAddon.label) {\n                        {{ field.rightAddon.label }}\n                    } @else if (!field.rightAddon.label) {\n                        <span [ngClass]=\"field.rightAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n    </div>\n}\n\n<ng-template #input>\n    <input\n        #inputRef\n        [id]=\"field.id || field.name\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n        [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n        [alignTo]=\"field.alignTo\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        [formControl]=\"formControl\"\n    />\n</ng-template>\n<ng-template #localizedNumber>\n    <input\n        #inputRef\n        [id]=\"field.id || field.name\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sLocalizedNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        [formControl]=\"formControl\"\n    />\n</ng-template>\n", styles: ["s-number-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-number-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.addon-button{border:1px solid #c1c1cc}.addon-button s-button button,.addon-button s-button .s-button-with-text{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.LocaleService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { field: [{
@@ -3250,10 +3261,10 @@ class PasswordFieldComponent {
     ngAfterViewInit() {
         this.changeDetectorRef.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PasswordFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PasswordFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "@if(inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<div\n    class=\"password-field\"\n    [ngClass]=\"{ 'password-field--toggle': field.showToggle }\"\n>\n    <input\n        #inputRef\n        [type]=\"passwordVisible ? 'text' : 'password'\"\n        [id]=\"field.id || field.name\"\n        class=\"password-input\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [sPasswordStrength]=\"field.passwordStrength ? field.passwordStrength : false\"\n        [passwordStrengthDescription]=\"field.passwordStrengthOptions?.description ? field.passwordStrengthOptions!.description : ''\"\n        [passwordStrengthWeakTitle]=\"field.passwordStrengthOptions?.weakTitle ? field.passwordStrengthOptions?.weakTitle : ''\"\n        [passwordStrengthMediumTitle]=\"field.passwordStrengthOptions?.mediumTitle ? field.passwordStrengthOptions?.mediumTitle : ''\"\n        [passwordStrengthStrongTitle]=\"field.passwordStrengthOptions?.strongTitle ? field.passwordStrengthOptions?.strongTitle : ''\"\n        [passwordStrengthValidation]=\"field.passwordStrengthOptions?.validation\"\n    />\n    @if (field.showToggle) {\n        <span class=\"toggle-button\">\n            <s-button\n                [iconClass]=\"passwordVisible ? 'fas fa-eye-slash' : 'fas fa-eye'\"\n                priority=\"default\"\n                (clicked)=\"onChangeVisible()\"\n            >\n            </s-button>\n        </span>\n    }\n</div>\n", styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.password-field{display:flex}.password-field--toggle .password-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.password-field--toggle .toggle-button s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }, { kind: "directive", type: i6.PasswordStrengthDirective, selector: "[sPasswordStrength]", inputs: ["sPasswordStrength", "passwordStrengthValidation", "passwordStrengthPosition", "passwordStrengthWeakTitle", "passwordStrengthMediumTitle", "passwordStrengthStrongTitle", "passwordStrengthDescription"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PasswordFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PasswordFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "@if(inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<div\n    class=\"password-field\"\n    [ngClass]=\"{ 'password-field--toggle': field.showToggle }\"\n>\n    <input\n        #inputRef\n        [type]=\"passwordVisible ? 'text' : 'password'\"\n        [id]=\"field.id || field.name\"\n        class=\"password-input\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [sPasswordStrength]=\"field.passwordStrength ? field.passwordStrength : false\"\n        [passwordStrengthDescription]=\"field.passwordStrengthOptions?.description ? field.passwordStrengthOptions!.description : ''\"\n        [passwordStrengthWeakTitle]=\"field.passwordStrengthOptions?.weakTitle ? field.passwordStrengthOptions?.weakTitle : ''\"\n        [passwordStrengthMediumTitle]=\"field.passwordStrengthOptions?.mediumTitle ? field.passwordStrengthOptions?.mediumTitle : ''\"\n        [passwordStrengthStrongTitle]=\"field.passwordStrengthOptions?.strongTitle ? field.passwordStrengthOptions?.strongTitle : ''\"\n        [passwordStrengthValidation]=\"field.passwordStrengthOptions?.validation\"\n    />\n    @if (field.showToggle) {\n        <span class=\"toggle-button\">\n            <s-button\n                [iconClass]=\"passwordVisible ? 'fas fa-eye-slash' : 'fas fa-eye'\"\n                priority=\"default\"\n                (clicked)=\"onChangeVisible()\"\n            >\n            </s-button>\n        </span>\n    }\n</div>\n", styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.password-field{display:flex}.password-field--toggle .password-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.password-field--toggle .toggle-button s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "directive", type: i6.PasswordStrengthDirective, selector: "[sPasswordStrength]", inputs: ["sPasswordStrength", "passwordStrengthValidation", "passwordStrengthPosition", "passwordStrengthWeakTitle", "passwordStrengthMediumTitle", "passwordStrengthStrongTitle", "passwordStrengthDescription"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PasswordFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PasswordFieldComponent, decorators: [{
             type: Component,
             args: [{ encapsulation: ViewEncapsulation.None, template: "@if(inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<div\n    class=\"password-field\"\n    [ngClass]=\"{ 'password-field--toggle': field.showToggle }\"\n>\n    <input\n        #inputRef\n        [type]=\"passwordVisible ? 'text' : 'password'\"\n        [id]=\"field.id || field.name\"\n        class=\"password-input\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [sPasswordStrength]=\"field.passwordStrength ? field.passwordStrength : false\"\n        [passwordStrengthDescription]=\"field.passwordStrengthOptions?.description ? field.passwordStrengthOptions!.description : ''\"\n        [passwordStrengthWeakTitle]=\"field.passwordStrengthOptions?.weakTitle ? field.passwordStrengthOptions?.weakTitle : ''\"\n        [passwordStrengthMediumTitle]=\"field.passwordStrengthOptions?.mediumTitle ? field.passwordStrengthOptions?.mediumTitle : ''\"\n        [passwordStrengthStrongTitle]=\"field.passwordStrengthOptions?.strongTitle ? field.passwordStrengthOptions?.strongTitle : ''\"\n        [passwordStrengthValidation]=\"field.passwordStrengthOptions?.validation\"\n    />\n    @if (field.showToggle) {\n        <span class=\"toggle-button\">\n            <s-button\n                [iconClass]=\"passwordVisible ? 'fas fa-eye-slash' : 'fas fa-eye'\"\n                priority=\"default\"\n                (clicked)=\"onChangeVisible()\"\n            >\n            </s-button>\n        </span>\n    }\n</div>\n", styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.password-field{display:flex}.password-field--toggle .password-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.password-field--toggle .toggle-button s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { field: [{
@@ -3279,7 +3290,7 @@ var passwordField_component = /*#__PURE__*/Object.freeze({
 });
 
 /* eslint-disable @angular-eslint/no-output-on-prefix */
-class RadioButtonComponent {
+class RadioButtonFieldComponent {
     field;
     formControl;
     onClick = new EventEmitter();
@@ -3302,12 +3313,12 @@ class RadioButtonComponent {
     onClear() {
         this.formControl.reset();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: RadioButtonComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onClick: "onClick", onFocus: "onFocus" }, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n@if (field.verticalAlignment) {\n    <div class=\"ui-g\">\n        @for (option of field.options; let i = $index; track i) {\n            <div class=\"ui-g-12\">\n                <ng-container\n                    [ngTemplateOutlet]=\"radioButton\"\n                    [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n                >\n                </ng-container>\n            </div>\n        }\n        @if (field.showClear && field.required && !field.required() && !formControl.disabled) {\n            <s-button\n                [label]=\"field.clearLabel || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        @for (option of field.options; let i = $index; track i) {\n            <ng-container\n                [ngTemplateOutlet]=\"radioButton\"\n                [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n            >\n            </ng-container>\n        }\n    </div>\n    @if (field.showClear && field.required && !field.required() && !formControl.disabled) {\n        <s-button\n            class=\"horizontal-clear-option\"\n            [label]=\"field.clearLabel || 'Clear selection'\"\n            (clicked)=\"onClear()\"\n            priority=\"link\"\n        >\n        </s-button>\n    }\n}\n\n<ng-template\n    #radioButton\n    let-option=\"option\"\n    let-i=\"index\"\n>\n    @let inputId = (field.id || field.name) + '-' + i;\n    <div class=\"input-label-container\">\n        <p-radiobutton\n            class=\"radio-button-item\"\n            [name]=\"field.name\"\n            [value]=\"option.value\"\n            [formControl]=\"formControl\"\n            [inputId]=\"inputId\"\n            [sTooltip]=\"field.tooltip\"\n            (clicked)=\"onClick.next($event)\"\n            (onFocus)=\"onFocus.next($event)\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        >\n        </p-radiobutton>\n        <label\n            [for]=\"inputId\"\n            class=\"input-label\"\n        >\n            {{ option.label }}\n        </label>\n    </div>\n</ng-template>\n", styles: ["s-button.horizontal-clear-option button{width:min-content!important}.horizontal-radio-buttons-container{gap:20px 40px}.horizontal-radio-buttons-container .radio-button-item{margin:0}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i4$1.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "formControlName", "name", "disabled", "variant", "size", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "autofocus", "binary"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioButtonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RadioButtonFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onClick: "onClick", onFocus: "onFocus" }, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n@if (field.verticalAlignment) {\n    <div class=\"ui-g\">\n        @for (option of field.options; let i = $index; track i) {\n            <div class=\"ui-g-12\">\n                <ng-container\n                    [ngTemplateOutlet]=\"radioButton\"\n                    [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n                >\n                </ng-container>\n            </div>\n        }\n        @if (field.showClear && field.required && !field.required() && !formControl.disabled) {\n            <s-button\n                [label]=\"field.clearLabel || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        @for (option of field.options; let i = $index; track i) {\n            <ng-container\n                [ngTemplateOutlet]=\"radioButton\"\n                [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n            >\n            </ng-container>\n        }\n    </div>\n    @if (field.showClear && field.required && !field.required() && !formControl.disabled) {\n        <s-button\n            class=\"horizontal-clear-option\"\n            [label]=\"field.clearLabel || 'Clear selection'\"\n            (clicked)=\"onClear()\"\n            priority=\"link\"\n        >\n        </s-button>\n    }\n}\n\n<ng-template\n    #radioButton\n    let-option=\"option\"\n    let-i=\"index\"\n>\n    @let inputId = (field.id || field.name) + '-' + i;\n    <s-radiobutton\n        class=\"radio-button-item\"\n        [name]=\"field.name\"\n        [value]=\"option.value\"\n        [formControl]=\"formControl\"\n        [inputId]=\"inputId\"\n        [sTooltip]=\"field.tooltip\"\n        [label]=\"option.label\"\n        (focusedInput)=\"onFocus.next($event)\"\n        (inputFocusLost)=\"field.onBlur ? field.onBlur($event) : null\"\n    />\n</ng-template>\n", styles: ["s-button.horizontal-clear-option button{width:min-content!important}.horizontal-radio-buttons-container{gap:20px 40px;.radio-button-item{margin:0}}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: i4$1.RadioButtonComponent, selector: "s-radiobutton", inputs: ["buttonDisabled", "label", "name", "value", "inputId"], outputs: ["buttonDisabledChange", "valueChange", "focusedInput", "inputFocusLost"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioButtonFieldComponent, decorators: [{
             type: Component,
-            args: [{ encapsulation: ViewEncapsulation.None, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n@if (field.verticalAlignment) {\n    <div class=\"ui-g\">\n        @for (option of field.options; let i = $index; track i) {\n            <div class=\"ui-g-12\">\n                <ng-container\n                    [ngTemplateOutlet]=\"radioButton\"\n                    [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n                >\n                </ng-container>\n            </div>\n        }\n        @if (field.showClear && field.required && !field.required() && !formControl.disabled) {\n            <s-button\n                [label]=\"field.clearLabel || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        @for (option of field.options; let i = $index; track i) {\n            <ng-container\n                [ngTemplateOutlet]=\"radioButton\"\n                [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n            >\n            </ng-container>\n        }\n    </div>\n    @if (field.showClear && field.required && !field.required() && !formControl.disabled) {\n        <s-button\n            class=\"horizontal-clear-option\"\n            [label]=\"field.clearLabel || 'Clear selection'\"\n            (clicked)=\"onClear()\"\n            priority=\"link\"\n        >\n        </s-button>\n    }\n}\n\n<ng-template\n    #radioButton\n    let-option=\"option\"\n    let-i=\"index\"\n>\n    @let inputId = (field.id || field.name) + '-' + i;\n    <div class=\"input-label-container\">\n        <p-radiobutton\n            class=\"radio-button-item\"\n            [name]=\"field.name\"\n            [value]=\"option.value\"\n            [formControl]=\"formControl\"\n            [inputId]=\"inputId\"\n            [sTooltip]=\"field.tooltip\"\n            (clicked)=\"onClick.next($event)\"\n            (onFocus)=\"onFocus.next($event)\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        >\n        </p-radiobutton>\n        <label\n            [for]=\"inputId\"\n            class=\"input-label\"\n        >\n            {{ option.label }}\n        </label>\n    </div>\n</ng-template>\n", styles: ["s-button.horizontal-clear-option button{width:min-content!important}.horizontal-radio-buttons-container{gap:20px 40px}.horizontal-radio-buttons-container .radio-button-item{margin:0}\n"] }]
+            args: [{ encapsulation: ViewEncapsulation.None, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n@if (field.verticalAlignment) {\n    <div class=\"ui-g\">\n        @for (option of field.options; let i = $index; track i) {\n            <div class=\"ui-g-12\">\n                <ng-container\n                    [ngTemplateOutlet]=\"radioButton\"\n                    [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n                >\n                </ng-container>\n            </div>\n        }\n        @if (field.showClear && field.required && !field.required() && !formControl.disabled) {\n            <s-button\n                [label]=\"field.clearLabel || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        @for (option of field.options; let i = $index; track i) {\n            <ng-container\n                [ngTemplateOutlet]=\"radioButton\"\n                [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n            >\n            </ng-container>\n        }\n    </div>\n    @if (field.showClear && field.required && !field.required() && !formControl.disabled) {\n        <s-button\n            class=\"horizontal-clear-option\"\n            [label]=\"field.clearLabel || 'Clear selection'\"\n            (clicked)=\"onClear()\"\n            priority=\"link\"\n        >\n        </s-button>\n    }\n}\n\n<ng-template\n    #radioButton\n    let-option=\"option\"\n    let-i=\"index\"\n>\n    @let inputId = (field.id || field.name) + '-' + i;\n    <s-radiobutton\n        class=\"radio-button-item\"\n        [name]=\"field.name\"\n        [value]=\"option.value\"\n        [formControl]=\"formControl\"\n        [inputId]=\"inputId\"\n        [sTooltip]=\"field.tooltip\"\n        [label]=\"option.label\"\n        (focusedInput)=\"onFocus.next($event)\"\n        (inputFocusLost)=\"field.onBlur ? field.onBlur($event) : null\"\n    />\n</ng-template>\n", styles: ["s-button.horizontal-clear-option button{width:min-content!important}.horizontal-radio-buttons-container{gap:20px 40px;.radio-button-item{margin:0}}\n"] }]
         }], propDecorators: { field: [{
                 type: Input,
                 args: [{ required: true }]
@@ -3322,16 +3333,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 var radioButtonField_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    RadioButtonComponent: RadioButtonComponent
+    RadioButtonFieldComponent: RadioButtonFieldComponent
 });
 
 class SelectFieldComponent extends BaseFieldComponent {
     field;
     formControl;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SelectFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, usesInheritance: true, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<s-select\n    [multiple]=\"field.multiple ?? false\"\n    [filter]=\"field.filter ?? false\"\n    [id]=\"field.id || field.name\"\n    [options]=\"getFieldProperty(field.options)\"\n    [placeholder]=\"field.placeholder || ' '\"\n    [formControl]=\"formControl\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    [group]=\"field.group ?? false\"\n    [showClear]=\"field.showClear ?? false\"\n    [optionLabel]=\"field.optionLabel ?? 'label'\"\n    [optionValue]=\"field.optionValue ?? 'value'\"\n    (clicked)=\"field.onClick ? field.onClick($event) : null\"\n    (onChange)=\"field.onChange ? field.onChange($event) : null\"\n    [emptyMessage]=\"field.emptyMessage ?? null\"\n>\n</s-select>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }, { kind: "component", type: i3$5.SelectComponent, selector: "s-select", inputs: ["placeholder", "multiple", "options", "optionLabel", "optionValue", "showClear", "filter", "checkmark", "filterBy", "group", "virtualScroll", "virtualScrollItemSize", "emptyMessage", "useRawValue", "dataKey", "disabled"], outputs: ["disabledChange"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SelectFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, usesInheritance: true, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<s-select\n    [multiple]=\"field.multiple ?? false\"\n    [filter]=\"field.filter ?? false\"\n    [id]=\"field.id || field.name\"\n    [options]=\"getFieldProperty(field.options)\"\n    [placeholder]=\"field.placeholder || ' '\"\n    [formControl]=\"formControl\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    [group]=\"field.group ?? false\"\n    [showClear]=\"field.showClear ?? false\"\n    [optionLabel]=\"field.optionLabel ?? 'label'\"\n    [optionValue]=\"field.optionValue ?? 'value'\"\n    (clicked)=\"field.onClick ? field.onClick($event) : null\"\n    (onChange)=\"field.onChange ? field.onChange($event) : null\"\n    [emptyMessage]=\"field.emptyMessage ?? null\"\n>\n</s-select>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: i3$5.SelectComponent, selector: "s-select", inputs: ["placeholder", "multiple", "options", "optionLabel", "optionValue", "showClear", "filter", "checkmark", "filterBy", "group", "virtualScroll", "virtualScrollItemSize", "emptyMessage", "useRawValue", "dataKey", "disabled"], outputs: ["disabledChange"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectFieldComponent, decorators: [{
             type: Component,
             args: [{ template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<s-select\n    [multiple]=\"field.multiple ?? false\"\n    [filter]=\"field.filter ?? false\"\n    [id]=\"field.id || field.name\"\n    [options]=\"getFieldProperty(field.options)\"\n    [placeholder]=\"field.placeholder || ' '\"\n    [formControl]=\"formControl\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    [group]=\"field.group ?? false\"\n    [showClear]=\"field.showClear ?? false\"\n    [optionLabel]=\"field.optionLabel ?? 'label'\"\n    [optionValue]=\"field.optionValue ?? 'value'\"\n    (clicked)=\"field.onClick ? field.onClick($event) : null\"\n    (onChange)=\"field.onChange ? field.onChange($event) : null\"\n    [emptyMessage]=\"field.emptyMessage ?? null\"\n>\n</s-select>\n" }]
         }], propDecorators: { field: [{
@@ -3423,10 +3434,10 @@ class SliderFieldComponent extends BaseFieldComponent {
     get label() {
         return this.field.range ? this.getRangeLabel() : this.getNonRangeLabel();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SliderFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SliderFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onChange: "onChange", onSlideEnd: "onSlideEnd" }, usesInheritance: true, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div class=\"slider-group\">\n    <div class=\"slider-label\">\n        <span>{{ label }}</span>\n    </div>\n    <s-slider\n        #slider\n        [id]=\"field.id || field.name\"\n        [formControl]=\"formControl\"\n        [multiple]=\"field.range ? field.range : slider.multiple\"\n        [min]=\"field.min\"\n        [max]=\"field.max\"\n        [step]=\"field.step\"\n        (valueChange)=\"field.onChange ? field.onChange($event) : null\"\n    >\n    </s-slider>\n</div>\n", styles: [".slider-label{margin-bottom:5px;margin-left:-10px}.slider-group{margin-left:9px;margin-right:11px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$a.SliderComponent, selector: "s-slider", inputs: ["multiple", "value", "step", "hiddenThumb", "disabled", "min", "max", "minValueLabel", "maxValueLabel", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SliderFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onChange: "onChange", onSlideEnd: "onSlideEnd" }, usesInheritance: true, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div class=\"slider-group\">\n    <div class=\"slider-label\">\n        <span>{{ label }}</span>\n    </div>\n    <s-slider\n        #slider\n        [id]=\"field.id || field.name\"\n        [formControl]=\"formControl\"\n        [multiple]=\"field.range ? field.range : slider.multiple\"\n        [min]=\"field.min\"\n        [max]=\"field.max\"\n        [step]=\"field.step\"\n        (valueChange)=\"field.onChange ? field.onChange($event) : null\"\n    >\n    </s-slider>\n</div>\n", styles: [".slider-label{margin-bottom:5px;margin-left:-10px}.slider-group{margin-left:9px;margin-right:11px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$9.SliderComponent, selector: "s-slider", inputs: ["multiple", "value", "step", "hiddenThumb", "disabled", "min", "max", "minValueLabel", "maxValueLabel", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SliderFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderFieldComponent, decorators: [{
             type: Component,
             args: [{ template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div class=\"slider-group\">\n    <div class=\"slider-label\">\n        <span>{{ label }}</span>\n    </div>\n    <s-slider\n        #slider\n        [id]=\"field.id || field.name\"\n        [formControl]=\"formControl\"\n        [multiple]=\"field.range ? field.range : slider.multiple\"\n        [min]=\"field.min\"\n        [max]=\"field.max\"\n        [step]=\"field.step\"\n        (valueChange)=\"field.onChange ? field.onChange($event) : null\"\n    >\n    </s-slider>\n</div>\n", styles: [".slider-label{margin-bottom:5px;margin-left:-10px}.slider-group{margin-left:9px;margin-right:11px}\n"] }]
         }], propDecorators: { field: [{
@@ -3446,13 +3457,38 @@ var sliderField_component = /*#__PURE__*/Object.freeze({
     SliderFieldComponent: SliderFieldComponent
 });
 
+class StarRatingFieldComponent {
+    field;
+    formControl;
+    onValueChange(newValue) {
+        if (this.field.valueChange) {
+            this.field.valueChange(newValue);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StarRatingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: StarRatingFieldComponent, selector: "s-star-rating-field", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<s-field-label [field]=\"field\"/>\n\n<s-star-rating [justifyContent]=\"field.justifyContent\" [formControl]=\"formControl\" (selectedStarChange)=\"onValueChange($event)\">\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$a.StarRatingComponent, selector: "s-star-rating", inputs: ["selectedStar", "starsRange", "justifyContent", "disabled"], outputs: ["selectedStarChange", "disabledChange"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StarRatingFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-star-rating-field', template: "<s-field-label [field]=\"field\"/>\n\n<s-star-rating [justifyContent]=\"field.justifyContent\" [formControl]=\"formControl\" (selectedStarChange)=\"onValueChange($event)\">\n" }]
+        }], propDecorators: { field: [{
+                type: Input
+            }], formControl: [{
+                type: Input
+            }] } });
+
+var starRatingField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    StarRatingFieldComponent: StarRatingFieldComponent
+});
+
 class TextAreaIAFieldComponent {
     field;
     formControl;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextAreaIAFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: TextAreaIAFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "@if (textAreaIA.textArea()?.renderTextArea) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"textAreaIA.textArea()?.textAreaElement?.nativeElement\"\n    ></s-field-label>\n}\n\n<s-text-area-ia\n    #textAreaIA\n    [rows]=\"field.rows ?? 5\"\n    [formControl]=\"formControl\"\n    [id]=\"field.name\"\n    [readonly]=\"field.readonly ? field.readonly() : false\"\n    [prompt]=\"field.prompt ?? ''\"\n    [placeholder]=\"field.placeholder ?? ''\"\n    [label]=\"field.label\"\n    [speechRecognition]=\"field.speechRecognition\"\n    [keepContext]=\"field.keepContext\"\n    [speechRecognitionPlaceholder]=\"field.speechRecognitionPlaceholder\"\n    [maxLength]=\"field.maxLength\"\n></s-text-area-ia>\n", styles: [".footer-content{display:flex;flex-grow:0}.textarea-ia{display:flex;align-items:flex-end;gap:8px}.textarea-ia s-textarea{width:100%}.iassist-button{display:flex;justify-content:center;align-items:center;border:none;border-radius:50%;box-shadow:none;cursor:pointer;height:32px;width:32px}.dialog-header{display:flex;gap:12px}.dialog-header .iassist-icon{display:block;height:24px;width:24px}.speech-recognition{margin-bottom:12.5px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$b.TextAreaIAComponent, selector: "s-text-area-ia", inputs: ["id", "label", "placeholder", "prompt", "readonly", "rows", "cols", "speechRecognition", "keepContext", "speechRecognitionPlaceholder", "maxLength"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextAreaIAFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TextAreaIAFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "@if (textAreaIA.textArea()?.renderTextArea) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"textAreaIA.textArea()?.textAreaElement?.nativeElement\"\n    ></s-field-label>\n}\n\n<s-text-area-ia\n    #textAreaIA\n    [rows]=\"field.rows ?? 5\"\n    [formControl]=\"formControl\"\n    [id]=\"field.name\"\n    [readonly]=\"field.readonly ? field.readonly() : false\"\n    [prompt]=\"field.prompt ?? ''\"\n    [placeholder]=\"field.placeholder ?? ''\"\n    [label]=\"field.label\"\n    [speechRecognition]=\"field.speechRecognition\"\n    [keepContext]=\"field.keepContext\"\n    [speechRecognitionPlaceholder]=\"field.speechRecognitionPlaceholder\"\n    [maxLength]=\"field.maxLength\"\n></s-text-area-ia>\n", styles: [".footer-content{display:flex;flex-grow:0}.textarea-ia{display:flex;align-items:flex-end;gap:8px}.textarea-ia s-textarea{width:100%}.iassist-button{display:flex;justify-content:center;align-items:center;border:none;border-radius:50%;box-shadow:none;cursor:pointer;height:32px;width:32px}.dialog-header{display:flex;gap:12px}.dialog-header .iassist-icon{display:block;height:24px;width:24px}.speech-recognition{margin-bottom:12.5px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$b.TextAreaIAComponent, selector: "s-text-area-ia", inputs: ["id", "label", "placeholder", "prompt", "readonly", "rows", "cols", "speechRecognition", "keepContext", "speechRecognitionPlaceholder", "maxLength"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextAreaIAFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextAreaIAFieldComponent, decorators: [{
             type: Component,
             args: [{ template: "@if (textAreaIA.textArea()?.renderTextArea) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"textAreaIA.textArea()?.textAreaElement?.nativeElement\"\n    ></s-field-label>\n}\n\n<s-text-area-ia\n    #textAreaIA\n    [rows]=\"field.rows ?? 5\"\n    [formControl]=\"formControl\"\n    [id]=\"field.name\"\n    [readonly]=\"field.readonly ? field.readonly() : false\"\n    [prompt]=\"field.prompt ?? ''\"\n    [placeholder]=\"field.placeholder ?? ''\"\n    [label]=\"field.label\"\n    [speechRecognition]=\"field.speechRecognition\"\n    [keepContext]=\"field.keepContext\"\n    [speechRecognitionPlaceholder]=\"field.speechRecognitionPlaceholder\"\n    [maxLength]=\"field.maxLength\"\n></s-text-area-ia>\n", styles: [".footer-content{display:flex;flex-grow:0}.textarea-ia{display:flex;align-items:flex-end;gap:8px}.textarea-ia s-textarea{width:100%}.iassist-button{display:flex;justify-content:center;align-items:center;border:none;border-radius:50%;box-shadow:none;cursor:pointer;height:32px;width:32px}.dialog-header{display:flex;gap:12px}.dialog-header .iassist-icon{display:block;height:24px;width:24px}.speech-recognition{margin-bottom:12.5px}\n"] }]
         }], propDecorators: { field: [{
@@ -3478,10 +3514,10 @@ class TextAreaFieldComponent {
     ngAfterViewInit() {
         this.changeDetectorRef.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextAreaFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: TextAreaFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "@if (textArea.renderTextArea) {\n    <s-field-label [field]=\"field\"\n    [fieldContainerRef]=\"textArea.textAreaElement.nativeElement\"></s-field-label>\n}\n\n<s-textarea\n    #textArea\n    [inputId]=\"(field.id || field.name)\"\n    [rows]=\"field.rows ?? textArea.rows\"\n    [formControl]=\"formControl\"\n    [inputStyle]=\"field.style ?? {}\"\n    [readOnly]=\"field.readonly ? field.readonly() : false\"\n    [keyFilter]=\"field.keyFilter\"\n    [placeholder]=\"field.placeholder ?? ''\"\n    [keepContext]=\"field.keepContext\"\n    [speechRecognitionPlaceholder]=\"field.speechRecognitionPlaceholder\"\n    [maxLength]=\"field.maxLength\"\n    [speechRecognition]=\"field.speechRecognition\">\n</s-textarea>\n\n", styles: [".textarea-input{resize:vertical;width:100%;border:1px solid #c1c1cc;border-radius:3px;padding:8px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$c.TextAreaComponent, selector: "s-textarea", inputs: ["inputId", "rows", "speechRecognition", "keyFilter", "keepContext", "speechRecognitionPlaceholder", "maxLength", "placeholder", "inputStyle", "readOnly"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextAreaFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TextAreaFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "@if (textArea.renderTextArea) {\n    <s-field-label [field]=\"field\"\n    [fieldContainerRef]=\"textArea.textAreaElement.nativeElement\"></s-field-label>\n}\n\n<s-textarea\n    #textArea\n    [inputId]=\"(field.id || field.name)\"\n    [rows]=\"field.rows ?? textArea.rows\"\n    [formControl]=\"formControl\"\n    [inputStyle]=\"field.style ?? {}\"\n    [readOnly]=\"field.readonly ? field.readonly() : false\"\n    [keyFilter]=\"field.keyFilter\"\n    [placeholder]=\"field.placeholder ?? ''\"\n    [keepContext]=\"field.keepContext\"\n    [speechRecognitionPlaceholder]=\"field.speechRecognitionPlaceholder\"\n    [maxLength]=\"field.maxLength\"\n    [speechRecognition]=\"field.speechRecognition\">\n</s-textarea>\n\n", styles: [".textarea-input{resize:vertical;width:100%;border:1px solid #c1c1cc;border-radius:3px;padding:8px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$c.TextAreaComponent, selector: "s-textarea", inputs: ["inputId", "rows", "speechRecognition", "keyFilter", "keepContext", "speechRecognitionPlaceholder", "maxLength", "placeholder", "inputStyle", "readOnly"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextAreaFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextAreaFieldComponent, decorators: [{
             type: Component,
             args: [{ template: "@if (textArea.renderTextArea) {\n    <s-field-label [field]=\"field\"\n    [fieldContainerRef]=\"textArea.textAreaElement.nativeElement\"></s-field-label>\n}\n\n<s-textarea\n    #textArea\n    [inputId]=\"(field.id || field.name)\"\n    [rows]=\"field.rows ?? textArea.rows\"\n    [formControl]=\"formControl\"\n    [inputStyle]=\"field.style ?? {}\"\n    [readOnly]=\"field.readonly ? field.readonly() : false\"\n    [keyFilter]=\"field.keyFilter\"\n    [placeholder]=\"field.placeholder ?? ''\"\n    [keepContext]=\"field.keepContext\"\n    [speechRecognitionPlaceholder]=\"field.speechRecognitionPlaceholder\"\n    [maxLength]=\"field.maxLength\"\n    [speechRecognition]=\"field.speechRecognition\">\n</s-textarea>\n\n", styles: [".textarea-input{resize:vertical;width:100%;border:1px solid #c1c1cc;border-radius:3px;padding:8px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { field: [{
@@ -3548,10 +3584,10 @@ class TextFieldComponent extends BaseFieldComponent {
             return this.inputRef?.nativeElement;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: TextFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (inputElement) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputElement\"\n    />\n}\n\n@if (field.mask) {\n    <p-inputMask\n        #inputRef\n        [type]=\"field.inputType || 'text'\"\n        [inputId]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n        [characterPattern]=\"getCharacterPattern()\"\n        [unmask]=\"getUnmask()\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onComplete)=\"onComplete.next($event)\"\n        (onInput)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [readonly]=\"field.readonly ? field.readonly() : false\"\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n\n    >\n    </p-inputMask>\n} @else {\n    <div class=\"ui-inputgroup\">\n        @if (field.leftAddon) {\n            @if (field.leftAddon.callback) {\n                <span class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.leftAddon)\"\n                        (clicked)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.leftAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.leftAddon.label) {\n                        <span>{{ field.leftAddon.label }}</span>\n                    } @else if (!field.leftAddon.label) {\n                        <span [ngClass]=\"field.leftAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n\n        <ng-container *ngTemplateOutlet=\"field.keyFilter ? inputKeyFilter : input\"></ng-container>\n\n        @if (field.rightAddon) {\n            @if (field.rightAddon.callback) {\n                <s-button\n                    [label]=\"field.rightAddon.label\"\n                    [iconClass]=\"field.rightAddon.icon\"\n                    [priority]=\"field.rightAddon.priority\"\n                    [disabled]=\"fieldPropertyIsDisabled(field.rightAddon)\"\n                    (clicked)=\"field.rightAddon.callback()\"\n                >\n                </s-button>\n            } @else if (field.rightAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.rightAddon.label) {\n                        <span>{{ field.rightAddon.label }}</span>\n                    } @else if (!field.rightAddon.label) {\n                        <span [ngClass]=\"field.rightAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n    </div>\n}\n<ng-template #input>\n    <input\n        #inputRef\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n<ng-template #inputKeyFilter>\n    <input\n        #inputText\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [pKeyFilter]=\"field.keyFilter\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n", styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.addon-button{border:1px solid #c1c1cc}.addon-button s-button button,.addon-button s-button .s-button-with-text{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5$1.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i6$1.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TextFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (inputElement) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputElement\"\n    />\n}\n\n@if (field.mask) {\n    <p-inputMask\n        #inputRef\n        [type]=\"field.inputType || 'text'\"\n        [inputId]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n        [characterPattern]=\"getCharacterPattern()\"\n        [unmask]=\"getUnmask()\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onComplete)=\"onComplete.next($event)\"\n        (onInput)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [readonly]=\"field.readonly ? field.readonly() : false\"\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n\n    >\n    </p-inputMask>\n} @else {\n    <div class=\"ui-inputgroup\">\n        @if (field.leftAddon) {\n            @if (field.leftAddon.callback) {\n                <span class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.leftAddon)\"\n                        (clicked)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.leftAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.leftAddon.label) {\n                        <span>{{ field.leftAddon.label }}</span>\n                    } @else if (!field.leftAddon.label) {\n                        <span [ngClass]=\"field.leftAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n\n        <ng-container *ngTemplateOutlet=\"field.keyFilter ? inputKeyFilter : input\"></ng-container>\n\n        @if (field.rightAddon) {\n            @if (field.rightAddon.callback) {\n                <s-button\n                    [label]=\"field.rightAddon.label\"\n                    [iconClass]=\"field.rightAddon.icon\"\n                    [priority]=\"field.rightAddon.priority\"\n                    [disabled]=\"fieldPropertyIsDisabled(field.rightAddon)\"\n                    (clicked)=\"field.rightAddon.callback()\"\n                >\n                </s-button>\n            } @else if (field.rightAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.rightAddon.label) {\n                        <span>{{ field.rightAddon.label }}</span>\n                    } @else if (!field.rightAddon.label) {\n                        <span [ngClass]=\"field.rightAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n    </div>\n}\n<ng-template #input>\n    <input\n        #inputRef\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n<ng-template #inputKeyFilter>\n    <input\n        #inputText\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [pKeyFilter]=\"field.keyFilter\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n", styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.addon-button{border:1px solid #c1c1cc}.addon-button s-button button,.addon-button s-button .s-button-with-text{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5$1.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i6$1.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextFieldComponent, decorators: [{
             type: Component,
             args: [{ encapsulation: ViewEncapsulation.None, template: "@if (inputElement) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputElement\"\n    />\n}\n\n@if (field.mask) {\n    <p-inputMask\n        #inputRef\n        [type]=\"field.inputType || 'text'\"\n        [inputId]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n        [characterPattern]=\"getCharacterPattern()\"\n        [unmask]=\"getUnmask()\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onComplete)=\"onComplete.next($event)\"\n        (onInput)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [readonly]=\"field.readonly ? field.readonly() : false\"\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n\n    >\n    </p-inputMask>\n} @else {\n    <div class=\"ui-inputgroup\">\n        @if (field.leftAddon) {\n            @if (field.leftAddon.callback) {\n                <span class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.leftAddon)\"\n                        (clicked)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.leftAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.leftAddon.label) {\n                        <span>{{ field.leftAddon.label }}</span>\n                    } @else if (!field.leftAddon.label) {\n                        <span [ngClass]=\"field.leftAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n\n        <ng-container *ngTemplateOutlet=\"field.keyFilter ? inputKeyFilter : input\"></ng-container>\n\n        @if (field.rightAddon) {\n            @if (field.rightAddon.callback) {\n                <s-button\n                    [label]=\"field.rightAddon.label\"\n                    [iconClass]=\"field.rightAddon.icon\"\n                    [priority]=\"field.rightAddon.priority\"\n                    [disabled]=\"fieldPropertyIsDisabled(field.rightAddon)\"\n                    (clicked)=\"field.rightAddon.callback()\"\n                >\n                </s-button>\n            } @else if (field.rightAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.rightAddon.label) {\n                        <span>{{ field.rightAddon.label }}</span>\n                    } @else if (!field.rightAddon.label) {\n                        <span [ngClass]=\"field.rightAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n    </div>\n}\n<ng-template #input>\n    <input\n        #inputRef\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n<ng-template #inputKeyFilter>\n    <input\n        #inputText\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [pKeyFilter]=\"field.keyFilter\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n", styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.addon-button{border:1px solid #c1c1cc}.addon-button s-button button,.addon-button s-button .s-button-with-text{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { field: [{
@@ -3576,37 +3612,12 @@ var textField_component = /*#__PURE__*/Object.freeze({
     TextFieldComponent: TextFieldComponent
 });
 
-class StarRatingFieldComponent {
-    field;
-    formControl;
-    onValueChange(newValue) {
-        if (this.field.valueChange) {
-            this.field.valueChange(newValue);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarRatingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StarRatingFieldComponent, selector: "s-star-rating-field", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<s-field-label [field]=\"field\"/>\n\n<s-star-rating [justifyContent]=\"field.justifyContent\" [formControl]=\"formControl\" (selectedStarChange)=\"onValueChange($event)\">\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$d.StarRatingComponent, selector: "s-star-rating", inputs: ["selectedStar", "starsRange", "justifyContent", "disabled"], outputs: ["selectedStarChange", "disabledChange"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarRatingFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 's-star-rating-field', template: "<s-field-label [field]=\"field\"/>\n\n<s-star-rating [justifyContent]=\"field.justifyContent\" [formControl]=\"formControl\" (selectedStarChange)=\"onValueChange($event)\">\n" }]
-        }], propDecorators: { field: [{
-                type: Input
-            }], formControl: [{
-                type: Input
-            }] } });
-
-var starRatingField_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    StarRatingFieldComponent: StarRatingFieldComponent
-});
-
 class DynamicFormModule {
     constructor(dynamicFormCache) {
         dynamicFormCache.setCache();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormModule, deps: [{ token: DynamicFormCacheService }], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormModule, declarations: [FieldLabelComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule, deps: [{ token: DynamicFormCacheService }], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule, declarations: [FieldLabelComponent,
             FileUploadFieldComponent,
             AutocompleteFieldComponent,
             BooleanFieldComponent,
@@ -3619,7 +3630,7 @@ class DynamicFormModule {
             FieldsetComponent,
             LookupComponent,
             LookupFieldComponent,
-            RadioButtonComponent,
+            RadioButtonFieldComponent,
             RowComponent,
             SectionComponent,
             SelectFieldComponent,
@@ -3644,7 +3655,7 @@ class DynamicFormModule {
             CommonModule,
             ControlErrorsModule,
             CountryPhonePickerModule,
-            DialogModule,
+            DialogComponent,
             EmptyStateModule,
             FormsModule,
             HotkeyModule,
@@ -3657,7 +3668,6 @@ class DynamicFormModule {
             PanelModule,
             ButtonModule$1,
             TableModule,
-            RadioButtonModule,
             ReactiveFormsModule,
             TooltipModule,
             FieldsetModule,
@@ -3676,8 +3686,9 @@ class DynamicFormModule {
             TextAreaIAModule,
             TextAreaModule,
             StarRatingComponent,
-            SelectComponent], exports: [DynamicFormComponent, DynamicFormDirective, LookupComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormModule, imports: [AutoCompleteModule,
+            SelectComponent,
+            RadioButtonComponent], exports: [DynamicFormComponent, DynamicFormDirective, LookupComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule, imports: [AutoCompleteModule,
             BadgeModule,
             BignumberInputModule,
             ButtonModule,
@@ -3686,7 +3697,7 @@ class DynamicFormModule {
             CommonModule,
             ControlErrorsModule,
             CountryPhonePickerModule,
-            DialogModule,
+            DialogComponent,
             EmptyStateModule,
             FormsModule,
             HotkeyModule,
@@ -3699,7 +3710,6 @@ class DynamicFormModule {
             PanelModule,
             ButtonModule$1,
             TableModule,
-            RadioButtonModule,
             ReactiveFormsModule,
             TooltipModule,
             FieldsetModule,
@@ -3722,9 +3732,10 @@ class DynamicFormModule {
             TextAreaIAModule,
             TextAreaModule,
             StarRatingComponent,
-            SelectComponent] });
+            SelectComponent,
+            RadioButtonComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3737,7 +3748,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CommonModule,
                         ControlErrorsModule,
                         CountryPhonePickerModule,
-                        DialogModule,
+                        DialogComponent,
                         EmptyStateModule,
                         FormsModule,
                         HotkeyModule,
@@ -3750,7 +3761,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         PanelModule,
                         ButtonModule$1,
                         TableModule,
-                        RadioButtonModule,
                         ReactiveFormsModule,
                         TooltipModule,
                         FieldsetModule,
@@ -3774,6 +3784,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TextAreaModule,
                         StarRatingComponent,
                         SelectComponent,
+                        RadioButtonComponent,
                     ],
                     declarations: [
                         FieldLabelComponent,
@@ -3789,7 +3800,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         FieldsetComponent,
                         LookupComponent,
                         LookupFieldComponent,
-                        RadioButtonComponent,
+                        RadioButtonFieldComponent,
                         RowComponent,
                         SectionComponent,
                         SelectFieldComponent,
@@ -3805,7 +3816,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CurrencyFieldComponent,
                         EditorFieldComponent,
                         CheckboxFieldComponent,
-                        StarRatingFieldComponent
+                        StarRatingFieldComponent,
                     ],
                     exports: [DynamicFormComponent, DynamicFormDirective, LookupComponent],
                 }]