@seniorsistemas/angular-components 17.4.3 → 17.5.0

package/fesm2015/seniorsistemas-angular-components.js

@@ -1,5 +1,5 @@
 import { __decorate, __awaiter, __param, __rest } 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';
@@ -1748,6 +1748,103 @@ CalendarMaskModule = __decorate([
     })
 ], CalendarMaskModule);
 
+let TemplateDirective = class TemplateDirective {
+    constructor(template) {
+        this.template = template;
+    }
+};
+TemplateDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+__decorate([
+    Input("sTemplate")
+], TemplateDirective.prototype, "type", void 0);
+TemplateDirective = __decorate([
+    Directive({
+        selector: "[sTemplate]",
+    })
+], TemplateDirective);
+
+var CardTemplateTypes;
+(function (CardTemplateTypes) {
+    CardTemplateTypes["Header"] = "header";
+    CardTemplateTypes["Body"] = "body";
+    CardTemplateTypes["Footer"] = "footer";
+})(CardTemplateTypes || (CardTemplateTypes = {}));
+
+let CardComponent = class CardComponent {
+    constructor() {
+        this.fullWidth = false;
+        this.showBanner = false;
+        this.hasCustomTemplates = false;
+    }
+    ngAfterContentInit() {
+        this._getTemplates();
+        this._testLoadImage();
+    }
+    _getHeaderTemplate() {
+        return this._getCustomTemplate(CardTemplateTypes.Header);
+    }
+    _getBodyTemplate() {
+        return this._getCustomTemplate(CardTemplateTypes.Body);
+    }
+    _getFooterTemplate() {
+        return this._getCustomTemplate(CardTemplateTypes.Footer);
+    }
+    _getCustomTemplate(type) {
+        var _a;
+        return (_a = this.templates.find((template) => template.type === type)) === null || _a === void 0 ? void 0 : _a.template;
+    }
+    _getTemplates() {
+        this.headerTemplate = this._getHeaderTemplate();
+        this.bodyTemplate = this._getBodyTemplate();
+        this.footerTemplate = this._getFooterTemplate();
+        this.hasCustomTemplates = !!(this.headerTemplate || this.bodyTemplate || this.footerTemplate);
+    }
+    _testLoadImage() {
+        const img = new Image();
+        img.src = this.bannerImage;
+        img.onload = () => (this.showBanner = true);
+        img.onerror = () => (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);
+
+let TemplateModule = class TemplateModule {
+};
+TemplateModule = __decorate([
+    NgModule({
+        imports: [CommonModule],
+        declarations: [TemplateDirective],
+        exports: [TemplateDirective],
+    })
+], TemplateModule);
+
+let CardModule = class CardModule {
+};
+CardModule = __decorate([
+    NgModule({
+        imports: [CommonModule],
+        declarations: [CardComponent],
+        exports: [CardComponent, TemplateModule],
+    })
+], CardModule);
+
 var Languages;
 (function (Languages) {
     Languages["TaxCalculation"] = "TaxCalculation";
@@ -3823,6 +3920,35 @@ CountryPhonePickerModule = __decorate([
     })
 ], CountryPhonePickerModule);
 
+class CalendarLocaleOptions {
+    constructor(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(key => (this[key] = config[key] || this[key]));
+    }
+}
+
 var FieldType;
 (function (FieldType) {
     FieldType["Autocomplete"] = "Autocomplete";
@@ -3897,35 +4023,6 @@ class AutocompleteField extends Field {
     }
 }
 
-class CalendarLocaleOptions {
-    constructor(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(key => (this[key] = config[key] || this[key]));
-    }
-}
-
 class NumberLocaleOptions {
     constructor(config = {}) {
         this.thousandsSeparator = ".";
@@ -4543,6 +4640,9 @@ class LookupField extends Field {
         this.multiple = false;
         this.showSearch = true;
         this.autocompleteForceSelection = true;
+        this.showAddOption = false;
+        this.showEditOption = false;
+        this.showRemoveOption = false;
         this.onSelect = (event) => { };
         this.onUnselect = (event) => { };
         Object.assign(this, config);
@@ -4758,6 +4858,9 @@ let LookupComponent = LookupComponent_1 = class LookupComponent {
         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();
@@ -4766,6 +4869,9 @@ let LookupComponent = LookupComponent_1 = class LookupComponent {
         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 = [];
@@ -4775,7 +4881,7 @@ let LookupComponent = LookupComponent_1 = class LookupComponent {
     }
     ngOnInit() {
         if (!this.searchGridFields) {
-            this.searchGridFields = this.searchFields.map(item => new FormField(Object.assign({}, item)));
+            this.searchGridFields = this.searchFields.map((item) => new FormField(Object.assign({}, item)));
         }
         this.searchFields = this.searchFields.map((value) => new FormField(Object.assign(Object.assign({}, value), { size: { sm: 12, md: 12, lg: 12, xl: 12 } })));
         this.searchGridFields = this.searchGridFields.map((gridField) => {
@@ -4812,12 +4918,11 @@ let LookupComponent = LookupComponent_1 = class LookupComponent {
         const 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;
     }
     _convertToMomentHourFormat(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") {
@@ -4884,12 +4989,9 @@ let LookupComponent = LookupComponent_1 = class LookupComponent {
         if (!this.defaultFilter)
             return;
         this.defaultFilter
-            .filter(({ field }) => this.formGroupDialog.contains(field) &&
-            !this.formGroupDialog.get([field]).dirty)
+            .filter(({ field }) => this.formGroupDialog.contains(field) && !this.formGroupDialog.get([field]).dirty)
             .forEach(({ value, field }) => {
-            this.formGroupDialog
-                .get([field])
-                .patchValue(value instanceof Function ? value() : value);
+            this.formGroupDialog.get([field]).patchValue(value instanceof Function ? value() : value);
         });
     }
     showDialog() {
@@ -4968,7 +5070,7 @@ let LookupComponent = LookupComponent_1 = class LookupComponent {
     getLabelForValue(value, options) {
         if (!options)
             return value;
-        const option = options.find(opt => opt.value === value);
+        const option = options.find((opt) => opt.value === value);
         return option ? option.label : value;
     }
     isBooleanValue(obj, path) {
@@ -4988,7 +5090,7 @@ let LookupComponent = LookupComponent_1 = class LookupComponent {
             return this.emptyFieldLabel;
     }
     isNumber(obj, path) {
-        return !(new BigNumber(this.getFieldValue(obj, path)).isNaN());
+        return !new BigNumber(this.getFieldValue(obj, path)).isNaN();
     }
     setHotkeys() {
         const clearHotkey = this.newHotkey("alt+shift+l", this.clear.bind(this));
@@ -5078,31 +5180,19 @@ let LookupComponent = LookupComponent_1 = class LookupComponent {
         }
     }
     _subscribeEvents() {
-        this.onSearchRequest
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(() => (this.loading = true));
-        this.onSelect
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(() => this.onChange(this.value));
-        this.onUnselect
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(() => this.onChange(this.value));
-        this.onClear
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(() => {
+        this.onSearchRequest.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => (this.loading = true));
+        this.onSelect.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => this.onChange(this.value));
+        this.onUnselect.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => this.onChange(this.value));
+        this.onClear.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
             if (this.multiple) {
                 return;
             }
             this.onChange(null);
         });
-        this.onFocus
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(() => {
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
             this.onTouched();
         });
-        this.onBlur
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((event) => {
+        this.onBlur.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
             const target = event.target;
             const currentValue = this.value && this.value[this.lookupDisplayField];
             const { value } = target;
@@ -5188,6 +5278,15 @@ __decorate([
 __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);
@@ -5212,6 +5311,15 @@ __decorate([
 __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);
@@ -5258,7 +5366,7 @@ LookupComponent = LookupComponent_1 = __decorate([
     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,
@@ -8543,7 +8651,7 @@ __decorate([
 ], 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);
 
@@ -12262,33 +12370,6 @@ GlobalSearchModule = __decorate([
     })
 ], GlobalSearchModule);
 
-let TemplateDirective = class TemplateDirective {
-    constructor(template) {
-        this.template = template;
-    }
-};
-TemplateDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-__decorate([
-    Input("sTemplate")
-], TemplateDirective.prototype, "type", void 0);
-TemplateDirective = __decorate([
-    Directive({
-        selector: "[sTemplate]",
-    })
-], TemplateDirective);
-
-let TemplateModule = class TemplateModule {
-};
-TemplateModule = __decorate([
-    NgModule({
-        imports: [CommonModule],
-        declarations: [TemplateDirective],
-        exports: [TemplateDirective],
-    })
-], TemplateModule);
-
 let IAInsightCardComponent = class IAInsightCardComponent {
     constructor(clipboard, messageService, translateService) {
         this.clipboard = clipboard;
@@ -15915,6 +15996,8 @@ const 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",
@@ -16165,5 +16248,5 @@ const 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