@seniorsistemas/angular-components 17.4.3 → 17.5.0

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

@@ -1972,6 +1972,112 @@
         return CalendarMaskModule;
     }());
 
+    var TemplateDirective = /** @class */ (function () {
+        function TemplateDirective(template) {
+            this.template = template;
+        }
+        TemplateDirective.ctorParameters = function () { return [
+            { type: core.TemplateRef }
+        ]; };
+        __decorate([
+            core.Input("sTemplate")
+        ], TemplateDirective.prototype, "type", void 0);
+        TemplateDirective = __decorate([
+            core.Directive({
+                selector: "[sTemplate]",
+            })
+        ], TemplateDirective);
+        return TemplateDirective;
+    }());
+
+
+    (function (CardTemplateTypes) {
+        CardTemplateTypes["Header"] = "header";
+        CardTemplateTypes["Body"] = "body";
+        CardTemplateTypes["Footer"] = "footer";
+    })(exports.CardTemplateTypes || (exports.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(exports.CardTemplateTypes.Header);
+        };
+        CardComponent.prototype._getBodyTemplate = function () {
+            return this._getCustomTemplate(exports.CardTemplateTypes.Body);
+        };
+        CardComponent.prototype._getFooterTemplate = function () {
+            return this._getCustomTemplate(exports.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([
+            core.Input()
+        ], CardComponent.prototype, "bannerImage", void 0);
+        __decorate([
+            core.Input()
+        ], CardComponent.prototype, "fullWidth", void 0);
+        __decorate([
+            core.ContentChildren(TemplateDirective)
+        ], CardComponent.prototype, "templates", void 0);
+        CardComponent = __decorate([
+            core.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([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [TemplateDirective],
+                exports: [TemplateDirective],
+            })
+        ], TemplateModule);
+        return TemplateModule;
+    }());
+
+    var CardModule = /** @class */ (function () {
+        function CardModule() {
+        }
+        CardModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [CardComponent],
+                exports: [CardComponent, TemplateModule],
+            })
+        ], CardModule);
+        return CardModule;
+    }());
+
 
     (function (Languages) {
         Languages["TaxCalculation"] = "TaxCalculation";
@@ -4193,6 +4299,38 @@
         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;
+    }());
+
 
     (function (FieldType) {
         FieldType["Autocomplete"] = "Autocomplete";
@@ -4274,38 +4412,6 @@
         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 = {}; }
@@ -5004,6 +5110,9 @@
             _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);
@@ -5261,6 +5370,9 @@
             this.showSearch = true;
             this.lookupAppendTo = "body";
             this.searchFields = [];
+            this.showAddOption = false;
+            this.showEditOption = false;
+            this.showRemoveOption = false;
             this.onLookupRequest = new core.EventEmitter();
             this.onSearchRequest = new core.EventEmitter();
             this.onFocus = new core.EventEmitter();
@@ -5269,6 +5381,9 @@
             this.onSelect = new core.EventEmitter();
             this.onUnselect = new core.EventEmitter();
             this.onClear = new core.EventEmitter();
+            this.onAdd = new core.EventEmitter();
+            this.onEdit = new core.EventEmitter();
+            this.onRemove = new core.EventEmitter();
             this.dialogVisible = false;
             this.collapsed = false;
             this.selected = [];
@@ -5282,7 +5397,9 @@
             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));
@@ -5317,12 +5434,11 @@
             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") {
@@ -5392,14 +5508,11 @@
             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 () {
@@ -5499,7 +5612,7 @@
                 return this.emptyFieldLabel;
         };
         LookupComponent.prototype.isNumber = function (obj, path) {
-            return !(new BigNumber__default(this.getFieldValue(obj, path)).isNaN());
+            return !new BigNumber__default(this.getFieldValue(obj, path)).isNaN();
         };
         LookupComponent.prototype.setHotkeys = function () {
             var _this = this;
@@ -5591,31 +5704,19 @@
         };
         LookupComponent.prototype._subscribeEvents = function () {
             var _this = this;
-            this.onSearchRequest
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () { return (_this.loading = true); });
-            this.onSelect
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () { return _this.onChange(_this.value); });
-            this.onUnselect
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () { return _this.onChange(_this.value); });
-            this.onClear
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
+            this.onSearchRequest.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () { return (_this.loading = true); });
+            this.onSelect.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () { return _this.onChange(_this.value); });
+            this.onUnselect.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () { return _this.onChange(_this.value); });
+            this.onClear.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
                 if (_this.multiple) {
                     return;
                 }
                 _this.onChange(null);
             });
-            this.onFocus
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
+            this.onFocus.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
                 _this.onTouched();
             });
