@seniorsistemas/angular-components 17.31.3 → 17.31.4

package/bundles/seniorsistemas-angular-components.umd.js

@@ -7518,6 +7518,7 @@
             this.showAddOption = false;
             this.showEditOption = false;
             this.showRemoveOption = false;
+            this.dialogFullscreen = false;
             this.onLookupRequest = new core.EventEmitter();
             this.onSearchRequest = new core.EventEmitter();
             this.onFocus = new core.EventEmitter();
@@ -7969,6 +7970,9 @@
         __decorate([
             core.Input()
         ], LookupComponent.prototype, "showRemoveOption", void 0);
+        __decorate([
+            core.Input()
+        ], LookupComponent.prototype, "dialogFullscreen", void 0);
         __decorate([
             core.Output()
         ], LookupComponent.prototype, "onLookupRequest", void 0);
@@ -8051,7 +8055,7 @@
             core.Injectable(),
             core.Component({
                 selector: "s-lookup",
-                template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"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        <ng-template let-item pTemplate=\"selectedItem\">\n            <span\n                class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                tooltipPosition=\"top\">\n                {{item[lookupDisplayField]}}\n            </span>\n        </ng-template>\n    </p-autoComplete>\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\">\n    </button>\n</div>\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog>\n    <div\n        *ngIf=\"dialogVisible\"\n        class=\"s-lookup-modal-container\">\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter\"\n            [@collapseContent]=\"collapsed\n                ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form\n                [formGroup]=\"formGroupDialog\"\n                novalidate\n                autocomplete=\"off\">\n                <div\n                    *ngIf=\"!collapsed\"\n                    class=\"form-content\"\n                    [@childCollapseContent]=\"collapsed\n                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                        : { value: ':enter', params: { transitionParams: transitionOptions } }\">\n                    <div class=\"filter-title sds-section-title\">\n                        {{ filterTitle || \"platform.angular_components.filters\" | translate }}\n                    </div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form\n                            [fields]=\"searchFields\"\n                            [form]=\"formGroupDialog\">\n                        </s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12 no-button-margin\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel || 'platform.angular_components.filter' | translate\"\n                                (onClick)=\"search()\"\n                                sTooltip=\"(ALT + SHIFT + F)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel || 'platform.angular_components.clear' | translate\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                sTooltip=\"(ALT + SHIFT + L)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter-toggle\">\n            <button\n                [id]=\"id + '-filter-toggle-button'\"\n                type=\"button\"\n                (click)=\"filterToggle()\">\n                <span\n                    class=\"fa\"\n                    [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\">\n                </span>\n            </button>\n        </div>\n        <div\n            class=\"content\"\n            [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\">\n            </s-empty-state>\n\n            <div class=\"content-child\">\n                <p-table\n                    [dataKey]=\"dataKey\"\n                    [value]=\"getGridData()\"\n                    [columns]=\"searchGridFields\"\n                    [lazy]=\"true\"\n                    [scrollable]=\"true\"\n                    [paginator]=\"true\"\n                    sortMode=\"multiple\"\n                    [totalRecords]=\"searchTotalRecords\"\n                    [rows]=\"10\"\n                    [selection]=\"selected\"\n                    (onLazyLoad)=\"lazyLoadGrid($event)\"\n                    *sLoadingState=\"{ loading: loading, indicator: 'logo' }\"\n                    [multiSortMeta]=\"multiSortMeta\"\n                    [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                    [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                    (selectionChange)=\"onSelectionChange($event)\">\n                        <ng-template pTemplate=\"caption\">\n                            <div class=\"buttons-container no-button-margin\">\n                                <s-button\n                                    *ngIf=\"showAddOption\"\n                                    priority=\"default\"\n                                    [label]=\"'platform.angular_components.add' | translate\"\n                                    (onClick)=\"onAdd.emit()\">\n                                </s-button>\n                                <s-button\n                                    *ngIf=\"showEditOption\"\n                                    priority=\"default\"\n                                    [label]=\"'platform.angular_components.edit' | translate\"\n                                    [disabled]=\"selected.length !== 1\"\n                                    (onClick)=\"onEdit.emit(this.selected[0])\">\n                                </s-button>\n                                <s-button\n                                    *ngIf=\"showRemoveOption\"\n                                    priority=\"default\"\n                                    [label]=\"'platform.angular_components.remove' | translate\"\n                                    [disabled]=\"!selected.length\"\n                                    (onClick)=\"onRemove.emit(this.selected)\">\n                                </s-button>\n                            </div>\n                        </ng-template>\n                        <ng-template pTemplate=\"colgroup\" let-columns>\n                            <colgroup>\n                                <col\n                                    *ngIf=\"multiple\"\n                                    style=\"width: 50px\" />\n                                <col\n                                    *ngFor=\"let col of columns\"\n                                    [style.width]=\"col.width\" />\n                            </colgroup>\n                        </ng-template>\n                        <ng-template pTemplate=\"header\" let-columns>\n                            <tr>\n                                <th\n                                    *ngIf=\"multiple\"\n                                    style=\"width: 50px\">\n                                    <s-table-header-checkbox\n                                        [useAllObject]=\"lookupRowProps ? false : true\"\n                                        [rowProps]=\"lookupRowProps\">\n                                    </s-table-header-checkbox>\n                                </th>\n                                <th\n                                    [style.width]=\"col.width\"\n                                    *ngFor=\"let col of columns\"\n                                    [pSortableColumn]=\"col.sortableColumnName ? col.sortableColumnName : col.name\"\n                                    [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\">\n                                    <div class=\"senior-header\">\n                                        <span class=\"senior-header-title\">{{ col.label }}</span>\n                                        <p-sortIcon\n                                            [field]=\"col.name\"\n                                            *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\">\n                                        </p-sortIcon>\n                                    </div>\n                                </th>\n                            </tr>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"body\"\n                            let-rowData\n                            let-columns\n                            let-rowIndex=\"rowIndex\">\n                            <tr\n                                sNavigation\n                                [pSelectableRow]=\"rowData\"\n                                [pSelectableRowIndex]=\"rowIndex\"\n                                sDoubleClick (onDoubleClick)=\"onTableRowDoubleClick(rowData)\">\n                                <td\n                                    *ngIf=\"multiple\"\n                                    style=\"width: 50px\"\n                                    tabindex=\"0\">\n                                    <p-tableCheckbox\n                                        [value]=\"rowData\"\n                                        [pSelectableRow]=\"rowData\">\n                                    </p-tableCheckbox>\n                                </td>\n                                <td\n                                    [style.width]=\"col['width']\"\n                                    *ngFor=\"let col of searchGridFields\"\n                                    [ngSwitch]=\"col.type\"\n                                    tabindex=\"0\">\n                                    <ng-container *ngSwitchCase=\"'Boolean'\">\n                                        <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Date'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedDate: col.calendarLocaleOptions?.dateFormat || \"L\" | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'DateTime'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'LocalDateTime'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Time'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedTime: col.calendarLocaleOptions?.dateFormat || \"LTS\" | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Integer'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getIntegerMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Double'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getDoubleMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Money'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getMoneyMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Number'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getNumberMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Enum'\">\n                                        <ng-container *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\">\n                                            <ng-container *ngIf=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options); then withBadge; else withoutBadge\"></ng-container>\n                                            <ng-template #withBadge>\n                                                <s-badge\n                                                    [text]=\"getLabelForValue(getFieldValue(rowData, col.name), col.options)\"\n                                                    [color]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).color\"\n                                                    [type]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).type\"\n                                                    [iconClass]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).iconClass\"\n                                                    [iconPosition]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).iconPosition\">\n                                                </s-badge>\n                                            </ng-template>\n                                            <ng-template #withoutBadge>\n                                                <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                            </ng-template>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchDefault>\n                                        <ng-container *ngIf=\"col.mask && col.mask({ value: rowData })\">\n                                            <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n                                                <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask({ value: rowData }) }}</span>\n                                            </ng-container>\n                                        </ng-container>\n                                        <ng-container *ngIf=\"!(col.mask && col.mask({ value: rowData }))\">\n                                            <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n                                                <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                            </ng-container>\n                                        </ng-container>\n                                    </ng-container>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"paginatorright\">\n                            <span [attr.data-hidden]=\"loading\">\n                                {{ printRecordTotalizer() }}\n                            </span>\n                        </ng-template>\n                </p-table>\n            </div>\n\n        </div>\n    </div>\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel || 'platform.angular_components.select' | translate\"\n            (onClick)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\">\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel || 'platform.angular_components.cancel' | translate\"\n            (onClick)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">\n        {{ emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n",
+                template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"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        <ng-template let-item pTemplate=\"selectedItem\">\n            <span\n                class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                tooltipPosition=\"top\"\n            >\n                {{ item[lookupDisplayField] }}\n            </span>\n        </ng-template>\n    </p-autoComplete>\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\"\n    ></button>\n</div>\n<p-dialog\n    appendTo=\"body\"\n    [styleClass]=\"'s-lookup-modal ' + (dialogFullscreen ? 's-lookup-modal-fullscreen' : '')\"\n    [header]=\"searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog\n>\n    <div *ngIf=\"dialogVisible\" class=\"s-lookup-modal-container\">\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\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 [formGroup]=\"formGroupDialog\" novalidate autocomplete=\"off\">\n                <div\n                    *ngIf=\"!collapsed\"\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                        {{ filterTitle || \"platform.angular_components.filters\" | translate }}\n                    </div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form [fields]=\"searchFields\" [form]=\"formGroupDialog\"> </s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12 no-button-margin\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel || 'platform.angular_components.filter' | translate\"\n                                (onClick)=\"search()\"\n                                sTooltip=\"(ALT + SHIFT + F)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\"\n                            >\n                            </s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel || 'platform.angular_components.clear' | translate\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                sTooltip=\"(ALT + SHIFT + L)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\"\n                            >\n                            </s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n        <div *ngIf=\"searchFields && searchFields.length\" class=\"filter-toggle\">\n            <button [id]=\"id + '-filter-toggle-button'\" type=\"button\" (click)=\"filterToggle()\">\n                <span class=\"fa\" [ngClass]=\"{ 'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed }\" aria-hidden=\"true\"> </span>\n            </button>\n        </div>\n        <div class=\"content\" [ngClass]=\"{ 'empty-content': !searchTotalRecords && !loading }\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\"\n            >\n            </s-empty-state>\n\n            <div class=\"content-child\">\n                <p-table\n                    [dataKey]=\"dataKey\"\n                    [value]=\"getGridData()\"\n                    [columns]=\"searchGridFields\"\n                    [lazy]=\"true\"\n                    [scrollable]=\"true\"\n                    [paginator]=\"true\"\n                    sortMode=\"multiple\"\n                    [totalRecords]=\"searchTotalRecords\"\n                    [rows]=\"10\"\n                    [selection]=\"selected\"\n                    (onLazyLoad)=\"lazyLoadGrid($event)\"\n                    *sLoadingState=\"{ loading: loading, indicator: 'logo' }\"\n                    [multiSortMeta]=\"multiSortMeta\"\n                    [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                    [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                    (selectionChange)=\"onSelectionChange($event)\"\n                >\n                    <ng-template pTemplate=\"caption\">\n                        <div class=\"buttons-container no-button-margin\">\n                            <s-button\n                                *ngIf=\"showAddOption\"\n                                priority=\"default\"\n                                [label]=\"'platform.angular_components.add' | translate\"\n                                (onClick)=\"onAdd.emit()\"\n                            >\n                            </s-button>\n                            <s-button\n                                *ngIf=\"showEditOption\"\n                                priority=\"default\"\n                                [label]=\"'platform.angular_components.edit' | translate\"\n                                [disabled]=\"selected.length !== 1\"\n                                (onClick)=\"onEdit.emit(this.selected[0])\"\n                            >\n                            </s-button>\n                            <s-button\n                                *ngIf=\"showRemoveOption\"\n                                priority=\"default\"\n                                [label]=\"'platform.angular_components.remove' | translate\"\n                                [disabled]=\"!selected.length\"\n                                (onClick)=\"onRemove.emit(this.selected)\"\n                            >\n                            </s-button>\n                        </div>\n                    </ng-template>\n                    <ng-template pTemplate=\"colgroup\" let-columns>\n                        <colgroup>\n                            <col *ngIf=\"multiple\" style=\"width: 50px\" />\n                            <col *ngFor=\"let col of columns\" [style.width]=\"col.width\" />\n                        </colgroup>\n                    </ng-template>\n                    <ng-template pTemplate=\"header\" let-columns>\n                        <tr>\n                            <th *ngIf=\"multiple\" style=\"width: 50px\">\n                                <s-table-header-checkbox [useAllObject]=\"lookupRowProps ? false : true\" [rowProps]=\"lookupRowProps\">\n                                </s-table-header-checkbox>\n                            </th>\n                            <th\n                                [style.width]=\"col.width\"\n                                *ngFor=\"let col of columns\"\n                                [pSortableColumn]=\"col.sortableColumnName ? col.sortableColumnName : col.name\"\n                                [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\"\n                            >\n                                <div class=\"senior-header\">\n                                    <span class=\"senior-header-title\">{{ col.label }}</span>\n                                    <p-sortIcon [field]=\"col.name\" *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\"> </p-sortIcon>\n                                </div>\n                            </th>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-rowData let-columns let-rowIndex=\"rowIndex\">\n                        <tr\n                            sNavigation\n                            [pSelectableRow]=\"rowData\"\n                            [pSelectableRowIndex]=\"rowIndex\"\n                            sDoubleClick\n                            (onDoubleClick)=\"onTableRowDoubleClick(rowData)\"\n                        >\n                            <td *ngIf=\"multiple\" style=\"width: 50px\" tabindex=\"0\">\n                                <p-tableCheckbox [value]=\"rowData\" [pSelectableRow]=\"rowData\"> </p-tableCheckbox>\n                            </td>\n                            <td [style.width]=\"col['width']\" *ngFor=\"let col of searchGridFields\" [ngSwitch]=\"col.type\" tabindex=\"0\">\n                                <ng-container *ngSwitchCase=\"'Boolean'\">\n                                    <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                        <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngSwitchCase=\"'Date'\">\n                                    <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                        <span>{{\n                                            getFieldValue(rowData, col.name)\n                                                | localizedDate: col.calendarLocaleOptions?.dateFormat || \"L\"\n                                                | async\n                                        }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngSwitchCase=\"'DateTime'\">\n                                    <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                        <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngSwitchCase=\"'LocalDateTime'\">\n                                    <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                        <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngSwitchCase=\"'Time'\">\n                                    <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                        <span>{{\n                                            getFieldValue(rowData, col.name)\n                                                | localizedTime: col.calendarLocaleOptions?.dateFormat || \"LTS\"\n                                                | async\n                                        }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngSwitchCase=\"'Integer'\">\n                                    <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                        <span>\n                                            {{ getFieldValue(rowData, col.name) | localizedBignumber: getIntegerMaskConfig(col) | async }}\n                                        </span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngSwitchCase=\"'Double'\">\n                                    <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                        <span>\n                                            {{ getFieldValue(rowData, col.name) | localizedBignumber: getDoubleMaskConfig(col) | async }}\n                                        </span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngSwitchCase=\"'Money'\">\n                                    <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                        <span>\n                                            {{ getFieldValue(rowData, col.name) | localizedBignumber: getMoneyMaskConfig(col) | async }}\n                                        </span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngSwitchCase=\"'Number'\">\n                                    <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                        <span>\n                                            {{ getFieldValue(rowData, col.name) | localizedBignumber: getNumberMaskConfig(col) | async }}\n                                        </span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngSwitchCase=\"'Enum'\">\n                                    <ng-container\n                                        *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\"\n                                    >\n                                        <ng-container\n                                            *ngIf=\"\n                                                getBadgeFromValue(getFieldValue(rowData, col.name), col.options);\n                                                then withBadge;\n                                                else withoutBadge\n                                            \"\n                                        ></ng-container>\n                                        <ng-template #withBadge>\n                                            <s-badge\n                                                [text]=\"getLabelForValue(getFieldValue(rowData, col.name), col.options)\"\n                                                [color]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).color\"\n                                                [type]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).type\"\n                                                [iconClass]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).iconClass\"\n                                                [iconPosition]=\"\n                                                    getBadgeFromValue(getFieldValue(rowData, col.name), col.options).iconPosition\n                                                \"\n                                            >\n                                            </s-badge>\n                                        </ng-template>\n                                        <ng-template #withoutBadge>\n                                            <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                        </ng-template>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngSwitchDefault>\n                                    <ng-container *ngIf=\"col.mask && col.mask({ value: rowData })\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name) || getFieldValue(rowData, col.name)\">\n                                            <span>{{\n                                                getFieldValue(rowData, col.name) | sMaskFormatter: col.mask({ value: rowData })\n                                            }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngIf=\"!(col.mask && col.mask({ value: rowData }))\">\n                                        <ng-container\n                                            *ngIf=\"isNumber(rowData, col.name) || getFieldValue(rowData, col.name); else emptyTemplate\"\n                                        >\n                                            <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                </ng-container>\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"paginatorright\">\n                        <span [attr.data-hidden]=\"loading\">\n                            {{ printRecordTotalizer() }}\n                        </span>\n                    </ng-template>\n                </p-table>\n            </div>\n        </div>\n    </div>\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel || 'platform.angular_components.select' | translate\"\n            (onClick)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\"\n        >\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel || 'platform.angular_components.cancel' | translate\"\n            (onClick)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\"\n        >\n        </s-button>\n    </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">\n        {{ emptyFieldLabel || \"platform.angular_components.not_informed\" | translate }}\n    </span>\n</ng-template>\n",
                 providers: [
                     {
                         provide: forms.NG_VALUE_ACCESSOR,
@@ -8081,7 +8085,7 @@
                         animations.transition("* <=> *", animations.animate("{{transitionParams}}")),
                     ]),
                 ],
-                styles: [".no-button-margin s-button{margin-left:0}s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018;border-right-width:1px}s-lookup.ng-dirty.ng-invalid .button-addon,s-lookup.ng-dirty.ng-invalid .ui-autocomplete-dropdown{border-left:none}s-lookup .ui-inputtext{border-top-right-radius:0;border-bottom-right-radius:0}s-lookup .inputgroup p-autocomplete+button,s-lookup p-autocomplete .ui-autocomplete-dropdown.ui-button{background-color:#fff;border-color:#ccc;border-width:1px 1px 1px 0;color:#333;min-height:34px;height:auto!important;min-width:auto;width:34px!important;overflow:hidden;border-top-left-radius:0;border-bottom-left-radius:0}s-lookup .inputgroup,s-lookup p-autocomplete span.ui-autocomplete-multiple{display:-ms-flexbox;display:flex}s-lookup .inputgroup p-autocomplete{display:inline-block}s-lookup .inputgroup p-autocomplete .ui-autocomplete-input{width:100%}s-lookup .ui-inputtext:focus{border-right-style:none!important}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:#e6e6e6;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,s-lookup .ui-autocomplete-input-token input{width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token{max-width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .s-lookup-modal.ui-dialog .ui-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .ui-table-scrollable-body{min-width:100%}.s-lookup-modal{height:80%!important;max-width:100%!important;max-height:inherit!important;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .ui-dialog-content{height:auto!important;-ms-flex:1;flex:1;overflow:auto}.s-lookup-modal .ui-dialog-footer,.s-lookup-modal .ui-dialog-header{-ms-flex-negative:0;flex-shrink:0;border-radius:0 0 4px 4px}.s-lookup-modal .s-lookup-modal-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{position:relative;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:85%;background-color:rgba(229,234,234,.5);height:100%;padding:.571rem}.s-lookup-modal .s-lookup-modal-container .filter form{width:100%;height:100%}.s-lookup-modal .s-lookup-modal-container .filter form .form-content{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .filter-title{padding-left:.5rem}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .form-fields{overflow-y:auto}.s-lookup-modal .s-lookup-modal-container .filter-toggle{margin-top:15px;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:34px;border-radius:0 4px 4px 0}.s-lookup-modal .s-lookup-modal-container .filter-toggle button{-ms-flex-align:center;align-items:center;position:relative;background-color:rgba(229,234,234,.5);height:34px;width:100%;border:1px solid #e5eaea;outline:0;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;text-decoration:none;text-transform:none;padding:7px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.s-lookup-modal .s-lookup-modal-container .filter-toggle button:focus,.s-lookup-modal .s-lookup-modal-container .filter-toggle button:hover{background-color:rgba(201,211,211,.5);border-color:#c9d3d3}.s-lookup-modal .s-lookup-modal-container .content{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow-x:auto;padding:.5rem}.s-lookup-modal .s-lookup-modal-container .content.empty-content{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-lookup-modal .s-lookup-modal-container .content.empty-content .content-child{display:none}.s-lookup-modal .s-lookup-modal-container .content .content-child{height:100%;overflow:auto}.s-lookup-modal .s-lookup-modal-container .content .buttons-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container,.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container .contents{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table>.ui-table{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .content p-table>.ui-table .ui-table-scrollable-wrapper{-ms-flex:1;flex:1;overflow:auto}.s-lookup-modal .s-lookup-modal-container .content p-table>.ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-header.ui-widget-header{overflow:inherit}.s-lookup-modal .s-lookup-modal-container .content p-table>.ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-body{overflow:visible}@media (max-width:767px){.s-lookup-modal{border:none!important;top:0!important;left:0!important;width:100%!important;height:100%!important}}@media (min-width:768px){.s-lookup-modal{width:80%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:40%}}@media (min-width:1200px){.s-lookup-modal{width:60%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:30%}}.inputgroup p-autocomplete{width:calc(100% - 34px)}"]
+                styles: [".no-button-margin s-button{margin-left:0}s-lookup .button-addon{border-left:none!important}s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018;border-right-width:1px}s-lookup.ng-dirty.ng-invalid .button-addon,s-lookup.ng-dirty.ng-invalid .ui-autocomplete-dropdown{border-left:none}s-lookup .ui-inputtext{border-top-right-radius:0;border-bottom-right-radius:0}s-lookup .inputgroup p-autocomplete+button,s-lookup p-autocomplete .ui-autocomplete-dropdown.ui-button{background-color:#fff;border-color:#ccc;border-width:1px 1px 1px 0;color:#333;min-height:34px;height:auto!important;min-width:auto;width:34px!important;overflow:hidden;border-top-left-radius:0;border-bottom-left-radius:0}s-lookup .inputgroup,s-lookup p-autocomplete span.ui-autocomplete-multiple{display:-ms-flexbox;display:flex}s-lookup .inputgroup p-autocomplete{display:inline-block}s-lookup .inputgroup p-autocomplete .ui-autocomplete-input{width:100%}s-lookup .ui-inputtext:focus{border-right-style:none!important}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:#e6e6e6;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,s-lookup .ui-autocomplete-input-token input{width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token{max-width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .s-lookup-modal.ui-dialog .ui-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .ui-table-scrollable-body{min-width:100%}.s-lookup-modal{height:80%!important;max-width:100%!important;max-height:inherit!important;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal-fullscreen{max-height:100%!important;height:100%!important;width:100%!important;max-width:100%!important;min-width:100%!important}.s-lookup-modal .ui-dialog-content{height:auto!important;-ms-flex:1;flex:1;overflow:auto}.s-lookup-modal .ui-dialog-footer,.s-lookup-modal .ui-dialog-header{-ms-flex-negative:0;flex-shrink:0;border-radius:0 0 4px 4px}.s-lookup-modal .s-lookup-modal-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{position:relative;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:85%;background-color:rgba(229,234,234,.5);height:100%;padding:.571rem}.s-lookup-modal .s-lookup-modal-container .filter form{width:100%;height:100%}.s-lookup-modal .s-lookup-modal-container .filter form .form-content{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .filter-title{padding-left:.5rem}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .form-fields{overflow-y:auto}.s-lookup-modal .s-lookup-modal-container .filter-toggle{margin-top:15px;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:34px;border-radius:0 4px 4px 0}.s-lookup-modal .s-lookup-modal-container .filter-toggle button{-ms-flex-align:center;align-items:center;position:relative;background-color:rgba(229,234,234,.5);height:34px;width:100%;border:1px solid #e5eaea;outline:0;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;text-decoration:none;text-transform:none;padding:7px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.s-lookup-modal .s-lookup-modal-container .filter-toggle button:focus,.s-lookup-modal .s-lookup-modal-container .filter-toggle button:hover{background-color:rgba(201,211,211,.5);border-color:#c9d3d3}.s-lookup-modal .s-lookup-modal-container .content{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow-x:auto;padding:.5rem}.s-lookup-modal .s-lookup-modal-container .content.empty-content{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-lookup-modal .s-lookup-modal-container .content.empty-content .content-child{display:none}.s-lookup-modal .s-lookup-modal-container .content .content-child{height:100%;overflow:auto}.s-lookup-modal .s-lookup-modal-container .content .buttons-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container,.s-lookup-modal .s-lookup-modal-container .content .s-loading-state-container .contents{height:100%}.s-lookup-modal .s-lookup-modal-container .content p-table>.ui-table{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .content p-table>.ui-table .ui-table-scrollable-wrapper{-ms-flex:1;flex:1;overflow:auto}.s-lookup-modal .s-lookup-modal-container .content p-table>.ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-header.ui-widget-header{overflow:inherit}.s-lookup-modal .s-lookup-modal-container .content p-table>.ui-table .ui-table-scrollable-wrapper .ui-table-scrollable-body{overflow:visible}@media (max-width:767px){.s-lookup-modal{border:none!important;top:0!important;left:0!important;width:100%!important;height:100%!important}}@media (min-width:768px){.s-lookup-modal{width:80%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:40%}}@media (min-width:1200px){.s-lookup-modal{width:60%!important}.s-lookup-modal .s-lookup-modal-container .filter{width:30%}}.inputgroup p-autocomplete{width:calc(100% - 34px)}"]
             })
         ], LookupComponent);
         return LookupComponent;