@seniorsistemas/angular-components 19.3.4 → 19.4.1

package/esm2022/picklist/lib/picklist/picklist.module.mjs

@@ -1,36 +1,16 @@
-import { DragDropModule } from '@angular/cdk/drag-drop';
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { TranslateModule } from '@ngx-translate/core';
 import { PicklistComponent } from './picklist.component';
-import { ButtonModule } from '@seniorsistemas/angular-components/button';
 import * as i0 from "@angular/core";
 export class PicklistModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PicklistModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: PicklistModule, declarations: [PicklistComponent], imports: [CommonModule,
-            TranslateModule,
-            DragDropModule,
-            FormsModule,
-            ButtonModule], exports: [PicklistComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PicklistModule, imports: [CommonModule,
-            TranslateModule,
-            DragDropModule,
-            FormsModule,
-            ButtonModule] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: PicklistModule, imports: [PicklistComponent], exports: [PicklistComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PicklistModule, imports: [PicklistComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PicklistModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [PicklistComponent],
-                    imports: [
-                        CommonModule,
-                        TranslateModule,
-                        DragDropModule,
-                        FormsModule,
-                        ButtonModule,
-                    ],
-                    exports: [PicklistComponent]
+                    imports: [PicklistComponent],
+                    exports: [PicklistComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2xpc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3BpY2tsaXN0L3NyYy9saWIvcGlja2xpc3QvcGlja2xpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXRELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQzs7QUFjekUsTUFBTSxPQUFPLGNBQWM7d0dBQWQsY0FBYzt5R0FBZCxjQUFjLGlCQVZWLGlCQUFpQixhQUU5QixZQUFZO1lBQ1osZUFBZTtZQUNmLGNBQWM7WUFDZCxXQUFXO1lBQ1gsWUFBWSxhQUVKLGlCQUFpQjt5R0FFaEIsY0FBYyxZQVJ2QixZQUFZO1lBQ1osZUFBZTtZQUNmLGNBQWM7WUFDZCxXQUFXO1lBQ1gsWUFBWTs7NEZBSUgsY0FBYztrQkFYMUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztvQkFDakMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixjQUFjO3dCQUNkLFdBQVc7d0JBQ1gsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztpQkFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEcmFnRHJvcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5cbmltcG9ydCB7IFBpY2tsaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9waWNrbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAnQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy9idXR0b24nO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1BpY2tsaXN0Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBUcmFuc2xhdGVNb2R1bGUsXG4gICAgRHJhZ0Ryb3BNb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgQnV0dG9uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbUGlja2xpc3RDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFBpY2tsaXN0TW9kdWxlIHsgfVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2xpc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3BpY2tsaXN0L3NyYy9saWIvcGlja2xpc3QvcGlja2xpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBTXpELE1BQU0sT0FBTyxjQUFjO3dHQUFkLGNBQWM7eUdBQWQsY0FBYyxZQUhiLGlCQUFpQixhQUNqQixpQkFBaUI7eUdBRWxCLGNBQWMsWUFIYixpQkFBaUI7OzRGQUdsQixjQUFjO2tCQUoxQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLGlCQUFpQixDQUFDO29CQUM1QixPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBQaWNrbGlzdENvbXBvbmVudCB9IGZyb20gJy4vcGlja2xpc3QuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbUGlja2xpc3RDb21wb25lbnRdLFxuICAgIGV4cG9ydHM6IFtQaWNrbGlzdENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFBpY2tsaXN0TW9kdWxlIHt9XG5cbiJdfQ==

package/esm2022/picklist/lib/picklist/types/index.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvcGlja2xpc3Qvc3JjL2xpYi9waWNrbGlzdC90eXBlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgeyBQaWNrTGlzdEl0ZW0gfSBmcm9tICcuL3BpY2tsaXN0LWl0ZW0nO1xuZXhwb3J0IHR5cGUgeyBQaWNrbGlzdFRlbXBsYXRlVHlwZXMgfSBmcm9tICcuL3BpY2tsaXN0LXRlbXBsYXRlLXR5cGVzJzsiXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvcGlja2xpc3Qvc3JjL2xpYi9waWNrbGlzdC90eXBlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUge1xuICAgIFBpY2tMaXN0SXRlbSxcbiAgICBQaWNrbGlzdEl0ZW1Nb3ZlLFxuICAgIFBpY2tsaXN0TGF6eUxvYWRFdmVudCxcbiAgICBQaWNrbGlzdExvYWRlcixcbiAgICBQaWNrbGlzdExvYWRlclJlc3BvbnNlLFxuICAgIFBpY2tsaXN0VGFyZ2V0LFxufSBmcm9tICcuL3BpY2tsaXN0LWl0ZW0nO1xuZXhwb3J0IHR5cGUgeyBQaWNrbGlzdFRlbXBsYXRlVHlwZXMgfSBmcm9tICcuL3BpY2tsaXN0LXRlbXBsYXRlLXR5cGVzJztcblxuIl19

package/esm2022/picklist/lib/picklist/types/picklist-item.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2xpc3QtaXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9waWNrbGlzdC9zcmMvbGliL3BpY2tsaXN0L3R5cGVzL3BpY2tsaXN0LWl0ZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgUGlja0xpc3RJdGVtPFQ+IHtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgZGF0YTogVDtcbn0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2xpc3QtaXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9waWNrbGlzdC9zcmMvbGliL3BpY2tsaXN0L3R5cGVzL3BpY2tsaXN0LWl0ZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuZXhwb3J0IGludGVyZmFjZSBQaWNrTGlzdEl0ZW08VD4ge1xuICAgIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICBkYXRhOiBUO1xuICAgIGlkPzogc3RyaW5nO1xufVxuXG5leHBvcnQgdHlwZSBQaWNrbGlzdFRhcmdldCA9ICd0by1zZWxlY3QnIHwgJ3NlbGVjdGVkJztcblxuZXhwb3J0IHR5cGUgUGlja2xpc3RMYXp5TG9hZEV2ZW50ID0ge1xuICAgIHRhcmdldDogUGlja2xpc3RUYXJnZXQ7XG4gICAgcGFnZTogbnVtYmVyO1xuICAgIGZpbHRlcjogc3RyaW5nO1xuICAgIHBhZ2VTaXplOiBudW1iZXI7XG59O1xuXG5leHBvcnQgdHlwZSBQaWNrbGlzdEl0ZW1Nb3ZlPFQ+ID0ge1xuICAgIGl0ZW1zOiBUW107XG4gICAgZGlyZWN0aW9uOiBQaWNrbGlzdFRhcmdldDtcbiAgICBtb3ZlQWxsOiBib29sZWFuO1xuICAgIHJldmVydEFjdGlvbjogVm9pZEZ1bmN0aW9uO1xufTtcblxuZXhwb3J0IHR5cGUgUGlja2xpc3RMb2FkZXJSZXNwb25zZTxUPiA9IHtcbiAgICBpdGVtczogUGlja0xpc3RJdGVtPFQ+W107XG4gICAgdG90YWxSZWNvcmRzOiBudW1iZXI7XG59O1xuXG5leHBvcnQgdHlwZSBQaWNrbGlzdExvYWRlcjxUPiA9IChldmVudDogUGlja2xpc3RMYXp5TG9hZEV2ZW50KSA9PiBPYnNlcnZhYmxlPFBpY2tsaXN0TG9hZGVyUmVzcG9uc2U8VD4+O1xuXG4iXX0=

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

@@ -477,6 +477,7 @@ class LookupComponent {
     rowType = 'Row';
     indicatorLogo = LoadingStateIndicators.Logo;
     static nextId = 0;
+    hasSearched = false;
     formControlName;
     id = `s-lookup-${LookupComponent.nextId++}`;
     autocompleteForceSelection = true;
@@ -667,6 +668,7 @@ class LookupComponent {
         this.onSearchRequest.next(params);
     }
     onCompleteMethod(event) {
+        this.hasSearched = true;
         if (!this.autocompleteForceSelection) {
             this.onChange?.(this.value === '' ? null : this.value);
         }
@@ -945,7 +947,7 @@ class LookupComponent {
                 useExisting: forwardRef(() => LookupComponent),
                 multi: true,
             },
-        ], 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, 'native-dropdown': !showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        sAutoCompleteMultipleFix\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [maxlength]=\"maxlength\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"onCompleteMethod($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    </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]=\"dialogFullScreen() ? 'fullscreen' : '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                                    <s-dynamic-form\n                                        [configs]=\"searchFieldsDynamicStructure\"\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);\n                                                        else emptyTemplate\n                                                    \"\n                                                >\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            getBadgeFromValue(getFieldValue(rowData, col.name), col);\n                                                            then withBadge;\n                                                            else withoutBadge\n                                                        \"\n                                                    ></ng-container>\n                                                    <ng-template #withBadge>\n                                                        <s-badge\n                                                            [text]=\"\n                                                                getLabelForValue(getFieldValue(rowData, col.name), col)\n                                                            \"\n                                                            [color]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.color\n                                                            \"\n                                                            [type]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.type\n                                                            \"\n                                                            [iconClass]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.iconClass\n                                                            \"\n                                                            [iconPosition]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.iconPosition\n                                                            \"\n                                                        >\n                                                        </s-badge>\n                                                    </ng-template>\n                                                    <ng-template #withoutBadge>\n                                                        <span>\n                                                            {{\n                                                                getLabelForValue(getFieldValue(rowData, col.name), col)\n                                                            }}\n                                                        </span>\n                                                    </ng-template>\n                                                </ng-container>\n                                            }\n                                            @default {\n                                                @if (fieldHasMask(col) && 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        <ng-template sTemplate=\"footer\">\n            <div class=\"flex w-full justify-end\">\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                <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            </div>\n        </ng-template>\n    }\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\n", styles: ["s-lookup.ng-dirty.ng-invalid .p-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 .native-dropdown p-autocomplete .p-autocomplete>.p-iconwrapper{position:relative;right:19px}s-lookup .inputgroup p-autocomplete .p-autocomplete-input{width:100%}body s-lookup .inputgroup:has(input:focus) .button-addon{border-color:#428bca!important}body s-lookup .inputgroup .button-addon--disabled{opacity:.5}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:highlight(#ccc);border-color:#ccc}s-lookup:not(.ng-dirty.ng-invalid) .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:30%;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}.inputgroup p-autocomplete{width:calc(100% - 35px)}\n"], dependencies: [{ kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i1$2.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: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: AutoCompleteMultipleKeyboardFixDirective, selector: "p-autoComplete[sAutoCompleteMultipleFix], p-autocomplete[sAutoCompleteMultipleFix], p-auto-complete[sAutoCompleteMultipleFix]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DialogComponent, selector: "s-dialog", inputs: ["header", "visible", "size", "contentClassName", "escapeOnEsc", "destroyClickOutside", "closeAriaLabel"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: DynamicFormComponent, selector: "s-dynamic-form", inputs: ["id", "configs", "fields", "form", "errorMessages"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel"], outputs: ["clicked"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: EmptyStateModule }, { kind: "component", type: i5.EmptyStateComponent, selector: "s-empty-state", inputs: ["id", "title", "iconClass", "description", "showPrimaryAction", "showSecondaryAction", "primaryActionLabel", "secondaryActionLabel", "primaryModel"], outputs: ["primaryAction", "secondaryAction"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i6.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: i6.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i6.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: i6.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i6.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "ngmodule", type: LoadingStateModule }, { kind: "directive", type: i7.LoadingStateDirective, selector: "[sLoadingState]", inputs: ["sLoadingState"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: LocaleModule }, { kind: "pipe", type: i8.LocalizedDatePipe, name: "localizedDate" }, { kind: "pipe", type: i8.LocalizedTimePipe, name: "localizedTime" }, { kind: "pipe", type: i8.LocalizedBignumberPipe, name: "localizedBignumber" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "component", type: i9.BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign", "enableTruncateText"], outputs: ["selected"] }, { kind: "ngmodule", type: MaskFormatterModule }, { kind: "pipe", type: i10.MaskFormatterPipe, name: "sMaskFormatter" }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "ngmodule", type: TableHeaderCheckboxModule }, { kind: "component", type: i11.TableHeaderCheckboxComponent, selector: "s-table-header-checkbox", inputs: ["id", "disabled", "rowProps", "useAllObject"] }, { kind: "ngmodule", type: TemplateModule }, { kind: "directive", type: i12.TemplateDirective, selector: "[sTemplate]", inputs: ["sTemplate"] }], 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, 'native-dropdown': !showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        sAutoCompleteMultipleFix\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [maxlength]=\"maxlength\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"onCompleteMethod($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        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\"\n    >\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@if (lookupEmptyMessage && hasSearched && getLookupSuggestions().length === 0) {\n    <small class=\"block text-sm text-gray-500 pt-1\">{{ lookupEmptyMessage }}</small>\n}\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]=\"dialogFullScreen() ? 'fullscreen' : '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                                    <s-dynamic-form\n                                        [configs]=\"searchFieldsDynamicStructure\"\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);\n                                                        else emptyTemplate\n                                                    \"\n                                                >\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            getBadgeFromValue(getFieldValue(rowData, col.name), col);\n                                                            then withBadge;\n                                                            else withoutBadge\n                                                        \"\n                                                    ></ng-container>\n                                                    <ng-template #withBadge>\n                                                        <s-badge\n                                                            [text]=\"\n                                                                getLabelForValue(getFieldValue(rowData, col.name), col)\n                                                            \"\n                                                            [color]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.color\n                                                            \"\n                                                            [type]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.type\n                                                            \"\n                                                            [iconClass]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.iconClass\n                                                            \"\n                                                            [iconPosition]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.iconPosition\n                                                            \"\n                                                        >\n                                                        </s-badge>\n                                                    </ng-template>\n                                                    <ng-template #withoutBadge>\n                                                        <span>\n                                                            {{\n                                                                getLabelForValue(getFieldValue(rowData, col.name), col)\n                                                            }}\n                                                        </span>\n                                                    </ng-template>\n                                                </ng-container>\n                                            }\n                                            @default {\n                                                @if (fieldHasMask(col) && 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        <ng-template sTemplate=\"footer\">\n            <div class=\"flex w-full justify-end\">\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                <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            </div>\n        </ng-template>\n    }\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\n", styles: ["s-lookup.ng-dirty.ng-invalid .p-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 .native-dropdown p-autocomplete .p-autocomplete>.p-iconwrapper{position:relative;right:19px}s-lookup .inputgroup p-autocomplete .p-autocomplete-input{width:100%}body s-lookup .inputgroup:has(input:focus) .button-addon{border-color:#428bca!important}body s-lookup .inputgroup .button-addon--disabled{opacity:.5}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:highlight(#ccc);border-color:#ccc}s-lookup:not(.ng-dirty.ng-invalid) .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:30%;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}.inputgroup p-autocomplete{width:calc(100% - 35px)}\n"], dependencies: [{ kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i1$2.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: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: AutoCompleteMultipleKeyboardFixDirective, selector: "p-autoComplete[sAutoCompleteMultipleFix], p-autocomplete[sAutoCompleteMultipleFix], p-auto-complete[sAutoCompleteMultipleFix]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DialogComponent, selector: "s-dialog", inputs: ["header", "visible", "size", "contentClassName", "escapeOnEsc", "destroyClickOutside", "closeAriaLabel"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: DynamicFormComponent, selector: "s-dynamic-form", inputs: ["id", "configs", "fields", "form", "errorMessages"] }, { kind: "component", type: ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel"], outputs: ["clicked"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: EmptyStateModule }, { kind: "component", type: i5.EmptyStateComponent, selector: "s-empty-state", inputs: ["id", "title", "iconClass", "description", "showPrimaryAction", "showSecondaryAction", "primaryActionLabel", "secondaryActionLabel", "primaryModel"], outputs: ["primaryAction", "secondaryAction"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i6.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: i6.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i6.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: i6.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i6.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "ngmodule", type: LoadingStateModule }, { kind: "directive", type: i7.LoadingStateDirective, selector: "[sLoadingState]", inputs: ["sLoadingState"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: LocaleModule }, { kind: "pipe", type: i8.LocalizedDatePipe, name: "localizedDate" }, { kind: "pipe", type: i8.LocalizedTimePipe, name: "localizedTime" }, { kind: "pipe", type: i8.LocalizedBignumberPipe, name: "localizedBignumber" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "component", type: i9.BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign", "enableTruncateText"], outputs: ["selected"] }, { kind: "ngmodule", type: MaskFormatterModule }, { kind: "pipe", type: i10.MaskFormatterPipe, name: "sMaskFormatter" }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "ngmodule", type: TableHeaderCheckboxModule }, { kind: "component", type: i11.TableHeaderCheckboxComponent, selector: "s-table-header-checkbox", inputs: ["id", "disabled", "rowProps", "useAllObject"] }, { kind: "ngmodule", type: TemplateModule }, { kind: "directive", type: i12.TemplateDirective, selector: "[sTemplate]", inputs: ["sTemplate"] }], animations: [
             trigger('collapseContent', [
                 state('hidden', style({
                     width: '10px',
@@ -1023,7 +1025,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                             })),
                             transition('* <=> *', animate('{{transitionParams}}')),
                         ]),
-                    ], template: "<div [ngClass]=\"{ inputgroup: showSearch, 'native-dropdown': !showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        sAutoCompleteMultipleFix\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [maxlength]=\"maxlength\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"onCompleteMethod($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    </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]=\"dialogFullScreen() ? 'fullscreen' : '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                                    <s-dynamic-form\n                                        [configs]=\"searchFieldsDynamicStructure\"\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);\n                                                        else emptyTemplate\n                                                    \"\n                                                >\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            getBadgeFromValue(getFieldValue(rowData, col.name), col);\n                                                            then withBadge;\n                                                            else withoutBadge\n                                                        \"\n                                                    ></ng-container>\n                                                    <ng-template #withBadge>\n                                                        <s-badge\n                                                            [text]=\"\n                                                                getLabelForValue(getFieldValue(rowData, col.name), col)\n                                                            \"\n                                                            [color]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.color\n                                                            \"\n                                                            [type]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.type\n                                                            \"\n                                                            [iconClass]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.iconClass\n                                                            \"\n                                                            [iconPosition]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.iconPosition\n                                                            \"\n                                                        >\n                                                        </s-badge>\n                                                    </ng-template>\n                                                    <ng-template #withoutBadge>\n                                                        <span>\n                                                            {{\n                                                                getLabelForValue(getFieldValue(rowData, col.name), col)\n                                                            }}\n                                                        </span>\n                                                    </ng-template>\n                                                </ng-container>\n                                            }\n                                            @default {\n                                                @if (fieldHasMask(col) && 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        <ng-template sTemplate=\"footer\">\n            <div class=\"flex w-full justify-end\">\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                <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            </div>\n        </ng-template>\n    }\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\n", styles: ["s-lookup.ng-dirty.ng-invalid .p-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 .native-dropdown p-autocomplete .p-autocomplete>.p-iconwrapper{position:relative;right:19px}s-lookup .inputgroup p-autocomplete .p-autocomplete-input{width:100%}body s-lookup .inputgroup:has(input:focus) .button-addon{border-color:#428bca!important}body s-lookup .inputgroup .button-addon--disabled{opacity:.5}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:highlight(#ccc);border-color:#ccc}s-lookup:not(.ng-dirty.ng-invalid) .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:30%;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}.inputgroup p-autocomplete{width:calc(100% - 35px)}\n"] }]
+                    ], template: "<div [ngClass]=\"{ inputgroup: showSearch, 'native-dropdown': !showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        sAutoCompleteMultipleFix\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [maxlength]=\"maxlength\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"onCompleteMethod($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        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\"\n    >\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@if (lookupEmptyMessage && hasSearched && getLookupSuggestions().length === 0) {\n    <small class=\"block text-sm text-gray-500 pt-1\">{{ lookupEmptyMessage }}</small>\n}\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]=\"dialogFullScreen() ? 'fullscreen' : '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                                    <s-dynamic-form\n                                        [configs]=\"searchFieldsDynamicStructure\"\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);\n                                                        else emptyTemplate\n                                                    \"\n                                                >\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            getBadgeFromValue(getFieldValue(rowData, col.name), col);\n                                                            then withBadge;\n                                                            else withoutBadge\n                                                        \"\n                                                    ></ng-container>\n                                                    <ng-template #withBadge>\n                                                        <s-badge\n                                                            [text]=\"\n                                                                getLabelForValue(getFieldValue(rowData, col.name), col)\n                                                            \"\n                                                            [color]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.color\n                                                            \"\n                                                            [type]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.type\n                                                            \"\n                                                            [iconClass]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.iconClass\n                                                            \"\n                                                            [iconPosition]=\"\n                                                                getBadgeFromValue(getFieldValue(rowData, col.name), col)\n                                                                    ?.iconPosition\n                                                            \"\n                                                        >\n                                                        </s-badge>\n                                                    </ng-template>\n                                                    <ng-template #withoutBadge>\n                                                        <span>\n                                                            {{\n                                                                getLabelForValue(getFieldValue(rowData, col.name), col)\n                                                            }}\n                                                        </span>\n                                                    </ng-template>\n                                                </ng-container>\n                                            }\n                                            @default {\n                                                @if (fieldHasMask(col) && 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        <ng-template sTemplate=\"footer\">\n            <div class=\"flex w-full justify-end\">\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                <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            </div>\n        </ng-template>\n    }\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\n", styles: ["s-lookup.ng-dirty.ng-invalid .p-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 .native-dropdown p-autocomplete .p-autocomplete>.p-iconwrapper{position:relative;right:19px}s-lookup .inputgroup p-autocomplete .p-autocomplete-input{width:100%}body s-lookup .inputgroup:has(input:focus) .button-addon{border-color:#428bca!important}body s-lookup .inputgroup .button-addon--disabled{opacity:.5}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:highlight(#ccc);border-color:#ccc}s-lookup:not(.ng-dirty.ng-invalid) .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:30%;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}.inputgroup p-autocomplete{width:calc(100% - 35px)}\n"] }]
         }], propDecorators: { formControlName: [{
                 type: Input
             }], id: [{