-            this.onBlur
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) {
+            this.onBlur.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
                 var target = event.target;
                 var currentValue = _this.value && _this.value[_this.lookupDisplayField];
                 var value = target.value;
@@ -5701,6 +5802,15 @@
         __decorate([
             core.Input()
         ], LookupComponent.prototype, "defaultFilter", void 0);
+        __decorate([
+            core.Input()
+        ], LookupComponent.prototype, "showAddOption", void 0);
+        __decorate([
+            core.Input()
+        ], LookupComponent.prototype, "showEditOption", void 0);
+        __decorate([
+            core.Input()
+        ], LookupComponent.prototype, "showRemoveOption", void 0);
         __decorate([
             core.Output()
         ], LookupComponent.prototype, "onLookupRequest", void 0);
@@ -5725,6 +5835,15 @@
         __decorate([
             core.Output()
         ], LookupComponent.prototype, "onClear", void 0);
+        __decorate([
+            core.Output()
+        ], LookupComponent.prototype, "onAdd", void 0);
+        __decorate([
+            core.Output()
+        ], LookupComponent.prototype, "onEdit", void 0);
+        __decorate([
+            core.Output()
+        ], LookupComponent.prototype, "onRemove", void 0);
         __decorate([
             core.ViewChild(table.Table, { static: false })
         ], LookupComponent.prototype, "table", void 0);
@@ -5771,7 +5890,7 @@
             core.Injectable(),
             core.Component({
                 selector: "s-lookup",
-                template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"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: forms.NG_VALUE_ACCESSOR,
@@ -9297,7 +9416,7 @@
         ], LookupFieldComponent.prototype, "formControl", void 0);
         LookupFieldComponent = __decorate([
             core.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;
@@ -13247,37 +13366,6 @@
         return GlobalSearchModule;
     }());
 
-    var TemplateDirective = /** @class */ (function () {
-        function TemplateDirective(template) {
-            this.template = template;
-        }
-        TemplateDirective.ctorParameters = function () { return [
-            { type: core.TemplateRef }
-        ]; };
-        __decorate([
-            core.Input("sTemplate")
-        ], TemplateDirective.prototype, "type", void 0);
-        TemplateDirective = __decorate([
-            core.Directive({
-                selector: "[sTemplate]",
-            })
-        ], TemplateDirective);
-        return TemplateDirective;
-    }());
-
-    var TemplateModule = /** @class */ (function () {
-        function TemplateModule() {
-        }
-        TemplateModule = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule],
-                declarations: [TemplateDirective],
-                exports: [TemplateDirective],
-            })
-        ], TemplateModule);
-        return TemplateModule;
-    }());
-
     var IAInsightCardComponent = /** @class */ (function () {
         function IAInsightCardComponent(clipboard, messageService, translateService) {
             this.clipboard = clipboard;
@@ -17118,6 +17206,8 @@
         "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",
@@ -17386,6 +17476,8 @@
     exports.CalendarLocaleOptions = CalendarLocaleOptions;
     exports.CalendarMaskDirective = CalendarMaskDirective;
     exports.CalendarMaskModule = CalendarMaskModule;
+    exports.CardComponent = CardComponent;
+    exports.CardModule = CardModule;
     exports.ChipsField = ChipsField;
     exports.CodeEditorModule = CodeEditorModule;
     exports.CollapseLinkComponent = CollapseLinkComponent;
@@ -17524,35 +17616,35 @@
     exports.fallback = fallback;
     exports.ɵa = TooltipComponent;
     exports.ɵb = TooltipDirective;
-    exports.ɵba = BooleanSwitchFieldComponent;
-    exports.ɵbb = CalendarFieldComponent;
-    exports.ɵbc = ChipsFieldComponent;
-    exports.ɵbd = CountryPhonePickerFieldComponent;
-    exports.ɵbe = CurrencyFieldComponent;
-    exports.ɵbf = DynamicFieldComponent;
-    exports.ɵbg = DynamicFormDirective;
-    exports.ɵbh = FieldsetComponent;
-    exports.ɵbi = FileUploadComponent$1;
-    exports.ɵbj = LookupFieldComponent;
-    exports.ɵbk = NumberFieldComponent;
-    exports.ɵbl = PasswordFieldComponent;
-    exports.ɵbm = RadioButtonComponent;
-    exports.ɵbn = RowComponent;
-    exports.ɵbo = SectionComponent;
-    exports.ɵbp = SelectFieldComponent;
-    exports.ɵbq = SliderFieldComponent;
-    exports.ɵbr = TextAreaFieldComponent;
-    exports.ɵbs = TextAreaIAFieldComponent;
-    exports.ɵbt = IAssistService;
-    exports.ɵbu = TextFieldComponent;
-    exports.ɵbw = DecimalField;
-    exports.ɵbx = SideTableComponent;
-    exports.ɵby = ThumbnailService;
-    exports.ɵbz = InfiniteScrollModule;
-    exports.ɵc = CustomTranslationsModule;
-    exports.ɵca = InfiniteScrollDirective;
-    exports.ɵcb = TemplateModule;
-    exports.ɵcc = TemplateDirective;
+    exports.ɵba = BignumberFieldComponent;
+    exports.ɵbb = BooleanFieldComponent;
+    exports.ɵbc = BooleanSwitchFieldComponent;
+    exports.ɵbd = CalendarFieldComponent;
+    exports.ɵbe = ChipsFieldComponent;
+    exports.ɵbf = CountryPhonePickerFieldComponent;
+    exports.ɵbg = CurrencyFieldComponent;
+    exports.ɵbh = DynamicFieldComponent;
+    exports.ɵbi = DynamicFormDirective;
+    exports.ɵbj = FieldsetComponent;
+    exports.ɵbk = FileUploadComponent$1;
+    exports.ɵbl = LookupFieldComponent;
+    exports.ɵbm = NumberFieldComponent;
+    exports.ɵbn = PasswordFieldComponent;
+    exports.ɵbo = RadioButtonComponent;
+    exports.ɵbp = RowComponent;
+    exports.ɵbq = SectionComponent;
+    exports.ɵbr = SelectFieldComponent;
+    exports.ɵbs = SliderFieldComponent;
+    exports.ɵbt = TextAreaFieldComponent;
+    exports.ɵbu = TextAreaIAFieldComponent;
+    exports.ɵbv = IAssistService;
+    exports.ɵbw = TextFieldComponent;
+    exports.ɵby = DecimalField;
+    exports.ɵbz = SideTableComponent;
+    exports.ɵc = TemplateDirective;
+    exports.ɵca = ThumbnailService;
+    exports.ɵcb = InfiniteScrollModule;
+    exports.ɵcc = InfiniteScrollDirective;
     exports.ɵcd = IAInsightSidebarComponent;
     exports.ɵce = IAInsightCardComponent;
     exports.ɵcf = IAInsightCardLoaderComponent;
@@ -17576,7 +17668,7 @@
     exports.ɵcx = TieredMenuDividerComponent;
     exports.ɵcy = TimelineItemModule;
     exports.ɵcz = TimelineIconItemComponent;
-    exports.ɵd = CodeEditorComponent;
+    exports.ɵd = TemplateModule;
     exports.ɵda = HorizontalTimelineModule;
     exports.ɵdb = HorizontalTimelineComponent;
     exports.ɵdc = VerticalTimelineModule;
@@ -17585,28 +17677,28 @@
     exports.ɵdf = CollapseOptionComponent;
     exports.ɵdg = CollapsedItemsComponent;
     exports.ɵdh = VerticalItemsComponent;
-    exports.ɵe = CoreFacade;
-    exports.ɵf = CodeMirror6Core;
-    exports.ɵg = CountryPhonePickerService;
-    exports.ɵh = LocalizedCurrencyImpurePipe;
-    exports.ɵi = LocalizedBignumberPipe;
-    exports.ɵj = LocalizedBignumberImpurePipe;
-    exports.ɵk = EmptyStateGoBackComponent;
-    exports.ɵl = IAssistIconComponent;
-    exports.ɵm = SeniorIconComponent;
-    exports.ɵn = DotsIndicatorComponent;
-    exports.ɵo = LoadingIndicatorComponent;
-    exports.ɵp = ProgressBarDeterminateComponent;
-    exports.ɵq = ProgressBarIndeterminateComponent;
-    exports.ɵr = FileUploadService;
-    exports.ɵs = FileItemComponent;
-    exports.ɵt = LocaleService;
-    exports.ɵu = InfoSignComponent;
-    exports.ɵv = TableColumnsComponent;
-    exports.ɵw = TablePagingComponent;
-    exports.ɵx = AutocompleteFieldComponent;
-    exports.ɵy = BignumberFieldComponent;
-    exports.ɵz = BooleanFieldComponent;
+    exports.ɵe = CustomTranslationsModule;
+    exports.ɵf = CodeEditorComponent;
+    exports.ɵg = CoreFacade;
+    exports.ɵh = CodeMirror6Core;
+    exports.ɵi = CountryPhonePickerService;
+    exports.ɵj = LocalizedCurrencyImpurePipe;
+    exports.ɵk = LocalizedBignumberPipe;
+    exports.ɵl = LocalizedBignumberImpurePipe;
+    exports.ɵm = EmptyStateGoBackComponent;
+    exports.ɵn = IAssistIconComponent;
+    exports.ɵo = SeniorIconComponent;
+    exports.ɵp = DotsIndicatorComponent;
+    exports.ɵq = LoadingIndicatorComponent;
+    exports.ɵr = ProgressBarDeterminateComponent;
+    exports.ɵs = ProgressBarIndeterminateComponent;
+    exports.ɵt = FileUploadService;
+    exports.ɵu = FileItemComponent;
+    exports.ɵv = LocaleService;
+    exports.ɵw = InfoSignComponent;
+    exports.ɵx = TableColumnsComponent;
+    exports.ɵy = TablePagingComponent;
+    exports.ɵz = AutocompleteFieldComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });