@seniorsistemas/angular-components 17.4.3 → 17.5.0

package/fesm5/seniorsistemas-angular-components.js

@@ -1,5 +1,5 @@
 import { __decorate, __extends, __spread, __assign, __awaiter, __generator, __param, __values, __rest, __read } from 'tslib';
-import { EventEmitter, Input, Output, Component, ContentChildren, ViewChild, HostListener, forwardRef, NgModule, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, Directive, HostBinding, Renderer2, InjectionToken, Inject, Pipe, ViewEncapsulation, TemplateRef, ViewContainerRef, ChangeDetectorRef, Optional, ContentChild } from '@angular/core';
+import { EventEmitter, Input, Output, Component, ContentChildren, ViewChild, HostListener, forwardRef, NgModule, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, Directive, HostBinding, Renderer2, TemplateRef, InjectionToken, Inject, Pipe, ViewEncapsulation, ViewContainerRef, ChangeDetectorRef, Optional, ContentChild } from '@angular/core';
 import { trigger, transition, style as style$7, animate, state, group, query, animateChild } from '@angular/animations';
 import { Subject, ReplaySubject, of, from, throwError, forkJoin } from 'rxjs';
 import { takeUntil, filter, take, tap, map, switchMap, catchError, delay, debounceTime, repeat, first, finalize } from 'rxjs/operators';
@@ -1825,6 +1825,112 @@ var CalendarMaskModule = /** @class */ (function () {
     return CalendarMaskModule;
 }());
 
