@seniorsistemas/angular-components 17.31.10 → 17.31.12

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

@@ -7212,6 +7212,7 @@
             _this.multiple = false;
             _this.showSearch = true;
             _this.autocompleteForceSelection = true;
+            _this.maxlength = null;
             _this.showAddOption = false;
             _this.showEditOption = false;
             _this.showRemoveOption = false;
@@ -7560,6 +7561,7 @@
             this.translateService = translateService;
             this.id = "s-lookup-" + LookupComponent_1.nextId++;
             this.autocompleteForceSelection = true;
+            this.maxlength = null;
             this.disabled = false;
             this.showSearch = true;
             this._lookupAppendTo = "body";
@@ -7963,6 +7965,9 @@
         __decorate([
             core.Input()
         ], LookupComponent.prototype, "autocompleteForceSelection", void 0);
+        __decorate([
+            core.Input()
+        ], LookupComponent.prototype, "maxlength", void 0);
         __decorate([
             core.Input()
         ], LookupComponent.prototype, "multiple", void 0);
@@ -8117,7 +8122,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    >\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",
+                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        [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        <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,
@@ -11636,7 +11641,7 @@
         ], LookupFieldComponent.prototype, "formControl", void 0);
         LookupFieldComponent = __decorate([
             core.Component({
-                template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div [sTooltip]=\"field.tooltip\" tooltipPosition=\"top\" [showDelay]=\"500\">\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [showSearch]=\"field.showSearch\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [searchTotalRecordsLabel]=\"field.searchTotalRecordsLabel\"\n        [searchTitle]=\"field.searchTitle\"\n        [selectLabel]=\"field.selectLabel\"\n        [searchEmptyTitle]=\"field.searchEmptyTitle\"\n        [filterLabel]=\"field.filterLabel\"\n        [filterTitle]=\"field.filterTitle\"\n        [clearLabel]=\"field.clearLabel\"\n        [cancelLabel]=\"field.cancelLabel\"\n        [emptyFieldLabel]=\"field.emptyFieldLabel\"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [recordLabel]=\"field.recordLabel\"\n        [recordsLabel]=\"field.recordsLabel\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n        [showAddOption]=\"field.showAddOption\"\n        [showEditOption]=\"field.showEditOption\"\n        [showRemoveOption]=\"field.showRemoveOption\"\n        [sortableColumnsDisabled]=\"field.sortableColumnsDisabled\"\n        (onAdd)=\"field.onAdd()\"\n        (onEdit)=\"field.onEdit($event)\"\n        (onRemove)=\"field.onRemove($event)\"\n        (onClearButtonClick)=\"field.onClearButtonClick ? field.onClearButtonClick() : null\"\n    >\n    </s-lookup>\n</div>\n"
+                template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div [sTooltip]=\"field.tooltip\" tooltipPosition=\"top\" [showDelay]=\"500\">\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [showSearch]=\"field.showSearch\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [searchTotalRecordsLabel]=\"field.searchTotalRecordsLabel\"\n        [searchTitle]=\"field.searchTitle\"\n        [selectLabel]=\"field.selectLabel\"\n        [searchEmptyTitle]=\"field.searchEmptyTitle\"\n        [filterLabel]=\"field.filterLabel\"\n        [filterTitle]=\"field.filterTitle\"\n        [clearLabel]=\"field.clearLabel\"\n        [cancelLabel]=\"field.cancelLabel\"\n        [emptyFieldLabel]=\"field.emptyFieldLabel\"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [recordLabel]=\"field.recordLabel\"\n        [recordsLabel]=\"field.recordsLabel\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n        [maxlength]=\"field.maxlength\"\n        [showAddOption]=\"field.showAddOption\"\n        [showEditOption]=\"field.showEditOption\"\n        [showRemoveOption]=\"field.showRemoveOption\"\n        [sortableColumnsDisabled]=\"field.sortableColumnsDisabled\"\n        (onAdd)=\"field.onAdd()\"\n        (onEdit)=\"field.onEdit($event)\"\n        (onRemove)=\"field.onRemove($event)\"\n        (onClearButtonClick)=\"field.onClearButtonClick ? field.onClearButtonClick() : null\"\n    >\n    </s-lookup>\n</div>\n"
             })
         ], LookupFieldComponent);
         return LookupFieldComponent;
@@ -18092,6 +18097,7 @@
             _this.multiple = false;
             _this.showSearch = true;
             _this.autocompleteForceSelection = true;
+            _this.maxlength = null;
             _this.showAddOption = false;
             _this.showEditOption = false;
             _this.showRemoveOption = false;
@@ -18361,7 +18367,7 @@
         ], InlineEditLookupComponent.prototype, "formGroup", void 0);
         InlineEditLookupComponent = __decorate([
             core.Component({
-                template: "<s-lookup\n    [id]=\"field.name\"\n    [multiple]=\"field.multiple\"\n    [lookupSuggestions]=\"field.lookupSuggestions\"\n    [dataKey]=\"field.dataKey\"\n    [placeholder]=\"field.placeholder\"\n    [showSearch]=\"field.showSearch\"\n    [searchFields]=\"field.searchFields\"\n    [searchGridFields]=\"field.searchGridFields\"\n    [searchGridData]=\"field.gridData\"\n    (onLookupRequest)=\"field.onLookupRequest($event)\"\n    (onSearchRequest)=\"field.onSearchRequest($event)\"\n    [lookupDisplayField]=\"field.lookupDisplayField\"\n    [searchTotalRecords]=\"field.searchTotalRecords\"\n    [searchTotalRecordsLabel]=\"field.searchTotalRecordsLabel\"\n    [searchTitle]=\"field.searchTitle\"\n    [searchEmptyTitle]=\"field.searchEmptyTitle\"\n    [filterTitle]=\"field.filterTitle\"\n    (onSelect)=\"field.onSelect($event)\"\n    (onUnselect)=\"field.onUnselect($event)\"\n    (onClear)=\"field.onClear ? field.onClear($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    [lookupAppendTo]=\"field.appendTo\"\n    [lookupEmptyMessage]=\"field.emptyMessage\"\n    [defaultFilter]=\"field.defaultFilter\"\n    [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n    [showAddOption]=\"field.showAddOption\"\n    [showEditOption]=\"field.showEditOption\"\n    [showRemoveOption]=\"field.showRemoveOption\"\n    (onAdd)=\"field.onAdd()\"\n    (onEdit)=\"field.onEdit($event)\"\n    (onRemove)=\"field.onRemove($event)\"\n    [(ngModel)]=\"tempValue\">\n</s-lookup>\n",
+                template: "<s-lookup\n    [id]=\"field.name\"\n    [multiple]=\"field.multiple\"\n    [lookupSuggestions]=\"field.lookupSuggestions\"\n    [dataKey]=\"field.dataKey\"\n    [placeholder]=\"field.placeholder\"\n    [showSearch]=\"field.showSearch\"\n    [searchFields]=\"field.searchFields\"\n    [searchGridFields]=\"field.searchGridFields\"\n    [searchGridData]=\"field.gridData\"\n    (onLookupRequest)=\"field.onLookupRequest($event)\"\n    (onSearchRequest)=\"field.onSearchRequest($event)\"\n    [lookupDisplayField]=\"field.lookupDisplayField\"\n    [searchTotalRecords]=\"field.searchTotalRecords\"\n    [searchTotalRecordsLabel]=\"field.searchTotalRecordsLabel\"\n    [searchTitle]=\"field.searchTitle\"\n    [searchEmptyTitle]=\"field.searchEmptyTitle\"\n    [filterTitle]=\"field.filterTitle\"\n    (onSelect)=\"field.onSelect($event)\"\n    (onUnselect)=\"field.onUnselect($event)\"\n    (onClear)=\"field.onClear ? field.onClear($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    [lookupAppendTo]=\"field.appendTo\"\n    [lookupEmptyMessage]=\"field.emptyMessage\"\n    [defaultFilter]=\"field.defaultFilter\"\n    [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n    [maxlength]=\"field.maxlength\"\n    [showAddOption]=\"field.showAddOption\"\n    [showEditOption]=\"field.showEditOption\"\n    [showRemoveOption]=\"field.showRemoveOption\"\n    (onAdd)=\"field.onAdd()\"\n    (onEdit)=\"field.onEdit($event)\"\n    (onRemove)=\"field.onRemove($event)\"\n    [(ngModel)]=\"tempValue\">\n</s-lookup>\n",
                 styles: [""]
             })
         ], InlineEditLookupComponent);
@@ -19820,7 +19826,7 @@
                         ]),
                     ]),
                 ],
-                styles: [".panel{background-color:#fff;border:1px solid #dedce5;padding:20px;position:relative;transition:border-color .5s}.panel .border-button{position:absolute;right:15px;top:-12px;z-index:10}.panel .header{border-bottom:1px solid #dedce5;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:12px;margin-bottom:12px;text-transform:uppercase}.panel .header-content{-ms-flex-positive:1;flex-grow:1}.panel .header .collapse-button{background-color:transparent;border:none;color:#212533;cursor:pointer;height:24px;width:24px}.panel .panel-content .footer{border-top:1px solid #dedce5;padding-top:12px}.panel--success{border-color:#0c9348}.panel--info{border-color:#428bca}.panel--warn{border-color:#f8931f}.panel--error{border-color:#c13018}.panel--collapsed .header{border:none;padding:0;margin:0}"]
+                styles: [".panel{background-color:#fff;border:1px solid #dedce5;padding:20px;position:relative;transition:border-color .5s}.panel .border-button{position:absolute;right:15px;top:-12px;z-index:10}.panel .header{border-bottom:1px solid #dedce5;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:12px;text-transform:uppercase}.panel .header-content{-ms-flex-positive:1;flex-grow:1}.panel .header .collapse-button{background-color:transparent;border:none;color:#212533;cursor:pointer;height:24px;width:24px}.panel .panel-content .body{padding:12px 0}.panel .panel-content .footer{border-top:1px solid #dedce5;padding-top:12px}.panel--success{border-color:#0c9348}.panel--info{border-color:#428bca}.panel--warn{border-color:#f8931f}.panel--error{border-color:#c13018}.panel--collapsed .header{border:none;padding:0;margin:0}"]
             })
         ], PanelComponent);
         return PanelComponent;