+var TemplateDirective = /** @class */ (function () {
+    function TemplateDirective(template) {
+        this.template = template;
+    }
+    TemplateDirective.ctorParameters = function () { return [
+        { type: TemplateRef }
+    ]; };
+    __decorate([
+        Input("sTemplate")
+    ], TemplateDirective.prototype, "type", void 0);
+    TemplateDirective = __decorate([
+        Directive({
+            selector: "[sTemplate]",
+        })
+    ], TemplateDirective);
+    return TemplateDirective;
+}());
+
+var CardTemplateTypes;
+(function (CardTemplateTypes) {
+    CardTemplateTypes["Header"] = "header";
+    CardTemplateTypes["Body"] = "body";
+    CardTemplateTypes["Footer"] = "footer";
+})(CardTemplateTypes || (CardTemplateTypes = {}));
+
+var CardComponent = /** @class */ (function () {
+    function CardComponent() {
+        this.fullWidth = false;
+        this.showBanner = false;
+        this.hasCustomTemplates = false;
+    }
+    CardComponent.prototype.ngAfterContentInit = function () {
+        this._getTemplates();
+        this._testLoadImage();
+    };
+    CardComponent.prototype._getHeaderTemplate = function () {
+        return this._getCustomTemplate(CardTemplateTypes.Header);
+    };
+    CardComponent.prototype._getBodyTemplate = function () {
+        return this._getCustomTemplate(CardTemplateTypes.Body);
+    };
+    CardComponent.prototype._getFooterTemplate = function () {
+        return this._getCustomTemplate(CardTemplateTypes.Footer);
+    };
+    CardComponent.prototype._getCustomTemplate = function (type) {
+        var _a;
+        return (_a = this.templates.find(function (template) { return template.type === type; })) === null || _a === void 0 ? void 0 : _a.template;
+    };
+    CardComponent.prototype._getTemplates = function () {
+        this.headerTemplate = this._getHeaderTemplate();
+        this.bodyTemplate = this._getBodyTemplate();
+        this.footerTemplate = this._getFooterTemplate();
+        this.hasCustomTemplates = !!(this.headerTemplate || this.bodyTemplate || this.footerTemplate);
+    };
+    CardComponent.prototype._testLoadImage = function () {
+        var _this = this;
+        var img = new Image();
+        img.src = this.bannerImage;
+        img.onload = function () { return (_this.showBanner = true); };
+        img.onerror = function () { return (_this.showBanner = false); };
+    };
+    __decorate([
+        Input()
+    ], CardComponent.prototype, "bannerImage", void 0);
+    __decorate([
+        Input()
+    ], CardComponent.prototype, "fullWidth", void 0);
+    __decorate([
+        ContentChildren(TemplateDirective)
+    ], CardComponent.prototype, "templates", void 0);
+    CardComponent = __decorate([
+        Component({
+            selector: "s-card",
+            template: "<div class=\"card\" [ngClass]=\"{ 'card--full-width': fullWidth }\">\n    <div\n        *ngIf=\"showBanner\"\n        class=\"banner\"\n        [ngStyle]=\"{'background-image': 'url(' + bannerImage + ')'}\">\n    </div>\n\n    <ng-container *ngIf=\"hasCustomTemplates; then customTemplates; else contentTemplate\"> </ng-container>\n\n    <ng-template #customTemplates>\n        <div *ngIf=\"headerTemplate\" class=\"header\">\n            <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n        </div>\n        <div *ngIf=\"bodyTemplate\" class=\"body\">\n            <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n        </div>\n        <div *ngIf=\"footerTemplate\" class=\"footer\">\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n        </div>\n    </ng-template>\n\n    <ng-template #contentTemplate>\n        <div class=\"body\">\n            <ng-content></ng-content>\n        </div>\n    </ng-template>\n</div>\n",
+            styles: [".card{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border-radius:4px;box-shadow:0 1px 5px 0 #00000040;overflow:hidden}.card--full-width{width:100%}.card .banner{background-repeat:no-repeat;background-size:cover;height:150px;width:100%}.card .header{padding:16px 12px}.card .body,.card .footer{padding:16px}.card .body+.footer,.card .header+.body{border-top:1px solid #c1c1cc}"]
+        })
+    ], CardComponent);
+    return CardComponent;
+}());
+
+var TemplateModule = /** @class */ (function () {
+    function TemplateModule() {
+    }
+    TemplateModule = __decorate([
+        NgModule({
+            imports: [CommonModule],
+            declarations: [TemplateDirective],
+            exports: [TemplateDirective],
+        })
+    ], TemplateModule);
+    return TemplateModule;
+}());
+
+var CardModule = /** @class */ (function () {
+    function CardModule() {
+    }
+    CardModule = __decorate([
+        NgModule({
+            imports: [CommonModule],
+            declarations: [CardComponent],
+            exports: [CardComponent, TemplateModule],
+        })
+    ], CardModule);
+    return CardModule;
+}());
+
 var Languages;
 (function (Languages) {
     Languages["TaxCalculation"] = "TaxCalculation";
@@ -4046,6 +4152,38 @@ var CountryPhonePickerModule = /** @class */ (function () {
     return CountryPhonePickerModule;
 }());
 
+var CalendarLocaleOptions = /** @class */ (function () {
+    function CalendarLocaleOptions(config) {
+        var _this = this;
+        if (config === void 0) { config = {}; }
+        this.hourFormat = "24";
+        this.dateFormat = "dd/mm/yy";
+        this.firstDayOfWeek = 0;
+        this.today = "Hoje";
+        this.clear = "Limpar";
+        this.dayNames = ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"];
+        this.dayNamesShort = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"];
+        this.dayNamesMin = ["D", "S", "T", "Q", "Q", "S", "S"];
+        this.monthNamesShort = ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"];
+        this.monthNames = [
+            "Janeiro",
+            "Fevereiro",
+            "Março",
+            "Abril",
+            "Maio",
+            "Junho",
+            "Julho",
+            "Agosto",
+            "Setembro",
+            "Outubro",
+            "Novembro",
+            "Dezembro",
+        ];
+        Object.keys(config).forEach(function (key) { return (_this[key] = config[key] || _this[key]); });
+    }
+    return CalendarLocaleOptions;
+}());
+
 var FieldType;
 (function (FieldType) {
     FieldType["Autocomplete"] = "Autocomplete";
@@ -4127,38 +4265,6 @@ var AutocompleteField = /** @class */ (function (_super) {
     return AutocompleteField;
 }(Field));
 
-var CalendarLocaleOptions = /** @class */ (function () {
-    function CalendarLocaleOptions(config) {
-        var _this = this;
-        if (config === void 0) { config = {}; }
-        this.hourFormat = "24";
-        this.dateFormat = "dd/mm/yy";
-        this.firstDayOfWeek = 0;
-        this.today = "Hoje";
-        this.clear = "Limpar";
-        this.dayNames = ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"];
-        this.dayNamesShort = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"];
-        this.dayNamesMin = ["D", "S", "T", "Q", "Q", "S", "S"];
-        this.monthNamesShort = ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"];
-        this.monthNames = [
-            "Janeiro",
-            "Fevereiro",
-            "Março",
-            "Abril",
-            "Maio",
-            "Junho",
-            "Julho",
-            "Agosto",
-            "Setembro",
-            "Outubro",
-            "Novembro",
-            "Dezembro",
-        ];
-        Object.keys(config).forEach(function (key) { return (_this[key] = config[key] || _this[key]); });
-    }
-    return CalendarLocaleOptions;
-}());
-
 var NumberLocaleOptions = /** @class */ (function () {
     function NumberLocaleOptions(config) {
         if (config === void 0) { config = {}; }
@@ -4857,6 +4963,9 @@ var LookupField = /** @class */ (function (_super) {
         _this.multiple = false;
         _this.showSearch = true;
         _this.autocompleteForceSelection = true;
+        _this.showAddOption = false;
+        _this.showEditOption = false;
+        _this.showRemoveOption = false;
         _this.onSelect = function (event) { };
         _this.onUnselect = function (event) { };
         Object.assign(_this, config);
@@ -5114,6 +5223,9 @@ var LookupComponent = /** @class */ (function () {
         this.showSearch = true;
         this.lookupAppendTo = "body";
         this.searchFields = [];
+        this.showAddOption = false;
+        this.showEditOption = false;
+        this.showRemoveOption = false;
         this.onLookupRequest = new EventEmitter();
         this.onSearchRequest = new EventEmitter();
         this.onFocus = new EventEmitter();
@@ -5122,6 +5234,9 @@ var LookupComponent = /** @class */ (function () {
         this.onSelect = new EventEmitter();
         this.onUnselect = new EventEmitter();
         this.onClear = new EventEmitter();
+        this.onAdd = new EventEmitter();
+        this.onEdit = new EventEmitter();
+        this.onRemove = new EventEmitter();
         this.dialogVisible = false;
         this.collapsed = false;
         this.selected = [];
@@ -5135,7 +5250,9 @@ var LookupComponent = /** @class */ (function () {
         if (!this.searchGridFields) {
             this.searchGridFields = this.searchFields.map(function (item) { return new FormField(__assign({}, item)); });
         }
-        this.searchFields = this.searchFields.map(function (value) { return new FormField(__assign(__assign({}, value), { size: { sm: 12, md: 12, lg: 12, xl: 12 } })); });
+        this.searchFields = this.searchFields.map(function (value) {
+            return new FormField(__assign(__assign({}, value), { size: { sm: 12, md: 12, lg: 12, xl: 12 } }));
+        });
         this.searchGridFields = this.searchGridFields.map(function (gridField) {
             gridField["width"] = _this.getColWidth(gridField.label);
             var calendarOptions = new CalendarLocaleOptions(__assign({}, gridField.calendarLocaleOptions));
@@ -5170,12 +5287,11 @@ var LookupComponent = /** @class */ (function () {
         var recordsLabel = this.recordsLabel
             ? this.searchTotalRecords + " " + this.recordsLabel
             : this.translateService.instant("platform.angular_components.total_records", { count: this.searchTotalRecords });
-        return this.searchTotalRecords === 1
-            ? recordLabel
-            : recordsLabel;
+        return this.searchTotalRecords === 1 ? recordLabel : recordsLabel;
     };
     LookupComponent.prototype._convertToMomentHourFormat = function (hourFormat, format) {
-        if (format === "dd/mm/yy") { // valor padrão para o format.
+        if (format === "dd/mm/yy") {
+            // valor padrão para o format.
             return "LTS";
         }
         if (hourFormat === "12") {
@@ -5245,14 +5361,11 @@ var LookupComponent = /** @class */ (function () {
         this.defaultFilter
             .filter(function (_a) {
             var field = _a.field;
-            return _this.formGroupDialog.contains(field) &&
-                !_this.formGroupDialog.get([field]).dirty;
+            return _this.formGroupDialog.contains(field) && !_this.formGroupDialog.get([field]).dirty;
         })
             .forEach(function (_a) {
             var value = _a.value, field = _a.field;
-            _this.formGroupDialog
-                .get([field])
-                .patchValue(value instanceof Function ? value() : value);
+            _this.formGroupDialog.get([field]).patchValue(value instanceof Function ? value() : value);
         });
     };
     LookupComponent.prototype.showDialog = function () {
@@ -5352,7 +5465,7 @@ var LookupComponent = /** @class */ (function () {
             return this.emptyFieldLabel;
     };
     LookupComponent.prototype.isNumber = function (obj, path) {
-        return !(new BigNumber(this.getFieldValue(obj, path)).isNaN());
+        return !new BigNumber(this.getFieldValue(obj, path)).isNaN();
     };
     LookupComponent.prototype.setHotkeys = function () {
         var _this = this;
@@ -5444,31 +5557,19 @@ var LookupComponent = /** @class */ (function () {
     };
     LookupComponent.prototype._subscribeEvents = function () {
         var _this = this;
-        this.onSearchRequest
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function () { return (_this.loading = true); });
-        this.onSelect
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function () { return _this.onChange(_this.value); });
-        this.onUnselect
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function () { return _this.onChange(_this.value); });
-        this.onClear
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function () {
+        this.onSearchRequest.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () { return (_this.loading = true); });
+        this.onSelect.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () { return _this.onChange(_this.value); });
+        this.onUnselect.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () { return _this.onChange(_this.value); });
+        this.onClear.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () {
             if (_this.multiple) {
                 return;
             }
             _this.onChange(null);
         });
-        this.onFocus
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function () {
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function () {
             _this.onTouched();
         });
-        this.onBlur
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (event) {
+        this.onBlur.pipe(takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
             var target = event.target;
             var currentValue = _this.value && _this.value[_this.lookupDisplayField];
             var value = target.value;
@@ -5554,6 +5655,15 @@ var LookupComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], LookupComponent.prototype, "defaultFilter", void 0);
+    __decorate([
+        Input()
+    ], LookupComponent.prototype, "showAddOption", void 0);
+    __decorate([
+        Input()
+    ], LookupComponent.prototype, "showEditOption", void 0);
+    __decorate([
+        Input()
+    ], LookupComponent.prototype, "showRemoveOption", void 0);
     __decorate([
         Output()
     ], LookupComponent.prototype, "onLookupRequest", void 0);
@@ -5578,6 +5688,15 @@ var LookupComponent = /** @class */ (function () {
     __decorate([
         Output()
     ], LookupComponent.prototype, "onClear", void 0);
+    __decorate([
+        Output()
+    ], LookupComponent.prototype, "onAdd", void 0);
+    __decorate([
+        Output()
+    ], LookupComponent.prototype, "onEdit", void 0);
+    __decorate([
+        Output()
+    ], LookupComponent.prototype, "onRemove", void 0);
     __decorate([
         ViewChild(Table, { static: false })
     ], LookupComponent.prototype, "table", void 0);
@@ -5624,7 +5743,7 @@ var LookupComponent = /** @class */ (function () {
         Injectable(),
         Component({
             selector: "s-lookup",
-            template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"lazyLoadLookup($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\">\n        <ng-template let-item pTemplate=\"selectedItem\">\n            <span\n                class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                tooltipPosition=\"top\">\n                {{item[lookupDisplayField]}}\n            </span>\n        </ng-template>\n    </p-autoComplete>\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\">\n    </button>\n</div>\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog>\n    <div\n        *ngIf=\"dialogVisible\"\n        class=\"s-lookup-modal-container\">\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter\"\n            [@collapseContent]=\"collapsed \n                ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form\n                [formGroup]=\"formGroupDialog\"\n                novalidate\n                autocomplete=\"off\">\n                <div\n                    *ngIf=\"!collapsed\"\n                    class=\"form-content\"\n                    [@childCollapseContent]=\"collapsed\n                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                        : { value: ':enter', params: { transitionParams: transitionOptions } }\">\n                    <div class=\"filter-title sds-section-title\">\n                        {{ filterTitle || \"platform.angular_components.filters\" | translate }}\n                    </div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form\n                            [fields]=\"searchFields\"\n                            [form]=\"formGroupDialog\">\n                        </s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel || 'platform.angular_components.filter' | translate\"\n                                (onClick)=\"search()\"\n                                sTooltip=\"(ALT + SHIFT + F)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel || 'platform.angular_components.clear' | translate\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                sTooltip=\"(ALT + SHIFT + L)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter-toggle\">\n            <div class=\"filter-toggle--start-border-mask\"></div>\n            <button\n                [id]=\"id + '-filter-toggle-button'\"\n                type=\"button\"\n                (click)=\"filterToggle()\">\n                <span\n                    class=\"fa\"\n                    [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\">\n                </span>\n            </button>\n            <div class=\"filter-toggle--end-border-mask\"></div>\n        </div>\n        <div\n            class=\"content\"\n            [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\">\n            </s-empty-state>\n            <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\"\n                [multiSortMeta]=\"multiSortMeta\"\n                [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                (selectionChange)=\"onSelectionChange($event)\">\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\" />\n                        <col\n                            *ngFor=\"let col of columns\"\n                            [style.width]=\"col.width\" />\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\">\n                            <s-table-header-checkbox\n                                [useAllObject]=\"lookupRowProps ? false : true\"\n                                [rowProps]=\"lookupRowProps\">\n                            </s-table-header-checkbox>\n                        </th>\n                        <th\n                            [style.width]=\"col.width\"\n                            *ngFor=\"let col of columns\"\n                            [pSortableColumn]=\"col.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\n                                    *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\"\n                                >\n                                    <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchDefault>\n                                <ng-container *ngIf=\"col.mask && col.mask()\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n                                        <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngIf=\"!(col.mask && col.mask())\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"paginatorright\">\n                    <span [attr.data-hidden]=\"loading\">\n                        {{ printRecordTotalizer() }}\n                    </span>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel || 'platform.angular_components.select' | translate\"\n            (onClick)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\">\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel || 'platform.angular_components.cancel' | translate\"\n            (onClick)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">\n        {{ emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n",
+            template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"lazyLoadLookup($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\">\n        <ng-template let-item pTemplate=\"selectedItem\">\n            <span\n                class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                tooltipPosition=\"top\">\n                {{item[lookupDisplayField]}}\n            </span>\n        </ng-template>\n    </p-autoComplete>\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\">\n    </button>\n</div>\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog>\n    <div\n        *ngIf=\"dialogVisible\"\n        class=\"s-lookup-modal-container\">\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter\"\n            [@collapseContent]=\"collapsed \n                ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form\n                [formGroup]=\"formGroupDialog\"\n                novalidate\n                autocomplete=\"off\">\n                <div\n                    *ngIf=\"!collapsed\"\n                    class=\"form-content\"\n                    [@childCollapseContent]=\"collapsed\n                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                        : { value: ':enter', params: { transitionParams: transitionOptions } }\">\n                    <div class=\"filter-title sds-section-title\">\n                        {{ filterTitle || \"platform.angular_components.filters\" | translate }}\n                    </div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form\n                            [fields]=\"searchFields\"\n                            [form]=\"formGroupDialog\">\n                        </s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel || 'platform.angular_components.filter' | translate\"\n                                (onClick)=\"search()\"\n                                sTooltip=\"(ALT + SHIFT + F)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel || 'platform.angular_components.clear' | translate\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                sTooltip=\"(ALT + SHIFT + L)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter-toggle\">\n            <div class=\"filter-toggle--start-border-mask\"></div>\n            <button\n                [id]=\"id + '-filter-toggle-button'\"\n                type=\"button\"\n                (click)=\"filterToggle()\">\n                <span\n                    class=\"fa\"\n                    [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\">\n                </span>\n            </button>\n            <div class=\"filter-toggle--end-border-mask\"></div>\n        </div>\n        <div\n            class=\"content\"\n            [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\">\n            </s-empty-state>\n\n            <div>\n                <s-button\n                    *ngIf=\"showAddOption\"\n                    priority=\"default\"\n                    [label]=\"'platform.angular_components.add' | translate\"\n                    (onClick)=\"onAdd.emit()\">\n                </s-button>\n                <s-button\n                    *ngIf=\"showEditOption\"\n                    priority=\"default\"\n                    [label]=\"'platform.angular_components.edit' | translate\"\n                    [disabled]=\"selected.length !== 1\"\n                    (onClick)=\"onEdit.emit(this.selected[0])\">\n                </s-button>\n                <s-button\n                    *ngIf=\"showRemoveOption\"\n                    priority=\"default\"\n                    [label]=\"'platform.angular_components.remove' | translate\"\n                    [disabled]=\"!selected.length\"\n                    (onClick)=\"onRemove.emit(this.selected)\">\n                </s-button>\n            </div>\n\n            <p-table\n                [dataKey]=\"dataKey\"\n                [value]=\"getGridData()\"\n                [columns]=\"searchGridFields\"\n                [lazy]=\"true\"\n                [scrollable]=\"true\"\n                [paginator]=\"true\"\n                sortMode=\"multiple\"\n                [totalRecords]=\"searchTotalRecords\"\n                [rows]=\"10\"\n                [selection]=\"selected\"\n                (onLazyLoad)=\"lazyLoadGrid($event)\"\n                *sLoadingState=\"loading\"\n                [multiSortMeta]=\"multiSortMeta\"\n                [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                (selectionChange)=\"onSelectionChange($event)\">\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\" />\n                        <col\n                            *ngFor=\"let col of columns\"\n                            [style.width]=\"col.width\" />\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th\n                            *ngIf=\"multiple\"\n                            style=\"width: 50px\">\n                            <s-table-header-checkbox\n                                [useAllObject]=\"lookupRowProps ? false : true\"\n                                [rowProps]=\"lookupRowProps\">\n                            </s-table-header-checkbox>\n                        </th>\n                        <th\n                            [style.width]=\"col.width\"\n                            *ngFor=\"let col of columns\"\n                            [pSortableColumn]=\"col.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\n                                    *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\"\n                                >\n                                    <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                </ng-container>\n                            </ng-container>\n                            <ng-container *ngSwitchDefault>\n                                <ng-container *ngIf=\"col.mask && col.mask()\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n                                        <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngIf=\"!(col.mask && col.mask())\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"paginatorright\">\n                    <span [attr.data-hidden]=\"loading\">\n                        {{ printRecordTotalizer() }}\n                    </span>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel || 'platform.angular_components.select' | translate\"\n            (onClick)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\">\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel || 'platform.angular_components.cancel' | translate\"\n            (onClick)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">\n        {{ emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -9150,7 +9269,7 @@ var LookupFieldComponent = /** @class */ (function () {
     ], LookupFieldComponent.prototype, "formControl", void 0);
     LookupFieldComponent = __decorate([
         Component({
-            template: "<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [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    </s-lookup>\n</div>\n"
+            template: "<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        (onAdd)=\"field.onAdd()\"\n        (onEdit)=\"field.onEdit($event)\"\n        (onRemove)=\"field.onRemove($event)\"\n    >\n    </s-lookup>\n</div>\n"
         })
     ], LookupFieldComponent);
     return LookupFieldComponent;
@@ -13100,37 +13219,6 @@ var GlobalSearchModule = /** @class */ (function () {
     return GlobalSearchModule;
 }());
 
-var TemplateDirective = /** @class */ (function () {
-    function TemplateDirective(template) {
-        this.template = template;
-    }
-    TemplateDirective.ctorParameters = function () { return [
-        { type: TemplateRef }
-    ]; };
-    __decorate([
-        Input("sTemplate")
-    ], TemplateDirective.prototype, "type", void 0);
-    TemplateDirective = __decorate([
-        Directive({
-            selector: "[sTemplate]",
-        })
-    ], TemplateDirective);
-    return TemplateDirective;
-}());
-
-var TemplateModule = /** @class */ (function () {
-    function TemplateModule() {
-    }
-    TemplateModule = __decorate([
-        NgModule({
-            imports: [CommonModule],
-            declarations: [TemplateDirective],
-            exports: [TemplateDirective],
-        })
-    ], TemplateModule);
-    return TemplateModule;
-}());
-
 var IAInsightCardComponent = /** @class */ (function () {
     function IAInsightCardComponent(clipboard, messageService, translateService) {
         this.clipboard = clipboard;
@@ -16971,6 +17059,8 @@ var fallback = {
     "platform.angular_components.date_format": "dd/mm/yy",
     "platform.angular_components.ia_text_generator": "Gerador de texto por IA",
     "platform.angular_components.attach_files": "Anexar arquivos",
+    "platform.angular_components.add": "Adicionar",
+    "platform.angular_components.edit": "Editar",
     "platform.angular_components.remove": "Remover",
     "platform.angular_components.file_attached_successfully": "Arquivo anexado com sucesso",
     "platform.angular_components.loading_file": "Carregando arquivo",
@@ -17221,5 +17311,5 @@ var fallback = {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionModule, AccordionPanelComponent, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, KanbanComponent, KanbanModule, KanbanTemplateTypes, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, SVGFactoryDirective, SVGFactoryModule, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, BooleanSwitchFieldComponent as ɵba, CalendarFieldComponent as ɵbb, ChipsFieldComponent as ɵbc, CountryPhonePickerFieldComponent as ɵbd, CurrencyFieldComponent as ɵbe, DynamicFieldComponent as ɵbf, DynamicFormDirective as ɵbg, FieldsetComponent as ɵbh, FileUploadComponent$1 as ɵbi, LookupFieldComponent as ɵbj, NumberFieldComponent as ɵbk, PasswordFieldComponent as ɵbl, RadioButtonComponent as ɵbm, RowComponent as ɵbn, SectionComponent as ɵbo, SelectFieldComponent as ɵbp, SliderFieldComponent as ɵbq, TextAreaFieldComponent as ɵbr, TextAreaIAFieldComponent as ɵbs, IAssistService as ɵbt, TextFieldComponent as ɵbu, DecimalField as ɵbw, SideTableComponent as ɵbx, ThumbnailService as ɵby, InfiniteScrollModule as ɵbz, CustomTranslationsModule as ɵc, InfiniteScrollDirective as ɵca, TemplateModule as ɵcb, TemplateDirective as ɵcc, IAInsightSidebarComponent as ɵcd, IAInsightCardComponent as ɵce, IAInsightCardLoaderComponent as ɵcf, StructureModule as ɵcg, HeaderComponent as ɵch, FooterComponent as ɵci, KanbanEventService as ɵcj, KanbanItemComponent as ɵck, KanbanColumnComponent as ɵcl, KanbanItemDraggingComponent as ɵcm, NumberLocaleOptions as ɵcn, BorderButtonModule as ɵco, BorderButtonComponent as ɵcp, SelectButtonItemComponent as ɵcq, SlidePanelService as ɵcr, TieredMenuEventService as ɵcs, TieredMenuService as ɵct, TieredMenuComponent as ɵcu, TieredMenuNestedComponent as ɵcv, TieredMenuItemComponent as ɵcw, TieredMenuDividerComponent as ɵcx, TimelineItemModule as ɵcy, TimelineIconItemComponent as ɵcz, CodeEditorComponent as ɵd, HorizontalTimelineModule as ɵda, HorizontalTimelineComponent as ɵdb, VerticalTimelineModule as ɵdc, VerticalTimelineComponent as ɵdd, RangeLineComponent as ɵde, CollapseOptionComponent as ɵdf, CollapsedItemsComponent as ɵdg, VerticalItemsComponent as ɵdh, CoreFacade as ɵe, CodeMirror6Core as ɵf, CountryPhonePickerService as ɵg, LocalizedCurrencyImpurePipe as ɵh, LocalizedBignumberPipe as ɵi, LocalizedBignumberImpurePipe as ɵj, EmptyStateGoBackComponent as ɵk, IAssistIconComponent as ɵl, SeniorIconComponent as ɵm, DotsIndicatorComponent as ɵn, LoadingIndicatorComponent as ɵo, ProgressBarDeterminateComponent as ɵp, ProgressBarIndeterminateComponent as ɵq, FileUploadService as ɵr, FileItemComponent as ɵs, LocaleService as ɵt, InfoSignComponent as ɵu, TableColumnsComponent as ɵv, TablePagingComponent as ɵw, AutocompleteFieldComponent as ɵx, BignumberFieldComponent as ɵy, BooleanFieldComponent as ɵz };
+export { AccordionComponent, AccordionModule, AccordionPanelComponent, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, CardComponent, CardModule, CardTemplateTypes, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, KanbanComponent, KanbanModule, KanbanTemplateTypes, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, SVGFactoryDirective, SVGFactoryModule, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, BignumberFieldComponent as ɵba, BooleanFieldComponent as ɵbb, BooleanSwitchFieldComponent as ɵbc, CalendarFieldComponent as ɵbd, ChipsFieldComponent as ɵbe, CountryPhonePickerFieldComponent as ɵbf, CurrencyFieldComponent as ɵbg, DynamicFieldComponent as ɵbh, DynamicFormDirective as ɵbi, FieldsetComponent as ɵbj, FileUploadComponent$1 as ɵbk, LookupFieldComponent as ɵbl, NumberFieldComponent as ɵbm, PasswordFieldComponent as ɵbn, RadioButtonComponent as ɵbo, RowComponent as ɵbp, SectionComponent as ɵbq, SelectFieldComponent as ɵbr, SliderFieldComponent as ɵbs, TextAreaFieldComponent as ɵbt, TextAreaIAFieldComponent as ɵbu, IAssistService as ɵbv, TextFieldComponent as ɵbw, DecimalField as ɵby, SideTableComponent as ɵbz, TemplateDirective as ɵc, ThumbnailService as ɵca, InfiniteScrollModule as ɵcb, InfiniteScrollDirective as ɵcc, IAInsightSidebarComponent as ɵcd, IAInsightCardComponent as ɵce, IAInsightCardLoaderComponent as ɵcf, StructureModule as ɵcg, HeaderComponent as ɵch, FooterComponent as ɵci, KanbanEventService as ɵcj, KanbanItemComponent as ɵck, KanbanColumnComponent as ɵcl, KanbanItemDraggingComponent as ɵcm, NumberLocaleOptions as ɵcn, BorderButtonModule as ɵco, BorderButtonComponent as ɵcp, SelectButtonItemComponent as ɵcq, SlidePanelService as ɵcr, TieredMenuEventService as ɵcs, TieredMenuService as ɵct, TieredMenuComponent as ɵcu, TieredMenuNestedComponent as ɵcv, TieredMenuItemComponent as ɵcw, TieredMenuDividerComponent as ɵcx, TimelineItemModule as ɵcy, TimelineIconItemComponent as ɵcz, TemplateModule as ɵd, HorizontalTimelineModule as ɵda, HorizontalTimelineComponent as ɵdb, VerticalTimelineModule as ɵdc, VerticalTimelineComponent as ɵdd, RangeLineComponent as ɵde, CollapseOptionComponent as ɵdf, CollapsedItemsComponent as ɵdg, VerticalItemsComponent as ɵdh, CustomTranslationsModule as ɵe, CodeEditorComponent as ɵf, CoreFacade as ɵg, CodeMirror6Core as ɵh, CountryPhonePickerService as ɵi, LocalizedCurrencyImpurePipe as ɵj, LocalizedBignumberPipe as ɵk, LocalizedBignumberImpurePipe as ɵl, EmptyStateGoBackComponent as ɵm, IAssistIconComponent as ɵn, SeniorIconComponent as ɵo, DotsIndicatorComponent as ɵp, LoadingIndicatorComponent as ɵq, ProgressBarDeterminateComponent as ɵr, ProgressBarIndeterminateComponent as ɵs, FileUploadService as ɵt, FileItemComponent as ɵu, LocaleService as ɵv, InfoSignComponent as ɵw, TableColumnsComponent as ɵx, TablePagingComponent as ɵy, AutocompleteFieldComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map