keevo-components 1.5.224 → 1.6.1

package/{fesm2020 → fesm2022}/keevo-components.mjs

@@ -132,10 +132,10 @@ class BaseComponent {
     writeValue(value) {
         this.value = value;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseComponent, selector: "ng-component", inputs: { isRequired: ["required", "isRequired"], componentId: "componentId", label: "label", disabled: "disabled" }, ngImport: i0, template: '', isInline: true }); }
 }
-BaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponent, selector: "ng-component", inputs: { isRequired: ["required", "isRequired"], componentId: "componentId", label: "label", disabled: "disabled" }, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponent, decorators: [{
             type: Component,
             args: [{
                     template: ''
@@ -163,10 +163,10 @@ class BaseComponentButton {
     click(event) {
         this.onClick.emit();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseComponentButton, selector: "ng-component", inputs: { icon: "icon", label: "label", loading: "loading", disabled: "disabled", color: "color" }, outputs: { onClick: "onClick" }, ngImport: i0, template: '', isInline: true }); }
 }
-BaseComponentButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BaseComponentButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentButton, selector: "ng-component", inputs: { icon: "icon", label: "label", loading: "loading", disabled: "disabled", color: "color" }, outputs: { onClick: "onClick" }, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentButton, decorators: [{
             type: Component,
             args: [{
                     template: '',
@@ -290,10 +290,10 @@ class ChartComponent {
     selectionValue(event) {
         this.onSelectionValue.emit(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChartComponent, selector: "kv-chart", inputs: { title: "title", type: "type", indexAxis: "indexAxis", displayLegend: "displayLegend", showDatas: "showDatas", showMenu: "showMenu", selectedData: "selectedData", enablePeriodos: "enablePeriodos" }, outputs: { onPrintReport: "onPrintReport", onSelectionValue: "onSelectionValue" }, viewQueries: [{ propertyName: "chart", first: true, predicate: ["chart"], descendants: true }], ngImport: i0, template: "<div class=\"card h-full\">\r\n  <div class=\"flex align-items-start justify-content-between mb-6\">\r\n    <label class=\"text-900 text-xl font-semibold\">{{ title }}</label>\r\n    <div>\r\n      <p-dropdown\r\n        *ngIf=\"showDatas\"\r\n        [options]=\"periodos\"\r\n        [(ngModel)]=\"selectedData\"\r\n        optionLabel=\"label\"\r\n        optionValue=\"value\"\r\n        styleClass=\"w-15rem\"\r\n        (onChange)=\"selectionValue($event)\">\r\n      </p-dropdown>\r\n      <button\r\n        *ngIf=\"showMenu\"\r\n        pButton\r\n        pRipple\r\n        icon=\"pi pi-ellipsis-h\"\r\n        class=\"p-button-rounded p-button-secondary\"\r\n        style=\"margin-left: 10px;\"\r\n        (click)=\"menu.toggle($event)\">\r\n      </button>\r\n      <p-menu\r\n        #menu\r\n        [popup]=\"true\"\r\n        appendTo=\"body\"\r\n        [model]=\"menuItems\">\r\n      </p-menu>\r\n    </div>\r\n  </div>\r\n  <p-chart\r\n    #chart\r\n    [type]=\"type\"\r\n    [data]=\"data\"\r\n    [options]=\"options\"\r\n    height=\"300px\">\r\n  </p-chart>\r\n</div>\r\n", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i3.UIChart, selector: "p-chart", inputs: ["type", "plugins", "width", "height", "responsive", "ariaLabel", "ariaLabelledBy", "data", "options"], outputs: ["onDataSelect"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
-ChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ChartComponent, selector: "kv-chart", inputs: { title: "title", type: "type", indexAxis: "indexAxis", displayLegend: "displayLegend", showDatas: "showDatas", showMenu: "showMenu", selectedData: "selectedData", enablePeriodos: "enablePeriodos" }, outputs: { onPrintReport: "onPrintReport", onSelectionValue: "onSelectionValue" }, viewQueries: [{ propertyName: "chart", first: true, predicate: ["chart"], descendants: true }], ngImport: i0, template: "<div class=\"card h-full\">\r\n  <div class=\"flex align-items-start justify-content-between mb-6\">\r\n    <label class=\"text-900 text-xl font-semibold\">{{ title }}</label>\r\n    <div>\r\n      <p-dropdown\r\n        *ngIf=\"showDatas\"\r\n        [options]=\"periodos\"\r\n        [(ngModel)]=\"selectedData\"\r\n        optionLabel=\"label\"\r\n        optionValue=\"value\"\r\n        styleClass=\"w-15rem\"\r\n        (onChange)=\"selectionValue($event)\">\r\n      </p-dropdown>\r\n      <button\r\n        *ngIf=\"showMenu\"\r\n        pButton\r\n        pRipple\r\n        icon=\"pi pi-ellipsis-h\"\r\n        class=\"p-button-rounded p-button-secondary\"\r\n        style=\"margin-left: 10px;\"\r\n        (click)=\"menu.toggle($event)\">\r\n      </button>\r\n      <p-menu\r\n        #menu\r\n        [popup]=\"true\"\r\n        appendTo=\"body\"\r\n        [model]=\"menuItems\">\r\n      </p-menu>\r\n    </div>\r\n  </div>\r\n  <p-chart\r\n    #chart\r\n    [type]=\"type\"\r\n    [data]=\"data\"\r\n    [options]=\"options\"\r\n    height=\"300px\">\r\n  </p-chart>\r\n</div>\r\n", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i3.UIChart, selector: "p-chart", inputs: ["type", "plugins", "width", "height", "responsive", "data", "options"], outputs: ["onDataSelect"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-chart', template: "<div class=\"card h-full\">\r\n  <div class=\"flex align-items-start justify-content-between mb-6\">\r\n    <label class=\"text-900 text-xl font-semibold\">{{ title }}</label>\r\n    <div>\r\n      <p-dropdown\r\n        *ngIf=\"showDatas\"\r\n        [options]=\"periodos\"\r\n        [(ngModel)]=\"selectedData\"\r\n        optionLabel=\"label\"\r\n        optionValue=\"value\"\r\n        styleClass=\"w-15rem\"\r\n        (onChange)=\"selectionValue($event)\">\r\n      </p-dropdown>\r\n      <button\r\n        *ngIf=\"showMenu\"\r\n        pButton\r\n        pRipple\r\n        icon=\"pi pi-ellipsis-h\"\r\n        class=\"p-button-rounded p-button-secondary\"\r\n        style=\"margin-left: 10px;\"\r\n        (click)=\"menu.toggle($event)\">\r\n      </button>\r\n      <p-menu\r\n        #menu\r\n        [popup]=\"true\"\r\n        appendTo=\"body\"\r\n        [model]=\"menuItems\">\r\n      </p-menu>\r\n    </div>\r\n  </div>\r\n  <p-chart\r\n    #chart\r\n    [type]=\"type\"\r\n    [data]=\"data\"\r\n    [options]=\"options\"\r\n    height=\"300px\">\r\n  </p-chart>\r\n</div>\r\n", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { title: [{
@@ -395,10 +395,10 @@ class BaseChartComponent {
         };
         return dados;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseChartComponent, selector: "ng-component", outputs: { onPrintReport: "onPrintReport" }, viewQueries: [{ propertyName: "chartComponent", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: '', isInline: true }); }
 }
-BaseChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BaseChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseChartComponent, selector: "ng-component", outputs: { onPrintReport: "onPrintReport" }, viewQueries: [{ propertyName: "chartComponent", first: true, predicate: ChartComponent, descendants: true }], ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseChartComponent, decorators: [{
             type: Component,
             args: [{
                     template: ''
@@ -424,10 +424,10 @@ class ObjectService {
     static getProperty(obj, propertyName) {
         return obj[propertyName];
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ObjectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ObjectService, providedIn: 'root' }); }
 }
-ObjectService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ObjectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ObjectService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ObjectService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ObjectService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ObjectService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -505,10 +505,10 @@ class FormService {
     static clearValidators(formGroup, controName) {
         formGroup?.controls[controName]?.updateValueAndValidity();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormService, providedIn: 'root' }); }
 }
-FormService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FormService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FormService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FormService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -569,10 +569,10 @@ class NotificationService {
     toastError(message) {
         this.messageService.add({ severity: 'error', summary: 'Erro', detail: message });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationService, deps: [{ token: i1$2.ConfirmationService }, { token: i1$2.MessageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationService, providedIn: 'root' }); }
 }
-NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NotificationService, deps: [{ token: i1$2.ConfirmationService }, { token: i1$2.MessageService }], target: i0.ɵɵFactoryTarget.Injectable });
-NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NotificationService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NotificationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -629,10 +629,10 @@ class BaseComponentCrud {
             }
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentCrud, deps: [{ token: i1$3.DialogService }, { token: NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseComponentCrud, selector: "ng-component", ngImport: i0, template: '', isInline: true }); }
 }
-BaseComponentCrud.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentCrud, deps: [{ token: i1$3.DialogService }, { token: NotificationService }], target: i0.ɵɵFactoryTarget.Component });
-BaseComponentCrud.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentCrud, selector: "ng-component", ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentCrud, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentCrud, decorators: [{
             type: Component,
             args: [{
                     template: ''
@@ -640,17 +640,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
         }], ctorParameters: function () { return [{ type: i1$3.DialogService }, { type: NotificationService }]; } });
 
 class LoaderService {
+    static { this.isLoading = new Subject(); }
     static show() {
         this.isLoading.next(true);
     }
     static hide() {
         this.isLoading.next(false);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderService, providedIn: 'root' }); }
 }
-LoaderService.isLoading = new Subject();
-LoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-LoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LoaderService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LoaderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -924,10 +924,10 @@ class BaseComponentCrudForm extends BaseComponentCrud {
         }
         return valid;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentCrudForm, deps: [{ token: i1$3.DialogService }, { token: NotificationService }, { token: i3$1.ActivatedRoute }, { token: i1$3.DynamicDialogRef }, { token: i1$3.DynamicDialogConfig }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseComponentCrudForm, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-BaseComponentCrudForm.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentCrudForm, deps: [{ token: i1$3.DialogService }, { token: NotificationService }, { token: i3$1.ActivatedRoute }, { token: i1$3.DynamicDialogRef }, { token: i1$3.DynamicDialogConfig }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-BaseComponentCrudForm.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentCrudForm, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentCrudForm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentCrudForm, decorators: [{
             type: Component,
             args: [{
                     template: ''
@@ -993,10 +993,10 @@ class BaseComponentCrudList extends BaseComponentCrud {
     refresh() {
         this.loadTable(new TablePaginate());
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentCrudList, deps: [{ token: i1$3.DialogService }, { token: NotificationService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseComponentCrudList, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-BaseComponentCrudList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentCrudList, deps: [{ token: i1$3.DialogService }, { token: NotificationService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-BaseComponentCrudList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentCrudList, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentCrudList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentCrudList, decorators: [{
             type: Component,
             args: [{
                     template: ''
@@ -1013,10 +1013,10 @@ class ErrorComponent {
         this.hasError = false;
         this.emitError = new EventEmitter();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ErrorComponent, selector: "kv-error", inputs: { formControl: "formControl", setHasError: ["hasError", "setHasError"] }, ngImport: i0, template: "<small id=\"error-message\" class=\"p-error block\" style=\"height: 0px !important;\" >\r\n  <ng-content *ngIf=\"hasError\"></ng-content>\r\n</small>\r\n", styles: ["#error-message{left:1px;font-size:.8rem!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-ErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ErrorComponent, selector: "kv-error", inputs: { formControl: "formControl", setHasError: ["hasError", "setHasError"] }, ngImport: i0, template: "<small id=\"error-message\" class=\"p-error block\" style=\"height: 0px !important;\" >\r\n  <ng-content *ngIf=\"hasError\"></ng-content>\r\n</small>\r\n", styles: ["#error-message{left:1px;font-size:.8rem!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-error', template: "<small id=\"error-message\" class=\"p-error block\" style=\"height: 0px !important;\" >\r\n  <ng-content *ngIf=\"hasError\"></ng-content>\r\n</small>\r\n", styles: ["#error-message{left:1px;font-size:.8rem!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { formControl: [{
@@ -1043,10 +1043,10 @@ class ComponentService {
             return undefined;
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComponentService, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComponentService }); }
 }
-ComponentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ComponentService, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable });
-ComponentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ComponentService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ComponentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComponentService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }]; } });
 
@@ -1115,10 +1115,10 @@ class BaseComponentInput extends BaseComponent {
         if (!this.placeholder)
             this.placeholder = p;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentInput, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseComponentInput, selector: "ng-component", inputs: { placeholder: "placeholder" }, outputs: { onBlur: "onBlur", onInput: "onInput", onClose: "onClose" }, queries: [{ propertyName: "contentErrors", predicate: ErrorComponent }], viewQueries: [{ propertyName: "viewErrors", predicate: ErrorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-BaseComponentInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentInput, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-BaseComponentInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentInput, selector: "ng-component", inputs: { placeholder: "placeholder" }, outputs: { onBlur: "onBlur", onInput: "onInput", onClose: "onClose" }, queries: [{ propertyName: "contentErrors", predicate: ErrorComponent }], viewQueries: [{ propertyName: "viewErrors", predicate: ErrorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentInput, decorators: [{
             type: Component,
             args: [{
                     template: '',
@@ -1247,10 +1247,10 @@ class BaseComponentDropDown extends BaseComponentInput {
         }
         this.value = value;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentDropDown, deps: [{ token: ComponentService }, { token: i1$3.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseComponentDropDown, selector: "ng-component", inputs: { filteredOptions: "filteredOptions", options: "options", optionLabel: "optionLabel", optionValue: "optionValue", optionDisabled: "optionDisabled", group: "group", optionGroupLabel: "optionGroupLabel", optionGroupChildren: "optionGroupChildren", filter: "filter", lazy: "lazy", showAddButton: "showAddButton", showClear: "showClear", widthField: "widthField" }, outputs: { onAddClick: "onAddClick", onClick: "onClick", onSelectionChange: "onSelectionChange", onSelectionValue: "onSelectionValue", requestComplete: "requestComplete" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-BaseComponentDropDown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentDropDown, deps: [{ token: ComponentService }, { token: i1$3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-BaseComponentDropDown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentDropDown, selector: "ng-component", inputs: { filteredOptions: "filteredOptions", options: "options", optionLabel: "optionLabel", optionValue: "optionValue", optionDisabled: "optionDisabled", group: "group", optionGroupLabel: "optionGroupLabel", optionGroupChildren: "optionGroupChildren", filter: "filter", lazy: "lazy", showAddButton: "showAddButton", showClear: "showClear", widthField: "widthField" }, outputs: { onAddClick: "onAddClick", onClick: "onClick", onSelectionChange: "onSelectionChange", onSelectionValue: "onSelectionValue", requestComplete: "requestComplete" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentDropDown, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentDropDown, decorators: [{
             type: Component,
             args: [{
                     template: '',
@@ -1385,10 +1385,10 @@ class BaseComponentMultiSelect extends BaseComponentInput {
     requestCompleted() {
         return this.loadedCombo;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentMultiSelect, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseComponentMultiSelect, selector: "ng-component", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", filter: "filter", showClear: "showClear", lazy: "lazy", filteredOptions: "filteredOptions" }, outputs: { onSelectionChange: "onSelectionChange", onPanelHide: "onPanelHide", onSelectionValue: "onSelectionValue", onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-BaseComponentMultiSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentMultiSelect, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-BaseComponentMultiSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentMultiSelect, selector: "ng-component", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", filter: "filter", showClear: "showClear", lazy: "lazy", filteredOptions: "filteredOptions" }, outputs: { onSelectionChange: "onSelectionChange", onPanelHide: "onPanelHide", onSelectionValue: "onSelectionValue", onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentMultiSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentMultiSelect, decorators: [{
             type: Component,
             args: [{
                     template: '',
@@ -1421,10 +1421,10 @@ class ButtonSecondaryComponent extends BaseComponentButton {
     constructor() {
         super();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonSecondaryComponent, selector: "kv-button-secondary", usesInheritance: true, ngImport: i0, template: "\r\n<button\r\n  pButton\r\n  pRipple\r\n  class=\"btn-secondary border-300\"\r\n  [icon]=\"icon\"\r\n  [label]=\"label\"\r\n  [loading]=\"loading\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"click($event)\">\r\n</button>\r\n\r\n", styles: [".btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:35px}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
 }
-ButtonSecondaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ButtonSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonSecondaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ButtonSecondaryComponent, selector: "kv-button-secondary", usesInheritance: true, ngImport: i0, template: "\r\n<button\r\n  pButton\r\n  pRipple\r\n  class=\"btn-secondary border-300\"\r\n  [icon]=\"icon\"\r\n  [label]=\"label\"\r\n  [loading]=\"loading\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"click($event)\">\r\n</button>\r\n\r\n", styles: [".btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:35px}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ButtonSecondaryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonSecondaryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-button-secondary', template: "\r\n<button\r\n  pButton\r\n  pRipple\r\n  class=\"btn-secondary border-300\"\r\n  [icon]=\"icon\"\r\n  [label]=\"label\"\r\n  [loading]=\"loading\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"click($event)\">\r\n</button>\r\n\r\n", styles: [".btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:35px}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}\n"] }]
         }], ctorParameters: function () { return []; } });
@@ -1433,136 +1433,136 @@ class ButtonSuccessComponent extends BaseComponentButton {
     constructor() {
         super();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonSuccessComponent, selector: "kv-button-success", usesInheritance: true, ngImport: i0, template: "<button\r\n  pButton\r\n  pRipple\r\n  class=\"btn-success border-green-500\"\r\n  [icon]=\"icon\"\r\n  [label]=\"label\"\r\n  [loading]=\"loading\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"click($event)\">\r\n</button>\r\n\r\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
 }
-ButtonSuccessComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ButtonSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonSuccessComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ButtonSuccessComponent, selector: "kv-button-success", usesInheritance: true, ngImport: i0, template: "<button\r\n  pButton\r\n  pRipple\r\n  class=\"btn-success border-green-500\"\r\n  [icon]=\"icon\"\r\n  [label]=\"label\"\r\n  [loading]=\"loading\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"click($event)\">\r\n</button>\r\n\r\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ButtonSuccessComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonSuccessComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-button-success', template: "<button\r\n  pButton\r\n  pRipple\r\n  class=\"btn-success border-green-500\"\r\n  [icon]=\"icon\"\r\n  [label]=\"label\"\r\n  [loading]=\"loading\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"click($event)\">\r\n</button>\r\n\r\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"] }]
         }], ctorParameters: function () { return []; } });
 
 class PrimeNgModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrimeNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PrimeNgModule, exports: [AccordionModule,
+            AutoFocusModule,
+            BadgeModule,
+            ButtonModule,
+            CalendarModule,
+            CardModule,
+            CarouselModule,
+            ChartModule,
+            CheckboxModule,
+            ChipModule,
+            ConfirmDialogModule,
+            ContextMenuModule,
+            DataViewModule,
+            DialogModule,
+            DividerModule,
+            DropdownModule,
+            DynamicDialogModule,
+            EditorModule,
+            FieldsetModule,
+            FileUploadModule,
+            InputMaskModule,
+            InputNumberModule,
+            InputSwitchModule,
+            InputTextModule,
+            InputTextareaModule,
+            KnobModule,
+            MenuModule,
+            MessageModule,
+            MessagesModule,
+            MultiSelectModule,
+            OverlayModule,
+            OverlayPanelModule,
+            OverlayPanelModule,
+            PanelModule,
+            PanelMenuModule,
+            PasswordModule,
+            PickListModule,
+            ProgressBarModule,
+            RadioButtonModule,
+            RatingModule,
+            RippleModule,
+            SidebarModule,
+            SkeletonModule,
+            SpeedDialModule,
+            SplitButtonModule,
+            StepsModule,
+            TabViewModule,
+            TableModule,
+            ToastModule,
+            ToolbarModule,
+            TooltipModule,
+            TreeModule,
+            StyleClassModule,
+            BreadcrumbModule,
+            TreeTableModule,
+            ImageModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrimeNgModule, providers: [
+            ConfirmationService,
+            DialogService,
+            DynamicDialogRef,
+            DynamicDialogConfig,
+            MessageService,
+        ], imports: [AccordionModule,
+            AutoFocusModule,
+            BadgeModule,
+            ButtonModule,
+            CalendarModule,
+            CardModule,
+            CarouselModule,
+            ChartModule,
+            CheckboxModule,
+            ChipModule,
+            ConfirmDialogModule,
+            ContextMenuModule,
+            DataViewModule,
+            DialogModule,
+            DividerModule,
+            DropdownModule,
+            DynamicDialogModule,
+            EditorModule,
+            FieldsetModule,
+            FileUploadModule,
+            InputMaskModule,
+            InputNumberModule,
+            InputSwitchModule,
+            InputTextModule,
+            InputTextareaModule,
+            KnobModule,
+            MenuModule,
+            MessageModule,
+            MessagesModule,
+            MultiSelectModule,
+            OverlayModule,
+            OverlayPanelModule,
+            OverlayPanelModule,
+            PanelModule,
+            PanelMenuModule,
+            PasswordModule,
+            PickListModule,
+            ProgressBarModule,
+            RadioButtonModule,
+            RatingModule,
+            RippleModule,
+            SidebarModule,
+            SkeletonModule,
+            SpeedDialModule,
+            SplitButtonModule,
+            StepsModule,
+            TabViewModule,
+            TableModule,
+            ToastModule,
+            ToolbarModule,
+            TooltipModule,
+            TreeModule,
+            StyleClassModule,
+            BreadcrumbModule,
+            TreeTableModule,
+            ImageModule] }); }
 }
-PrimeNgModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PrimeNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PrimeNgModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: PrimeNgModule, exports: [AccordionModule,
-        AutoFocusModule,
-        BadgeModule,
-        ButtonModule,
-        CalendarModule,
-        CardModule,
-        CarouselModule,
-        ChartModule,
-        CheckboxModule,
-        ChipModule,
-        ConfirmDialogModule,
-        ContextMenuModule,
-        DataViewModule,
-        DialogModule,
-        DividerModule,
-        DropdownModule,
-        DynamicDialogModule,
-        EditorModule,
-        FieldsetModule,
-        FileUploadModule,
-        InputMaskModule,
-        InputNumberModule,
-        InputSwitchModule,
-        InputTextModule,
-        InputTextareaModule,
-        KnobModule,
-        MenuModule,
-        MessageModule,
-        MessagesModule,
-        MultiSelectModule,
-        OverlayModule,
-        OverlayPanelModule,
-        OverlayPanelModule,
-        PanelModule,
-        PanelMenuModule,
-        PasswordModule,
-        PickListModule,
-        ProgressBarModule,
-        RadioButtonModule,
-        RatingModule,
-        RippleModule,
-        SidebarModule,
-        SkeletonModule,
-        SpeedDialModule,
-        SplitButtonModule,
-        StepsModule,
-        TabViewModule,
-        TableModule,
-        ToastModule,
-        ToolbarModule,
-        TooltipModule,
-        TreeModule,
-        StyleClassModule,
-        BreadcrumbModule,
-        TreeTableModule,
-        ImageModule] });
-PrimeNgModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PrimeNgModule, providers: [
-        ConfirmationService,
-        DialogService,
-        DynamicDialogRef,
-        DynamicDialogConfig,
-        MessageService,
-    ], imports: [AccordionModule,
-        AutoFocusModule,
-        BadgeModule,
-        ButtonModule,
-        CalendarModule,
-        CardModule,
-        CarouselModule,
-        ChartModule,
-        CheckboxModule,
-        ChipModule,
-        ConfirmDialogModule,
-        ContextMenuModule,
-        DataViewModule,
-        DialogModule,
-        DividerModule,
-        DropdownModule,
-        DynamicDialogModule,
-        EditorModule,
-        FieldsetModule,
-        FileUploadModule,
-        InputMaskModule,
-        InputNumberModule,
-        InputSwitchModule,
-        InputTextModule,
-        InputTextareaModule,
-        KnobModule,
-        MenuModule,
-        MessageModule,
-        MessagesModule,
-        MultiSelectModule,
-        OverlayModule,
-        OverlayPanelModule,
-        OverlayPanelModule,
-        PanelModule,
-        PanelMenuModule,
-        PasswordModule,
-        PickListModule,
-        ProgressBarModule,
-        RadioButtonModule,
-        RatingModule,
-        RippleModule,
-        SidebarModule,
-        SkeletonModule,
-        SpeedDialModule,
-        SplitButtonModule,
-        StepsModule,
-        TabViewModule,
-        TableModule,
-        ToastModule,
-        ToolbarModule,
-        TooltipModule,
-        TreeModule,
-        StyleClassModule,
-        BreadcrumbModule,
-        TreeTableModule,
-        ImageModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PrimeNgModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrimeNgModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [
@@ -1637,10 +1637,10 @@ class ButtonPersonalizeComponent extends BaseComponentButton {
     constructor() {
         super();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonPersonalizeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonPersonalizeComponent, selector: "kv-button-personalize", usesInheritance: true, ngImport: i0, template: "<button\r\n  pButton\r\n  pRipple\r\n  [class]=\"color\"\r\n  [icon]=\"icon\"\r\n  [label]=\"label\"\r\n  [loading]=\"loading\"\r\n  (click)=\"click($event)\"\r\n  [disabled]=\"disabled\"\r\n  class=\"btn-personalize\"\r\n></button>\r\n", styles: [".btn-personalize{height:35px}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
 }
-ButtonPersonalizeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ButtonPersonalizeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonPersonalizeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ButtonPersonalizeComponent, selector: "kv-button-personalize", usesInheritance: true, ngImport: i0, template: "<button\r\n  pButton\r\n  pRipple\r\n  [class]=\"color\"\r\n  [icon]=\"icon\"\r\n  [label]=\"label\"\r\n  [loading]=\"loading\"\r\n  (click)=\"click($event)\"\r\n  [disabled]=\"disabled\"\r\n  class=\"btn-personalize\"\r\n></button>\r\n", styles: [".btn-personalize{height:35px}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ButtonPersonalizeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonPersonalizeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-button-personalize', template: "<button\r\n  pButton\r\n  pRipple\r\n  [class]=\"color\"\r\n  [icon]=\"icon\"\r\n  [label]=\"label\"\r\n  [loading]=\"loading\"\r\n  (click)=\"click($event)\"\r\n  [disabled]=\"disabled\"\r\n  class=\"btn-personalize\"\r\n></button>\r\n", styles: [".btn-personalize{height:35px}\n"] }]
         }], ctorParameters: function () { return []; } });
@@ -1660,10 +1660,10 @@ class ButtonPopupComponent extends BaseComponentButton {
     rotate() {
         this.icon = this.icon === 'pi pi-chevron-down' ? 'pi pi-chevron-up' : 'pi pi-chevron-down';
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonPopupComponent, selector: "kv-button-popup", inputs: { items: "items" }, usesInheritance: true, ngImport: i0, template: "<p-menu #menu [model]=\"items\" appendTo=\"body\" [popup]=\"true\" (onShow)=\"handleShow()\" (onHide)=\"handleHide()\"></p-menu>\r\n<button\r\n    pButton\r\n    pRipple\r\n    class=\"btn-success border-green-500\"\r\n    [icon]=\"icon\"\r\n    iconPos=\"right\"\r\n    [label]=\"label\"\r\n    [loading]=\"loading\"\r\n    [disabled]=\"disabled\"\r\n    (click)=\"menu.toggle($event)\">\r\n</button>\r\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
 }
-ButtonPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ButtonPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ButtonPopupComponent, selector: "kv-button-popup", inputs: { items: "items" }, usesInheritance: true, ngImport: i0, template: "<p-menu #menu [model]=\"items\" appendTo=\"body\" [popup]=\"true\" (onShow)=\"handleShow()\" (onHide)=\"handleHide()\"></p-menu>\r\n<button\r\n    pButton\r\n    pRipple\r\n    class=\"btn-success border-green-500\"\r\n    [icon]=\"icon\"\r\n    iconPos=\"right\"\r\n    [label]=\"label\"\r\n    [loading]=\"loading\"\r\n    [disabled]=\"disabled\"\r\n    (click)=\"menu.toggle($event)\">\r\n</button>\r\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ButtonPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonPopupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-button-popup', template: "<p-menu #menu [model]=\"items\" appendTo=\"body\" [popup]=\"true\" (onShow)=\"handleShow()\" (onHide)=\"handleHide()\"></p-menu>\r\n<button\r\n    pButton\r\n    pRipple\r\n    class=\"btn-success border-green-500\"\r\n    [icon]=\"icon\"\r\n    iconPos=\"right\"\r\n    [label]=\"label\"\r\n    [loading]=\"loading\"\r\n    [disabled]=\"disabled\"\r\n    (click)=\"menu.toggle($event)\">\r\n</button>\r\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { items: [{
@@ -1671,17 +1671,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class KvButtonsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KvButtonsModule, declarations: [ButtonSecondaryComponent,
+            ButtonSuccessComponent,
+            ButtonPersonalizeComponent,
+            ButtonPopupComponent], imports: [PrimeNgModule], exports: [ButtonSecondaryComponent,
+            ButtonSuccessComponent,
+            ButtonPersonalizeComponent,
+            ButtonPopupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvButtonsModule, imports: [PrimeNgModule] }); }
 }
-KvButtonsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KvButtonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KvButtonsModule, declarations: [ButtonSecondaryComponent,
-        ButtonSuccessComponent,
-        ButtonPersonalizeComponent,
-        ButtonPopupComponent], imports: [PrimeNgModule], exports: [ButtonSecondaryComponent,
-        ButtonSuccessComponent,
-        ButtonPersonalizeComponent,
-        ButtonPopupComponent] });
-KvButtonsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvButtonsModule, imports: [PrimeNgModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvButtonsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvButtonsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1723,10 +1723,10 @@ class CheckComponent extends BaseComponentInput {
     emitOnCheckChange(event) {
         this.onCheckChange.emit(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckComponent, selector: "kv-check", outputs: { onCheckChange: "onCheckChange" }, providers: ComponentProviders(CheckComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"field-checkbox\">\r\n  <p-checkbox\r\n    [binary]=\"true\"\r\n    [disabled]=\"disabled\"\r\n    [label]=\"label\"\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (onChange)=\"emitOnCheckChange($event)\">\r\n  </p-checkbox>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:16px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}\n", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$1.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }] }); }
 }
-CheckComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CheckComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-CheckComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: CheckComponent, selector: "kv-check", outputs: { onCheckChange: "onCheckChange" }, providers: ComponentProviders(CheckComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"field-checkbox\">\r\n  <p-checkbox\r\n    [binary]=\"true\"\r\n    [disabled]=\"disabled\"\r\n    [label]=\"label\"\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (onChange)=\"emitOnCheckChange($event)\">\r\n  </p-checkbox>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:16px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}\n", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$1.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CheckComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-check', providers: ComponentProviders(CheckComponent), template: "<div class=\"field-checkbox\">\r\n  <p-checkbox\r\n    [binary]=\"true\"\r\n    [disabled]=\"disabled\"\r\n    [label]=\"label\"\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (onChange)=\"emitOnCheckChange($event)\">\r\n  </p-checkbox>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:16px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}\n", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { onCheckChange: [{
@@ -1734,10 +1734,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class LabelComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LabelComponent, selector: "kv-label", inputs: { componentId: "componentId", label: "label" }, ngImport: i0, template: "<p class=\"m-0\">\n    <label\n        [for]=\"componentId\"\n        class=\"label-style\"\n    >{{ label }}</label>\n</p>", styles: ["::ng-deep .label-style{position:relative;left:1px;font-size:.8rem!important;padding-top:0rem;padding-bottom:0rem;font-family:Roboto,Arial,Helvetica,sans-serif!important}\n"] }); }
 }
-LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: LabelComponent, selector: "kv-label", inputs: { componentId: "componentId", label: "label" }, ngImport: i0, template: "<p class=\"m-0\">\n    <label\n        [for]=\"componentId\"\n        class=\"label-style\"\n    >{{ label }}</label>\n</p>", styles: ["::ng-deep .label-style{position:relative;left:1px;font-size:.8rem!important;padding-top:0rem;padding-bottom:0rem;font-family:Roboto,Arial,Helvetica,sans-serif!important}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-label', template: "<p class=\"m-0\">\n    <label\n        [for]=\"componentId\"\n        class=\"label-style\"\n    >{{ label }}</label>\n</p>", styles: ["::ng-deep .label-style{position:relative;left:1px;font-size:.8rem!important;padding-top:0rem;padding-bottom:0rem;font-family:Roboto,Arial,Helvetica,sans-serif!important}\n"] }]
         }], propDecorators: { componentId: [{
@@ -1754,10 +1754,10 @@ class DropdownComponent extends BaseComponentDropDown {
         if (this.dropDowValue)
             this.value = this.dropDowValue;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, deps: [{ token: ComponentService }, { token: i1$3.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownComponent, selector: "kv-dropdown", inputs: { dropDowValue: "dropDowValue", itemTemplate: "itemTemplate", selectedItemTemplate: "selectedItemTemplate" }, providers: ComponentProviders(DropdownComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-dropdown\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [disabled]=\"disabled\"\r\n    [filter]=\"filter\"\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [options]=\"filteredOptions\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [optionValue]=\"optionValue\"\r\n    [optionDisabled]=\"optionDisabled\"\r\n    [group]=\"group\"\r\n    [optionGroupLabel]=\"optionGroupLabel\"\r\n    [optionGroupChildren]=\"optionGroupChildren\"\r\n    [showClear]=\"showClear\"\r\n    [lazy]=\"lazy\"\r\n    scrollHeight=\"250px\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClick)=\"onInputClick($event)\"\r\n    (onChange)=\"onInputChange($event)\"\r\n    (onFilter)=\"onInputFilter($event)\"\r\n    [style]=\"{'width':widthField}\"\r\n    [panelStyle]=\"{ width: widthField, overflow: 'auto' }\"\r\n    styleClass=\"inputs\"\r\n  >\r\n\r\n    <ng-template\r\n      *ngIf=\"showAddButton\"\r\n      pTemplate=\"footer\"\r\n    >\r\n      <p-divider></p-divider>\r\n      <div class=\"flex flex-wrap card-container p-1\">\r\n        <div class=\"flex justify-content-center\">\r\n          <button\r\n            pButton\r\n            label=\"Incluir\"\r\n            pTooltip=\"Clique aqui para incluir um novo registro\"\r\n            tooltipPosition=\"bottom\"\r\n            icon=\"pi pi-plus\"\r\n            class=\"p-button-rounded p-button-success mr-2\"\r\n            (click)=\"addClick($event)\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n\r\n\r\n\r\n    <!-- :: -->\r\n\r\n    <ng-template\r\n      let-item\r\n      pTemplate=\"item\"\r\n      *ngIf=\"itemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n    <ng-template\r\n      let-selectedItem\r\n      pTemplate=\"selectedItem\"\r\n      *ngIf=\"selectedItemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedItemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n\r\n  </p-dropdown>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] }); }
 }
-DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DropdownComponent, deps: [{ token: ComponentService }, { token: i1$3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: DropdownComponent, selector: "kv-dropdown", inputs: { dropDowValue: "dropDowValue", itemTemplate: "itemTemplate", selectedItemTemplate: "selectedItemTemplate" }, providers: ComponentProviders(DropdownComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-dropdown\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [disabled]=\"disabled\"\r\n    [filter]=\"filter\"\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [options]=\"filteredOptions\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [optionValue]=\"optionValue\"\r\n    [optionDisabled]=\"optionDisabled\"\r\n    [group]=\"group\"\r\n    [optionGroupLabel]=\"optionGroupLabel\"\r\n    [optionGroupChildren]=\"optionGroupChildren\"\r\n    [showClear]=\"showClear\"\r\n    [lazy]=\"lazy\"\r\n    scrollHeight=\"250px\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClick)=\"onInputClick($event)\"\r\n    (onChange)=\"onInputChange($event)\"\r\n    (onFilter)=\"onInputFilter($event)\"\r\n    [style]=\"{'width':widthField}\"\r\n    [panelStyle]=\"{ width: widthField, overflow: 'auto' }\"\r\n    styleClass=\"inputs\"\r\n  >\r\n\r\n    <ng-template\r\n      *ngIf=\"showAddButton\"\r\n      pTemplate=\"footer\"\r\n    >\r\n      <p-divider></p-divider>\r\n      <div class=\"flex flex-wrap card-container p-1\">\r\n        <div class=\"flex justify-content-center\">\r\n          <button\r\n            pButton\r\n            label=\"Incluir\"\r\n            pTooltip=\"Clique aqui para incluir um novo registro\"\r\n            tooltipPosition=\"bottom\"\r\n            icon=\"pi pi-plus\"\r\n            class=\"p-button-rounded p-button-success mr-2\"\r\n            (click)=\"addClick($event)\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n\r\n\r\n\r\n    <!-- :: -->\r\n\r\n    <ng-template\r\n      let-item\r\n      pTemplate=\"item\"\r\n      *ngIf=\"itemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n    <ng-template\r\n      let-selectedItem\r\n      pTemplate=\"selectedItem\"\r\n      *ngIf=\"selectedItemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedItemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n\r\n  </p-dropdown>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["styleClass", "style", "layout", "type", "align"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-dropdown', providers: ComponentProviders(DropdownComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-dropdown\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [disabled]=\"disabled\"\r\n    [filter]=\"filter\"\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [options]=\"filteredOptions\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [optionValue]=\"optionValue\"\r\n    [optionDisabled]=\"optionDisabled\"\r\n    [group]=\"group\"\r\n    [optionGroupLabel]=\"optionGroupLabel\"\r\n    [optionGroupChildren]=\"optionGroupChildren\"\r\n    [showClear]=\"showClear\"\r\n    [lazy]=\"lazy\"\r\n    scrollHeight=\"250px\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClick)=\"onInputClick($event)\"\r\n    (onChange)=\"onInputChange($event)\"\r\n    (onFilter)=\"onInputFilter($event)\"\r\n    [style]=\"{'width':widthField}\"\r\n    [panelStyle]=\"{ width: widthField, overflow: 'auto' }\"\r\n    styleClass=\"inputs\"\r\n  >\r\n\r\n    <ng-template\r\n      *ngIf=\"showAddButton\"\r\n      pTemplate=\"footer\"\r\n    >\r\n      <p-divider></p-divider>\r\n      <div class=\"flex flex-wrap card-container p-1\">\r\n        <div class=\"flex justify-content-center\">\r\n          <button\r\n            pButton\r\n            label=\"Incluir\"\r\n            pTooltip=\"Clique aqui para incluir um novo registro\"\r\n            tooltipPosition=\"bottom\"\r\n            icon=\"pi pi-plus\"\r\n            class=\"p-button-rounded p-button-success mr-2\"\r\n            (click)=\"addClick($event)\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n\r\n\r\n\r\n    <!-- :: -->\r\n\r\n    <ng-template\r\n      let-item\r\n      pTemplate=\"item\"\r\n      *ngIf=\"itemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n    <ng-template\r\n      let-selectedItem\r\n      pTemplate=\"selectedItem\"\r\n      *ngIf=\"selectedItemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedItemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n\r\n  </p-dropdown>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }, { type: i1$3.DialogService }]; }, propDecorators: { dropDowValue: [{
@@ -1817,10 +1817,10 @@ class InputCalendarComponent extends BaseComponentInput {
             }
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputCalendarComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: InputCalendarComponent, selector: "kv-input-calendar", inputs: { isYear: "isYear", isMonthYear: "isMonthYear", minDate: "minDate", maxDate: "maxDate", showButtonBar: "showButtonBar", showIcon: "showIcon", showTime: "showTime", selectionMode: "selectionMode" }, outputs: { onSelectionChange: "onSelectionChange", onSelectionValue: "onSelectionValue" }, providers: ComponentProviders(InputCalendarComponent), viewQueries: [{ propertyName: "dateFilter", first: true, predicate: ["dateFilter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-calendar\r\n    #dateFilter\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [minDate]=\"minDate\"\r\n    [maxDate]=\"maxDate\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [showButtonBar]=\"showButtonBar\"\r\n    [showIcon]=\"showIcon\"\r\n    [showTime]=\"showTime\"\r\n    [view]=\"typeView\"\r\n    [dateFormat]=\"dateFormat\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClose)=\"onInputClose($event)\"\r\n    (onSelect)=\"onInputChange($event)\"\r\n    styleClass=\"inputs\"\r\n  >\r\n  </p-calendar>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$2.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] }); }
 }
-InputCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputCalendarComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-InputCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: InputCalendarComponent, selector: "kv-input-calendar", inputs: { isYear: "isYear", isMonthYear: "isMonthYear", minDate: "minDate", maxDate: "maxDate", showButtonBar: "showButtonBar", showIcon: "showIcon", showTime: "showTime", selectionMode: "selectionMode" }, outputs: { onSelectionChange: "onSelectionChange", onSelectionValue: "onSelectionValue" }, providers: ComponentProviders(InputCalendarComponent), viewQueries: [{ propertyName: "dateFilter", first: true, predicate: ["dateFilter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-calendar\r\n    #dateFilter\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [minDate]=\"minDate\"\r\n    [maxDate]=\"maxDate\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [showButtonBar]=\"showButtonBar\"\r\n    [showIcon]=\"showIcon\"\r\n    [showTime]=\"showTime\"\r\n    [view]=\"typeView\"\r\n    [dateFormat]=\"dateFormat\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClose)=\"onInputClose($event)\"\r\n    (onSelect)=\"onInputChange($event)\"\r\n    styleClass=\"inputs\"\r\n  >\r\n  </p-calendar>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$2.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputCalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputCalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-input-calendar', providers: ComponentProviders(InputCalendarComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-calendar\r\n    #dateFilter\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [minDate]=\"minDate\"\r\n    [maxDate]=\"maxDate\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [showButtonBar]=\"showButtonBar\"\r\n    [showIcon]=\"showIcon\"\r\n    [showTime]=\"showTime\"\r\n    [view]=\"typeView\"\r\n    [dateFormat]=\"dateFormat\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClose)=\"onInputClose($event)\"\r\n    (onSelect)=\"onInputChange($event)\"\r\n    styleClass=\"inputs\"\r\n  >\r\n  </p-calendar>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { isYear: [{
@@ -1852,10 +1852,10 @@ class InputMaskComponent extends BaseComponentInput {
     constructor(componentService) {
         super(componentService);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputMaskComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: InputMaskComponent, selector: "kv-input-mask", inputs: { mask: "mask" }, providers: ComponentProviders(InputMaskComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-inputMask\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [inputId]=\"componentId\"\r\n    [disabled]=\"disabled\"\r\n    [placeholder]=\"placeholder\"\r\n    [(ngModel)]=\"value\"\r\n    [mask]=\"mask\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-inputMask>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$3.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] }); }
 }
-InputMaskComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputMaskComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-InputMaskComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: InputMaskComponent, selector: "kv-input-mask", inputs: { mask: "mask" }, providers: ComponentProviders(InputMaskComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-inputMask\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [inputId]=\"componentId\"\r\n    [disabled]=\"disabled\"\r\n    [placeholder]=\"placeholder\"\r\n    [(ngModel)]=\"value\"\r\n    [mask]=\"mask\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-inputMask>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$3.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputMaskComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputMaskComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-input-mask', providers: ComponentProviders(InputMaskComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-inputMask\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [inputId]=\"componentId\"\r\n    [disabled]=\"disabled\"\r\n    [placeholder]=\"placeholder\"\r\n    [(ngModel)]=\"value\"\r\n    [mask]=\"mask\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-inputMask>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { mask: [{
@@ -1891,10 +1891,10 @@ class InputNumberComponent extends BaseComponentInput {
     configCurrency() {
         this.inputNumber.currency = 'BRL';
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputNumberComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: InputNumberComponent, selector: "kv-input-number", inputs: { mode: "mode", digits: "digits", min: "min", max: "max", suffix: "suffix" }, providers: ComponentProviders(InputNumberComponent), viewQueries: [{ propertyName: "inputNumber", first: true, predicate: ["inputNumber"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-inputNumber\r\n    #inputNumber\r\n    [disabled]=\"disabled\"\r\n    [class]=\"baseInputClass\"\r\n    [inputId]=\"componentId\"\r\n    styleClass=\"inputs\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [suffix]=\"suffix\"\r\n    [(ngModel)]=\"value\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-inputNumber>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$4.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] }); }
 }
-InputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputNumberComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-InputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: InputNumberComponent, selector: "kv-input-number", inputs: { mode: "mode", digits: "digits", min: "min", max: "max", suffix: "suffix" }, providers: ComponentProviders(InputNumberComponent), viewQueries: [{ propertyName: "inputNumber", first: true, predicate: ["inputNumber"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-inputNumber\r\n    #inputNumber\r\n    [disabled]=\"disabled\"\r\n    [class]=\"baseInputClass\"\r\n    [inputId]=\"componentId\"\r\n    styleClass=\"inputs\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [suffix]=\"suffix\"\r\n    [(ngModel)]=\"value\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-inputNumber>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$4.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputNumberComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputNumberComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-input-number', providers: ComponentProviders(InputNumberComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-inputNumber\r\n    #inputNumber\r\n    [disabled]=\"disabled\"\r\n    [class]=\"baseInputClass\"\r\n    [inputId]=\"componentId\"\r\n    styleClass=\"inputs\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [suffix]=\"suffix\"\r\n    [(ngModel)]=\"value\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-inputNumber>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { mode: [{
@@ -1920,10 +1920,10 @@ class InputPasswordComponent extends BaseComponentInput {
         this.strongRegex = '';
         this.toggleMask = true;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputPasswordComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: InputPasswordComponent, selector: "kv-input-password", inputs: { feedback: "feedback", mediumRegex: "mediumRegex", strongRegex: "strongRegex", toggleMask: "toggleMask" }, providers: ComponentProviders(InputPasswordComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-password\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [toggleMask]=\"toggleMask\"\r\n    [feedback]=\"feedback\"\r\n    [mediumRegex]=\"mediumRegex\"\r\n    [strongRegex]=\"strongRegex\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-password>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$5.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] }); }
 }
-InputPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputPasswordComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-InputPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: InputPasswordComponent, selector: "kv-input-password", inputs: { feedback: "feedback", mediumRegex: "mediumRegex", strongRegex: "strongRegex", toggleMask: "toggleMask" }, providers: ComponentProviders(InputPasswordComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-password\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [toggleMask]=\"toggleMask\"\r\n    [feedback]=\"feedback\"\r\n    [mediumRegex]=\"mediumRegex\"\r\n    [strongRegex]=\"strongRegex\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-password>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$5.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "panelStyle", "panelStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "placeholder", "showClear"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputPasswordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputPasswordComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-input-password', providers: ComponentProviders(InputPasswordComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-password\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [toggleMask]=\"toggleMask\"\r\n    [feedback]=\"feedback\"\r\n    [mediumRegex]=\"mediumRegex\"\r\n    [strongRegex]=\"strongRegex\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-password>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { feedback: [{
@@ -1940,10 +1940,10 @@ class InputTextComponent extends BaseComponentInput {
     constructor(componentService) {
         super(componentService);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputTextComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: InputTextComponent, selector: "kv-input-text", providers: ComponentProviders(InputTextComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    [class]=\"baseInputClass\"\r\n    class=\"inputs\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    (input)=\"onInputInput($event)\"\r\n  >\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: [".div-pai{display:flex;flex-direction:row;column-gap:.25rem;padding-right:0}.div-input{width:100%}.div-button{width:20%}.div-button button{width:100%}\n", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "directive", type: i4$6.InputText, selector: "[pInputText]" }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] }); }
 }
-InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputTextComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: InputTextComponent, selector: "kv-input-text", providers: ComponentProviders(InputTextComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    [class]=\"baseInputClass\"\r\n    class=\"inputs\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    (input)=\"onInputInput($event)\"\r\n  >\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: [".div-pai{display:flex;flex-direction:row;column-gap:.25rem;padding-right:0}.div-input{width:100%}.div-button{width:20%}.div-button button{width:100%}\n", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "directive", type: i4$6.InputText, selector: "[pInputText]" }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-input-text', providers: ComponentProviders(InputTextComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    [class]=\"baseInputClass\"\r\n    class=\"inputs\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    (input)=\"onInputInput($event)\"\r\n  >\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: [".div-pai{display:flex;flex-direction:row;column-gap:.25rem;padding-right:0}.div-input{width:100%}.div-button{width:20%}.div-button button{width:100%}\n", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; } });
@@ -1964,10 +1964,10 @@ class InputTextareaComponent extends BaseComponentInput {
             this.counterValueLength = value?.length;
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputTextareaComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: InputTextareaComponent, selector: "kv-input-textarea", inputs: { multiline: "multiline", rows: "rows", cols: "cols", autoResize: "autoResize", maxValueLength: "maxValueLength" }, providers: ComponentProviders(InputTextareaComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <textarea\r\n    pInputTextarea\r\n    [autoResize]=\"autoResize\"\r\n    [class]=\"baseInputClass\"\r\n    [cols]=\"cols\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [rows]=\"rows\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n  >\r\n  </textarea>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "directive", type: i4$7.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] }); }
 }
-InputTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputTextareaComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-InputTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: InputTextareaComponent, selector: "kv-input-textarea", inputs: { multiline: "multiline", rows: "rows", cols: "cols", autoResize: "autoResize", maxValueLength: "maxValueLength" }, providers: ComponentProviders(InputTextareaComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <textarea\r\n    pInputTextarea\r\n    [autoResize]=\"autoResize\"\r\n    [class]=\"baseInputClass\"\r\n    [cols]=\"cols\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [rows]=\"rows\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n  >\r\n  </textarea>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "directive", type: i4$7.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputTextareaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputTextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-input-textarea', providers: ComponentProviders(InputTextareaComponent), template: "<span>\r\n\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <textarea\r\n    pInputTextarea\r\n    [autoResize]=\"autoResize\"\r\n    [class]=\"baseInputClass\"\r\n    [cols]=\"cols\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [rows]=\"rows\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n  >\r\n  </textarea>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { multiline: [{
@@ -1987,10 +1987,10 @@ class InputTimeComponent extends BaseComponentInput {
         super(componentService);
         this.showIcon = true;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputTimeComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: InputTimeComponent, selector: "kv-input-time", inputs: { showIcon: "showIcon" }, providers: ComponentProviders(InputTimeComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-calendar\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [showIcon]=\"showIcon\"\r\n    styleClass=\"inputs\"\r\n    [showTime]=\"true\"\r\n    [timeOnly]=\"true\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-calendar>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$2.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] }); }
 }
-InputTimeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputTimeComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-InputTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: InputTimeComponent, selector: "kv-input-time", inputs: { showIcon: "showIcon" }, providers: ComponentProviders(InputTimeComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-calendar\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [showIcon]=\"showIcon\"\r\n    styleClass=\"inputs\"\r\n    [showTime]=\"true\"\r\n    [timeOnly]=\"true\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-calendar>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$2.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputTimeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputTimeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-input-time', providers: ComponentProviders(InputTimeComponent), template: "<span>\r\n\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-calendar\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [showIcon]=\"showIcon\"\r\n    styleClass=\"inputs\"\r\n    [showTime]=\"true\"\r\n    [timeOnly]=\"true\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-calendar>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { showIcon: [{
@@ -2013,10 +2013,10 @@ class MultiSelectComponent extends BaseComponentMultiSelect {
         super(componentService);
         this.group = false;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MultiSelectComponent, selector: "kv-multi-select", inputs: { optionInactive: "optionInactive", group: "group", itemTemplate: "itemTemplate" }, providers: ComponentProviders(MultiSelectComponent), usesInheritance: true, ngImport: i0, template: "<span [ngClass]=\"{'disable':  optionInactive === true}\">\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n\r\n  <p-multiSelect\r\n    appendTo=\"body\"\r\n    display=\"chip\"\r\n    inputId=\"multiselect\"\r\n    styleClass=\"inputs\"\r\n    [class]=\"baseInputClass\"\r\n    [group]=\"group\"\r\n    [disabled]=\"disabled\"\r\n    [options]=\"options\"\r\n    [optionDisabled]=\" inactiveOptions\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [optionValue]=\"optionValue\"\r\n    [filter]=\"filter\"\r\n    [showClear]=\"showClear\"\r\n    [(ngModel)]=\"value\"\r\n    (onChange)=\"selectionChange($event)\"\r\n    (onPanelHide)=\"panelHide($event)\"\r\n  >\r\n\r\n\r\n    <ng-template\r\n      let-item\r\n      pTemplate=\"item\"\r\n      *ngIf=\"itemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n  </p-multiSelect>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: [":host ::ng-deep .disable .p-multiselect.p-multiselect-chip .p-multiselect-token .p-icon-wrapper{display:none!important}::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token{padding:.1rem .4rem}\n", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i6$1.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] }); }
 }
-MultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MultiSelectComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: MultiSelectComponent, selector: "kv-multi-select", inputs: { optionInactive: "optionInactive", group: "group", itemTemplate: "itemTemplate" }, providers: ComponentProviders(MultiSelectComponent), usesInheritance: true, ngImport: i0, template: "<span [ngClass]=\"{'disable':  optionInactive === true}\">\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n\r\n  <p-multiSelect\r\n    appendTo=\"body\"\r\n    display=\"chip\"\r\n    inputId=\"multiselect\"\r\n    styleClass=\"inputs\"\r\n    [class]=\"baseInputClass\"\r\n    [group]=\"group\"\r\n    [disabled]=\"disabled\"\r\n    [options]=\"options\"\r\n    [optionDisabled]=\" inactiveOptions\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [optionValue]=\"optionValue\"\r\n    [filter]=\"filter\"\r\n    [showClear]=\"showClear\"\r\n    [(ngModel)]=\"value\"\r\n    (onChange)=\"selectionChange($event)\"\r\n    (onPanelHide)=\"panelHide($event)\"\r\n  >\r\n\r\n\r\n    <ng-template\r\n      let-item\r\n      pTemplate=\"item\"\r\n      *ngIf=\"itemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n  </p-multiSelect>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: [":host ::ng-deep .disable .p-multiselect.p-multiselect-chip .p-multiselect-token .p-icon-wrapper{display:none!important}::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token{padding:.1rem .4rem}\n", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i6$1.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MultiSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-multi-select', providers: ComponentProviders(MultiSelectComponent), template: "<span [ngClass]=\"{'disable':  optionInactive === true}\">\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n\r\n  <p-multiSelect\r\n    appendTo=\"body\"\r\n    display=\"chip\"\r\n    inputId=\"multiselect\"\r\n    styleClass=\"inputs\"\r\n    [class]=\"baseInputClass\"\r\n    [group]=\"group\"\r\n    [disabled]=\"disabled\"\r\n    [options]=\"options\"\r\n    [optionDisabled]=\" inactiveOptions\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [optionValue]=\"optionValue\"\r\n    [filter]=\"filter\"\r\n    [showClear]=\"showClear\"\r\n    [(ngModel)]=\"value\"\r\n    (onChange)=\"selectionChange($event)\"\r\n    (onPanelHide)=\"panelHide($event)\"\r\n  >\r\n\r\n\r\n    <ng-template\r\n      let-item\r\n      pTemplate=\"item\"\r\n      *ngIf=\"itemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n  </p-multiSelect>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: [":host ::ng-deep .disable .p-multiselect.p-multiselect-chip .p-multiselect-token .p-icon-wrapper{display:none!important}::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token{padding:.1rem .4rem}\n", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { optionInactive: [{
@@ -2039,10 +2039,10 @@ class SwitchComponent extends BaseComponentInput {
     emitOnSwitchChange(event) {
         this.onSwitchChange.emit(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SwitchComponent, selector: "kv-switch", inputs: { switchValue: "switchValue" }, outputs: { onSwitchChange: "onSwitchChange" }, providers: ComponentProviders(SwitchComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"center field-checkbox\">\r\n\r\n  <p-inputSwitch\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    (ngModelChange)=\"emitOnSwitchChange($event)\">\r\n  </p-inputSwitch>\r\n  <label [for]=\"componentId\">{{ label }}</label>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$8.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }] }); }
 }
-SwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SwitchComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: SwitchComponent, selector: "kv-switch", inputs: { switchValue: "switchValue" }, outputs: { onSwitchChange: "onSwitchChange" }, providers: ComponentProviders(SwitchComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"center field-checkbox\">\r\n\r\n  <p-inputSwitch\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    (ngModelChange)=\"emitOnSwitchChange($event)\">\r\n  </p-inputSwitch>\r\n  <label [for]=\"componentId\">{{ label }}</label>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$8.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-switch', providers: ComponentProviders(SwitchComponent), template: "<div class=\"center field-checkbox\">\r\n\r\n  <p-inputSwitch\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    (ngModelChange)=\"emitOnSwitchChange($event)\">\r\n  </p-inputSwitch>\r\n  <label [for]=\"componentId\">{{ label }}</label>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { switchValue: [{
@@ -2052,17 +2052,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class kvErrorModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: kvErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: kvErrorModule, declarations: [ErrorComponent], imports: [CommonModule,
+            FormsModule,
+            PrimeNgModule,
+            ReactiveFormsModule], exports: [ErrorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: kvErrorModule, imports: [CommonModule,
+            FormsModule,
+            PrimeNgModule,
+            ReactiveFormsModule] }); }
 }
-kvErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: kvErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-kvErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: kvErrorModule, declarations: [ErrorComponent], imports: [CommonModule,
-        FormsModule,
-        PrimeNgModule,
-        ReactiveFormsModule], exports: [ErrorComponent] });
-kvErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: kvErrorModule, imports: [CommonModule,
-        FormsModule,
-        PrimeNgModule,
-        ReactiveFormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: kvErrorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: kvErrorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2107,10 +2107,10 @@ class RadioGroupComponent extends BaseComponentInput {
     selectedOption(event) {
         this.onSelectedOption.emit(event.value.id);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioGroupComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioGroupComponent, selector: "kv-radio-group", inputs: { options: "options", optionValueDefault: "optionValueDefault", vertical: "vertical" }, outputs: { onSelectedOption: "onSelectedOption" }, providers: ComponentProviders(RadioGroupComponent), usesInheritance: true, ngImport: i0, template: "<kv-label [label]=\"label\" />\r\n<div [class.vertical-radio-group]=\"vertical\">\r\n  <div class=\"option\" *ngFor=\"let option of options; let isFirst = first\">\r\n    <p-radioButton\r\n      [inputId]=\"option.id\"\r\n      name=\"option\"\r\n      [value]=\"option\"\r\n      [(ngModel)]=\"selectedOpt\"\r\n      (onClick)=\"selectedOption($event)\"\r\n      [disabled]=\"disabled\"\r\n      [class.ml-3]=\"!isFirst && !vertical\"\r\n    >\r\n    </p-radioButton>\r\n    <label [for]=\"option.id\" class=\"radio-option-label\">\r\n      {{ option.description }}</label\r\n    >\r\n  </div>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: [".option{display:inline-block;margin:0;height:35px;padding-top:.75rem}.vertical-radio-group{display:flex;flex-direction:column}.radio-option-label{font-size:1rem}\n", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i5$1.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] }); }
 }
-RadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RadioGroupComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-RadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: RadioGroupComponent, selector: "kv-radio-group", inputs: { options: "options", optionValueDefault: "optionValueDefault", vertical: "vertical" }, outputs: { onSelectedOption: "onSelectedOption" }, providers: ComponentProviders(RadioGroupComponent), usesInheritance: true, ngImport: i0, template: "<kv-label [label]=\"label\" />\r\n<div [class.vertical-radio-group]=\"vertical\">\r\n  <div class=\"option\" *ngFor=\"let option of options; let isFirst = first\">\r\n    <p-radioButton\r\n      [inputId]=\"option.id\"\r\n      name=\"option\"\r\n      [value]=\"option\"\r\n      [(ngModel)]=\"selectedOpt\"\r\n      (onClick)=\"selectedOption($event)\"\r\n      [disabled]=\"disabled\"\r\n      [class.ml-3]=\"!isFirst && !vertical\"\r\n    >\r\n    </p-radioButton>\r\n    <label [for]=\"option.id\" class=\"radio-option-label\">\r\n      {{ option.description }}</label\r\n    >\r\n  </div>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: [".option{display:inline-block;margin:0;height:35px;padding-top:.75rem}.vertical-radio-group{display:flex;flex-direction:column}.radio-option-label{font-size:1rem}\n", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i5$1.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RadioGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-radio-group', providers: ComponentProviders(RadioGroupComponent), template: "<kv-label [label]=\"label\" />\r\n<div [class.vertical-radio-group]=\"vertical\">\r\n  <div class=\"option\" *ngFor=\"let option of options; let isFirst = first\">\r\n    <p-radioButton\r\n      [inputId]=\"option.id\"\r\n      name=\"option\"\r\n      [value]=\"option\"\r\n      [(ngModel)]=\"selectedOpt\"\r\n      (onClick)=\"selectedOption($event)\"\r\n      [disabled]=\"disabled\"\r\n      [class.ml-3]=\"!isFirst && !vertical\"\r\n    >\r\n    </p-radioButton>\r\n    <label [for]=\"option.id\" class=\"radio-option-label\">\r\n      {{ option.description }}</label\r\n    >\r\n  </div>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: [".option{display:inline-block;margin:0;height:35px;padding-top:.75rem}.vertical-radio-group{display:flex;flex-direction:column}.radio-option-label{font-size:1rem}\n", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { options: [{
@@ -2139,10 +2139,10 @@ class InputTextCheckboxComponent extends BaseComponentInput {
     emitCheckBoxValue() {
         this.checkBoxEmit.emit(this._checkBoxValue);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputTextCheckboxComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: InputTextCheckboxComponent, selector: "kv-input-text-checkbox", inputs: { tooltipCheckbox: "tooltipCheckbox" }, outputs: { checkBoxEmit: "checkBoxEmit" }, providers: ComponentProviders(InputTextCheckboxComponent), usesInheritance: true, ngImport: i0, template: "<kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n/>\n<div class=\"p-inputgroup \">\n    <span\n        class=\"p-inputgroup-addon\"\n        style=\"height: 35px;\"\n    ><p-checkbox\n            [(ngModel)]=\"checkBoxValue\"\n            [binary]=\"true\"\n            [pTooltip]=\"tooltipCheckbox\"\n        ></p-checkbox>\n\n    </span>\n\n    <span class=\"p-float-label\">\n        <input\n            type=\"text\"\n            pInputText\n            [class]=\"baseInputClass\"\n            styleClass=\"inputs\"\n            [disabled]=\"disabled\"\n            [placeholder]=\"placeholder\"\n            [id]=\"componentId\"\n            [(ngModel)]=\"value\"\n            (blur)=\"onInputBlur($event)\"\n            style=\"height: 35px;\"\n            class=\"w-full\"\n        />\n    </span>\n</div>\n\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>", styles: [""], dependencies: [{ kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$1.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$6.InputText, selector: "[pInputText]" }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] }); }
 }
-InputTextCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputTextCheckboxComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-InputTextCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: InputTextCheckboxComponent, selector: "kv-input-text-checkbox", inputs: { tooltipCheckbox: "tooltipCheckbox" }, outputs: { checkBoxEmit: "checkBoxEmit" }, providers: ComponentProviders(InputTextCheckboxComponent), usesInheritance: true, ngImport: i0, template: "<kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n/>\n<div class=\"p-inputgroup \">\n    <span\n        class=\"p-inputgroup-addon\"\n        style=\"height: 35px;\"\n    ><p-checkbox\n            [(ngModel)]=\"checkBoxValue\"\n            [binary]=\"true\"\n            [pTooltip]=\"tooltipCheckbox\"\n        ></p-checkbox>\n\n    </span>\n\n    <span class=\"p-float-label\">\n        <input\n            type=\"text\"\n            pInputText\n            [class]=\"baseInputClass\"\n            styleClass=\"inputs\"\n            [disabled]=\"disabled\"\n            [placeholder]=\"placeholder\"\n            [id]=\"componentId\"\n            [(ngModel)]=\"value\"\n            (blur)=\"onInputBlur($event)\"\n            style=\"height: 35px;\"\n            class=\"w-full\"\n        />\n    </span>\n</div>\n\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>", styles: [""], dependencies: [{ kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$1.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$6.InputText, selector: "[pInputText]" }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputTextCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputTextCheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-input-text-checkbox', providers: ComponentProviders(InputTextCheckboxComponent), template: "<kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n/>\n<div class=\"p-inputgroup \">\n    <span\n        class=\"p-inputgroup-addon\"\n        style=\"height: 35px;\"\n    ><p-checkbox\n            [(ngModel)]=\"checkBoxValue\"\n            [binary]=\"true\"\n            [pTooltip]=\"tooltipCheckbox\"\n        ></p-checkbox>\n\n    </span>\n\n    <span class=\"p-float-label\">\n        <input\n            type=\"text\"\n            pInputText\n            [class]=\"baseInputClass\"\n            styleClass=\"inputs\"\n            [disabled]=\"disabled\"\n            [placeholder]=\"placeholder\"\n            [id]=\"componentId\"\n            [(ngModel)]=\"value\"\n            (blur)=\"onInputBlur($event)\"\n            style=\"height: 35px;\"\n            class=\"w-full\"\n        />\n    </span>\n</div>\n\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>" }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { checkBoxEmit: [{
@@ -2152,11 +2152,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class LabelModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: LabelModule, declarations: [LabelComponent], imports: [CommonModule], exports: [LabelComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelModule, imports: [CommonModule] }); }
 }
-LabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: LabelModule, declarations: [LabelComponent], imports: [CommonModule], exports: [LabelComponent] });
-LabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LabelModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LabelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2234,10 +2234,10 @@ class EditorComponent extends BaseComponentInput {
             });
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditorComponent, selector: "kv-editor", inputs: { readonly: "readonly", canvaHeigth: "canvaHeigth", debug: "debug" }, outputs: { onTextChange: "onTextChange", onSelectionChange: "onSelectionChange" }, providers: ComponentProviders(EditorComponent), usesInheritance: true, ngImport: i0, template: "\r\n\r\n\r\n<div class=\"kv-editor-container\">\r\n\r\n<!-- Include stylesheet -->\r\n<link href=\"https://cdn.jsdelivr.net/npm/quill@2.0.0-rc.2/dist/quill.snow.css\" rel=\"stylesheet\" />\r\n\r\n\r\n\r\n<div #editor id=\"kv-editor-toolbar\" >\r\n  <span class=\"ql-formats\">\r\n    <select class=\"ql-font\">\r\n      <option selected>Sans Serif</option>\r\n      <option value=\"roboto\">Roboto</option>\r\n      <option value=\"monospace\">Monospace</option>\r\n      <option value=\"serif\">Serif</option>\r\n\r\n    </select>\r\n\r\n    <select class=\"ql-header\">\r\n      <option value=\"1\">Titulo</option>\r\n      <option value=\"2\">Subtitulo</option>\r\n      <option selected>Normal</option>\r\n  </select>\r\n\r\n  <span class=\"ql-format-group\">\r\n    <select title=\"Size\" class=\"ql-size\">\r\n      <option value=\"15px\">15px</option>\r\n      <option value=\"20px\">20px</option>\r\n      <option value=\"30px\">30px</option>\r\n      <option value=\"40px\">40px</option>\r\n      <option value=\"50px\">50px</option>\r\n      <option value=\"70px\">70px</option>\r\n      <option value=\"90px\">90px</option>\r\n\r\n    </select>\r\n  </span>\r\n\r\n  </span>\r\n\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-bold\"></button>\r\n    <button class=\"ql-italic\"></button>\r\n    <button class=\"ql-underline\"></button>\r\n    <button class=\"ql-strike\"></button>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <select class=\"ql-color\"></select>\r\n    <select class=\"ql-background\"></select>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-script\" value=\"sub\"></button>\r\n    <button class=\"ql-script\" value=\"super\"></button>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-header\" value=\"1\"></button>\r\n    <button class=\"ql-header\" value=\"2\"></button>\r\n    <button class=\"ql-blockquote\"></button>\r\n    <button class=\"ql-code-block\"></button>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-list\" value=\"ordered\"></button>\r\n    <button class=\"ql-list\" value=\"bullet\"></button>\r\n    <button class=\"ql-indent\" value=\"-1\"></button>\r\n    <button class=\"ql-indent\" value=\"+1\"></button>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-direction\" value=\"rtl\"></button>\r\n    <select class=\"ql-align\"></select>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-link\"></button>\r\n    <button class=\"ql-image\"></button>\r\n    <button class=\"ql-video\"></button>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-clean\"></button>\r\n  </span>\r\n</div>\r\n<div id=\"kv-editor\" [style.height]=\"canvaHeigth\">\r\n</div>\r\n<!-- Include the Quill library -->\r\n<script src=\"https://cdn.jsdelivr.net/npm/quill@2.0.0-rc.2/dist/quill.js\"></script>\r\n\r\n\r\n<link href=\"https://unpkg.com/quill@1.3.7/dist/quill.snow.css\" rel=\"stylesheet\" />\r\n<link href=\"https://fonts.googleapis.com/css?family=Roboto\" rel=\"stylesheet\">\r\n\r\n\r\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js\"></script>\r\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css\" />\r\n<script src=\"https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js\"></script>\r\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css\" />\r\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/quill@2.0.0-rc.2/dist/quill.snow.css\" />\r\n<script src=\"https://cdn.jsdelivr.net/npm/quill@2.0.0-rc.2/dist/quill.js\"></script>\r\n</div>\r\n", styles: [":host ::ng-deep .ql-font-roboto{font-family:Roboto,sans-serif}\n"], dependencies: [{ kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] }); }
 }
-EditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: EditorComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: EditorComponent, selector: "kv-editor", inputs: { readonly: "readonly", canvaHeigth: "canvaHeigth", debug: "debug" }, outputs: { onTextChange: "onTextChange", onSelectionChange: "onSelectionChange" }, providers: ComponentProviders(EditorComponent), usesInheritance: true, ngImport: i0, template: "\r\n\r\n\r\n<div class=\"kv-editor-container\">\r\n\r\n<!-- Include stylesheet -->\r\n<link href=\"https://cdn.jsdelivr.net/npm/quill@2.0.0-rc.2/dist/quill.snow.css\" rel=\"stylesheet\" />\r\n\r\n\r\n\r\n<div #editor id=\"kv-editor-toolbar\" >\r\n  <span class=\"ql-formats\">\r\n    <select class=\"ql-font\">\r\n      <option selected>Sans Serif</option>\r\n      <option value=\"roboto\">Roboto</option>\r\n      <option value=\"monospace\">Monospace</option>\r\n      <option value=\"serif\">Serif</option>\r\n\r\n    </select>\r\n\r\n    <select class=\"ql-header\">\r\n      <option value=\"1\">Titulo</option>\r\n      <option value=\"2\">Subtitulo</option>\r\n      <option selected>Normal</option>\r\n  </select>\r\n\r\n  <span class=\"ql-format-group\">\r\n    <select title=\"Size\" class=\"ql-size\">\r\n      <option value=\"15px\">15px</option>\r\n      <option value=\"20px\">20px</option>\r\n      <option value=\"30px\">30px</option>\r\n      <option value=\"40px\">40px</option>\r\n      <option value=\"50px\">50px</option>\r\n      <option value=\"70px\">70px</option>\r\n      <option value=\"90px\">90px</option>\r\n\r\n    </select>\r\n  </span>\r\n\r\n  </span>\r\n\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-bold\"></button>\r\n    <button class=\"ql-italic\"></button>\r\n    <button class=\"ql-underline\"></button>\r\n    <button class=\"ql-strike\"></button>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <select class=\"ql-color\"></select>\r\n    <select class=\"ql-background\"></select>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-script\" value=\"sub\"></button>\r\n    <button class=\"ql-script\" value=\"super\"></button>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-header\" value=\"1\"></button>\r\n    <button class=\"ql-header\" value=\"2\"></button>\r\n    <button class=\"ql-blockquote\"></button>\r\n    <button class=\"ql-code-block\"></button>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-list\" value=\"ordered\"></button>\r\n    <button class=\"ql-list\" value=\"bullet\"></button>\r\n    <button class=\"ql-indent\" value=\"-1\"></button>\r\n    <button class=\"ql-indent\" value=\"+1\"></button>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-direction\" value=\"rtl\"></button>\r\n    <select class=\"ql-align\"></select>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-link\"></button>\r\n    <button class=\"ql-image\"></button>\r\n    <button class=\"ql-video\"></button>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-clean\"></button>\r\n  </span>\r\n</div>\r\n<div id=\"kv-editor\" [style.height]=\"canvaHeigth\">\r\n</div>\r\n<!-- Include the Quill library -->\r\n<script src=\"https://cdn.jsdelivr.net/npm/quill@2.0.0-rc.2/dist/quill.js\"></script>\r\n\r\n\r\n<link href=\"https://unpkg.com/quill@1.3.7/dist/quill.snow.css\" rel=\"stylesheet\" />\r\n<link href=\"https://fonts.googleapis.com/css?family=Roboto\" rel=\"stylesheet\">\r\n\r\n\r\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js\"></script>\r\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css\" />\r\n<script src=\"https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js\"></script>\r\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css\" />\r\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/quill@2.0.0-rc.2/dist/quill.snow.css\" />\r\n<script src=\"https://cdn.jsdelivr.net/npm/quill@2.0.0-rc.2/dist/quill.js\"></script>\r\n</div>\r\n", styles: [":host ::ng-deep .ql-font-roboto{font-family:Roboto,sans-serif}\n"], dependencies: [{ kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: EditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-editor', providers: ComponentProviders(EditorComponent), template: "\r\n\r\n\r\n<div class=\"kv-editor-container\">\r\n\r\n<!-- Include stylesheet -->\r\n<link href=\"https://cdn.jsdelivr.net/npm/quill@2.0.0-rc.2/dist/quill.snow.css\" rel=\"stylesheet\" />\r\n\r\n\r\n\r\n<div #editor id=\"kv-editor-toolbar\" >\r\n  <span class=\"ql-formats\">\r\n    <select class=\"ql-font\">\r\n      <option selected>Sans Serif</option>\r\n      <option value=\"roboto\">Roboto</option>\r\n      <option value=\"monospace\">Monospace</option>\r\n      <option value=\"serif\">Serif</option>\r\n\r\n    </select>\r\n\r\n    <select class=\"ql-header\">\r\n      <option value=\"1\">Titulo</option>\r\n      <option value=\"2\">Subtitulo</option>\r\n      <option selected>Normal</option>\r\n  </select>\r\n\r\n  <span class=\"ql-format-group\">\r\n    <select title=\"Size\" class=\"ql-size\">\r\n      <option value=\"15px\">15px</option>\r\n      <option value=\"20px\">20px</option>\r\n      <option value=\"30px\">30px</option>\r\n      <option value=\"40px\">40px</option>\r\n      <option value=\"50px\">50px</option>\r\n      <option value=\"70px\">70px</option>\r\n      <option value=\"90px\">90px</option>\r\n\r\n    </select>\r\n  </span>\r\n\r\n  </span>\r\n\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-bold\"></button>\r\n    <button class=\"ql-italic\"></button>\r\n    <button class=\"ql-underline\"></button>\r\n    <button class=\"ql-strike\"></button>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <select class=\"ql-color\"></select>\r\n    <select class=\"ql-background\"></select>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-script\" value=\"sub\"></button>\r\n    <button class=\"ql-script\" value=\"super\"></button>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-header\" value=\"1\"></button>\r\n    <button class=\"ql-header\" value=\"2\"></button>\r\n    <button class=\"ql-blockquote\"></button>\r\n    <button class=\"ql-code-block\"></button>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-list\" value=\"ordered\"></button>\r\n    <button class=\"ql-list\" value=\"bullet\"></button>\r\n    <button class=\"ql-indent\" value=\"-1\"></button>\r\n    <button class=\"ql-indent\" value=\"+1\"></button>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-direction\" value=\"rtl\"></button>\r\n    <select class=\"ql-align\"></select>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-link\"></button>\r\n    <button class=\"ql-image\"></button>\r\n    <button class=\"ql-video\"></button>\r\n  </span>\r\n  <span class=\"ql-formats\">\r\n    <button class=\"ql-clean\"></button>\r\n  </span>\r\n</div>\r\n<div id=\"kv-editor\" [style.height]=\"canvaHeigth\">\r\n</div>\r\n<!-- Include the Quill library -->\r\n<script src=\"https://cdn.jsdelivr.net/npm/quill@2.0.0-rc.2/dist/quill.js\"></script>\r\n\r\n\r\n<link href=\"https://unpkg.com/quill@1.3.7/dist/quill.snow.css\" rel=\"stylesheet\" />\r\n<link href=\"https://fonts.googleapis.com/css?family=Roboto\" rel=\"stylesheet\">\r\n\r\n\r\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js\"></script>\r\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css\" />\r\n<script src=\"https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js\"></script>\r\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css\" />\r\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/quill@2.0.0-rc.2/dist/quill.snow.css\" />\r\n<script src=\"https://cdn.jsdelivr.net/npm/quill@2.0.0-rc.2/dist/quill.js\"></script>\r\n</div>\r\n", styles: [":host ::ng-deep .ql-font-roboto{font-family:Roboto,sans-serif}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { readonly: [{
@@ -2253,47 +2253,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class KvInputsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvInputsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KvInputsModule, declarations: [CheckComponent,
+            DropdownComponent,
+            InputCalendarComponent,
+            InputMaskComponent,
+            InputNumberComponent,
+            InputPasswordComponent,
+            InputTextComponent,
+            InputTextareaComponent,
+            InputTimeComponent,
+            MultiSelectComponent,
+            SwitchComponent,
+            RadioGroupComponent,
+            InputTextCheckboxComponent,
+            EditorComponent], imports: [CommonModule,
+            FormsModule,
+            kvErrorModule,
+            PrimeNgModule,
+            ReactiveFormsModule,
+            LabelModule], exports: [CheckComponent,
+            DropdownComponent,
+            InputCalendarComponent,
+            InputMaskComponent,
+            InputNumberComponent,
+            InputPasswordComponent,
+            InputTextComponent,
+            InputTextareaComponent,
+            InputTimeComponent,
+            MultiSelectComponent,
+            SwitchComponent,
+            RadioGroupComponent,
+            InputTextCheckboxComponent,
+            EditorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvInputsModule, imports: [CommonModule,
+            FormsModule,
+            kvErrorModule,
+            PrimeNgModule,
+            ReactiveFormsModule,
+            LabelModule] }); }
 }
-KvInputsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvInputsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KvInputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KvInputsModule, declarations: [CheckComponent,
-        DropdownComponent,
-        InputCalendarComponent,
-        InputMaskComponent,
-        InputNumberComponent,
-        InputPasswordComponent,
-        InputTextComponent,
-        InputTextareaComponent,
-        InputTimeComponent,
-        MultiSelectComponent,
-        SwitchComponent,
-        RadioGroupComponent,
-        InputTextCheckboxComponent,
-        EditorComponent], imports: [CommonModule,
-        FormsModule,
-        kvErrorModule,
-        PrimeNgModule,
-        ReactiveFormsModule,
-        LabelModule], exports: [CheckComponent,
-        DropdownComponent,
-        InputCalendarComponent,
-        InputMaskComponent,
-        InputNumberComponent,
-        InputPasswordComponent,
-        InputTextComponent,
-        InputTextareaComponent,
-        InputTimeComponent,
-        MultiSelectComponent,
-        SwitchComponent,
-        RadioGroupComponent,
-        InputTextCheckboxComponent,
-        EditorComponent] });
-KvInputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvInputsModule, imports: [CommonModule,
-        FormsModule,
-        kvErrorModule,
-        PrimeNgModule,
-        ReactiveFormsModule,
-        LabelModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvInputsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvInputsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2346,10 +2346,10 @@ class TemplateDirective {
     getType() {
         return this.name;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TemplateDirective, selector: "[cTemplate]", inputs: { type: "type", name: ["cTemplate", "name"] }, ngImport: i0 }); }
 }
-TemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-TemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: TemplateDirective, selector: "[cTemplate]", inputs: { type: "type", name: ["cTemplate", "name"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cTemplate]'
@@ -2370,10 +2370,10 @@ class CodigoFipePipe {
         else
             return null;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CodigoFipePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CodigoFipePipe, name: "codigoFipe" }); }
 }
-CodigoFipePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CodigoFipePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CodigoFipePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: CodigoFipePipe, name: "codigoFipe" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CodigoFipePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CodigoFipePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'codigoFipe' }]
         }] });
@@ -2393,10 +2393,10 @@ class CpfCnpjPipe {
         else
             return null;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CpfCnpjPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CpfCnpjPipe, name: "cpfCnpj" }); }
 }
-CpfCnpjPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CpfCnpjPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CpfCnpjPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: CpfCnpjPipe, name: "cpfCnpj" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CpfCnpjPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CpfCnpjPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'cpfCnpj' }]
         }] });
@@ -2434,10 +2434,10 @@ class TelefonePipe {
         else
             return null;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TelefonePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TelefonePipe, name: "Telefone" }); }
 }
-TelefonePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TelefonePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-TelefonePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: TelefonePipe, name: "Telefone" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TelefonePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TelefonePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'Telefone'
@@ -2856,12 +2856,12 @@ class TableComponent {
         this.showFiltrosAvancados = !this.showFiltrosAvancados;
         this.filtrosAvancadosEmit.emit(this.showFiltrosAvancados);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, deps: [{ token: i1.DatePipe }, { token: i1.DecimalPipe }, { token: CodigoFipePipe }, { token: CpfCnpjPipe }, { token: TelefonePipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableComponent, selector: "kv-table", inputs: { _templates: ["templates", "_templates"], setConfig: ["config", "setConfig"], dataSource: "dataSource", selectedItems: "selectedItems", totalRecords: "totalRecords", paginator: "paginator", rowsPerPageOptions: "rowsPerPageOptions", rows: "rows", pageLinksOptions: "pageLinksOptions", showFirstLastIcon: "showFirstLastIcon", tableSize: "tableSize", applyStyle: "applyStyle", acoesLinhaTabela: "acoesLinhaTabela", filterColumnsBtn: "filterColumnsBtn", filtrosAvancados: "filtrosAvancados" }, outputs: { onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", onPaginate: "onPaginate", onSelectionChange: "onSelectionChange", doubleClickEvent: "doubleClickEvent", filterField: "filterField", filtrosAvancadosEmit: "filtrosAvancadosEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }, { propertyName: "menuFiltroDiv", first: true, predicate: ["menuFiltroDiv"], descendants: true }, { propertyName: "botaoFiltro", first: true, predicate: ["botaoFiltro"], descendants: true }], ngImport: i0, template: "<div>\r\n\r\n  <p-panel\r\n    *ngIf=\"filtrosAvancados\"\r\n    header=\"Filtros avan\u00E7ados\"\r\n    [toggleable]=\"true\"\r\n    [collapsed]=\"true\"\r\n    (collapsedChange)=\"collapsed = !collapsed\"\r\n    [style]=\"{'margin-bottom': '2px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      <i\r\n        *ngIf=\"!collapsed\"\r\n        class=\"pi pi-filter\"\r\n      ></i> <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      <i\r\n        *ngIf=\"collapsed\"\r\n        class=\"pi pi-minus\"\r\n      ></i> <!-- \u00CDcone quando o painel est\u00E1 fechado -->\r\n    </ng-template>\r\n    <ng-content></ng-content>\r\n  </p-panel>\r\n\r\n  <p-table\r\n    *ngIf=\"config\"\r\n    #dt\r\n    styleClass=\"p-datatable-sm\"\r\n    [value]=\"dataSource\"\r\n    [(selection)]=\"selectedItems\"\r\n    [rowSelectable]=\"isRowSelectable\"\r\n    [columns]=\"config.columns\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [rows]=\"rows\"\r\n    [paginator]=\"paginator\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {{totalRecords}}\"\r\n    [rowHover]=\"true\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    (selectionChange)=\"selectionChange($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    [groupRowsBy]=\"config.fieldGroup\"\r\n    [showFirstLastIcon]=\"showFirstLastIcon\"\r\n    [pageLinks]=\"pageLinksOptions\"\r\n    [responsive]=\"true\"\r\n    responsiveLayout=\"stack\"\r\n  >\r\n    <ng-template\r\n      pTemplate=\"caption\"\r\n      *ngIf=\"config.enableCation\"\r\n    >\r\n      <div class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\r\n\r\n        <div class=\"col-12 flex flex-column\">\r\n          <div\r\n            *ngIf=\"config.title\"\r\n            class=\"text-md font-bold my-3\"\r\n          >\r\n            {{ config.title }}\r\n          </div>\r\n          <div\r\n            *ngIf=\"config.subtitle\"\r\n            class=\"text-sm mb-4 font-medium\"\r\n          >\r\n            {{ config.subtitle }}\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{tamanhoTela < 768 ? 'col-10' : 'col-12'}}\">\r\n          <span\r\n            *ngIf=\"config.enableFilter\"\r\n            class=\"block mt-2 md:mt-0 p-input-icon-left text-align-center\"\r\n          >\r\n            <i\r\n              class=\"material-symbols-outlined icon-search\"\r\n              style=\"display: inline-block\"\r\n            >\r\n              search\r\n            </i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(dt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"w-full mb-1\"\r\n              style=\"height: 40px\"\r\n            />\r\n          </span>\r\n\r\n          <!-- <button\r\n            pButton\r\n            #botaoFiltro\r\n            *ngIf=\"filtrosAvancados\"\r\n            class=\"p-button-raised p-button-text actionLoteBtns\"\r\n            (click)=\"filtrosAvancadosEvent(showFiltrosAvancados)\"\r\n            [pTooltip]=\"'Filtros avan\u00E7ados'\"\r\n          >\r\n            <span class=\"material-symbols-outlined md-22\"> filter_alt </span>\r\n          </button> -->\r\n\r\n          <!-- <div\r\n          #menuFiltroDiv\r\n          id = \"menuFiltroDiv\"\r\n          [style.visibility]=\"'hidden'\"\r\n          class=\"absolute z-4 bg-gray-200\"\r\n          (click)=\"onClickEvent($event)\"\r\n        > -->\r\n\r\n          <div\r\n            #menuFiltroDiv\r\n            id=\"menuFiltroDiv\"\r\n            [style.visibility]=\"'hidden'\"\r\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\r\n          >\r\n            <p-card>\r\n              <div\r\n                class=\"flex flex-column text-medium w-15rem\"\r\n                *ngFor=\"let col of columns\"\r\n              >\r\n                {{ checkMenuFiltro(col) }}\r\n                <p-checkbox\r\n                  #filterColumns\r\n                  [label]=\"col.header\"\r\n                  [binary]=\"true\"\r\n                  class=\"checkbox-container\"\r\n                  (onChange)=\"dinamicColumnSet($event, col)\"\r\n                  [(ngModel)]=\"col.checked\"\r\n                  *ngIf=\"!dinamicDisableColumn(col)\"\r\n                ></p-checkbox>\r\n              </div>\r\n            </p-card>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end\">\r\n          <div\r\n            *ngFor=\"let action of config.actionsLote\"\r\n            class=\"btns-options\"\r\n            [style]=\"{'margin-right': '7px'}\"\r\n          >\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"action?.command(commandEvent); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"retornarCampo(action, selectedItems, 'tooltip')\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [style.backgroundColor]=\"retornarCampo(action, selectedItems, 'btnColor')\"\r\n              [disabled]=\"retornarCampo(action, selectedItems, 'disabled')\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                [style.color]=\"\r\n                  retornarCampo(action, selectedItems, 'iconBtnColor')\r\n                \"\r\n              >\r\n                {{ retornarCampo(action, selectedItems, \"icon\") }}\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"header\"\r\n      let-columns\r\n    >\r\n      <tr>\r\n        <th\r\n          style=\"width: 4rem; border-left: solid 4px transparent\"\r\n          *ngIf=\"config.enableSelect\"\r\n        >\r\n          <p-tableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"></p-tableHeaderCheckbox>\r\n        </th>\r\n\r\n        <th\r\n          *ngFor=\"let col of columns\"\r\n          [pSortableColumn]=\"col.field\"\r\n          [pSortableColumnDisabled]=\"col.sortable === false\"\r\n          [style.width]=\"col.width\"\r\n          class=\"text-sm\"\r\n        >\r\n          <div\r\n            [class]=\"\r\n              centralizarColunas(col) && alignColunasHeader(col) == ''\r\n                ? 'flex flex-row justify-content-center'\r\n                : 'flex flex-row'\r\n            \"\r\n            [style]=\"alignColunasHeader(col)\"\r\n          >\r\n\r\n\r\n            <span>{{ col.header }}</span>\r\n            <p-sortIcon\r\n              *ngIf=\"col.sortable === true\"\r\n              [field]=\"col.field\"\r\n              style=\"font-size: 10px\"\r\n            ></p-sortIcon>\r\n\r\n            <span\r\n              *ngIf=\"col.headerTooltip\"\r\n              class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\"\r\n            >info</span>\r\n\r\n          </div>\r\n        </th>\r\n        <th *ngIf=\"config.actions && config.actions.length > 0\"></th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\"\r\n      let-rowspan=\"rowspan\"\r\n    >\r\n      <tr (dblclick)=\"doubleClick($event, rowData)\">\r\n        <td\r\n          *ngIf=\"config.enableSelect\"\r\n          [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\"\r\n        >\r\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(rowData)\"-->\r\n          <p-tableCheckbox\r\n            [value]=\"rowData\"\r\n            [disabled]=\"isDisabledCheckbox(rowData)\"\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableCheckbox>\r\n        </td>\r\n\r\n        <ng-container *ngFor=\"let col of columns\">\r\n          <td\r\n            *ngIf=\"rowgroup && !col.template\"\r\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            class=\"rowTable\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col)\">\r\n                <i\r\n                  *ngIf=\"col.icon\"\r\n                  [class]=\"col.icon + ' mr-2'\"\r\n                ></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >{{\r\n                  transformValue(rowData, col)\r\n                  }}</span>\r\n              </div>\r\n            </span>\r\n\r\n            <span *ngIf=\"isImageField(col)\">\r\n              <span>\r\n                <img\r\n                  class=\"image\"\r\n                  [src]=\"loadImage(rowData, col)\"\r\n                />\r\n              </span>\r\n            </span>\r\n\r\n            <i\r\n              *ngIf=\"col.iconField\"\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n\r\n            <ng-template #booleanField>\r\n              <i\r\n                *ngIf=\"!col.iconField\"\r\n                [ngClass]=\"\r\n                  rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                \"\r\n              ><span class=\"material-symbols-outlined\">\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n            </ng-template>\r\n          </td>\r\n\r\n          <td\r\n            *ngIf=\"!rowgroup && !col.grouped && !col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col)\">\r\n                <i\r\n                  *ngIf=\"col.icon\"\r\n                  [class]=\"col.icon + ' mr-2'\"\r\n                ></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >\r\n                  {{ transformValue(rowData, col) }}</span>\r\n              </div>\r\n            </span>\r\n\r\n            <span *ngIf=\"isImageField(col)\">\r\n              <span>\r\n                <img\r\n                  class=\"image\"\r\n                  [src]=\"loadImage(rowData, col)\"\r\n                />\r\n              </span>\r\n            </span>\r\n\r\n            <i\r\n              *ngIf=\"col.iconField\"\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n\r\n            <ng-template #booleanField>\r\n              <i\r\n                *ngIf=\"!col.iconField\"\r\n                [ngClass]=\"\r\n                  rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                \"\r\n              ><span class=\"material-symbols-outlined\">\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n            </ng-template>\r\n          </td>\r\n\r\n          <td\r\n            *ngIf=\"col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n            <ng-container\r\n              *ngIf=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n            >\r\n            </ng-container>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <td\r\n          *ngIf=\"config.actions && config.actions.length > 0\"\r\n          [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\"\r\n        >\r\n          <div\r\n            class=\"flex flex-row justify-content-end w-full gap-1\"\r\n            *ngIf=\"acoesLinhaTabela\"\r\n          >\r\n            <div *ngFor=\"let action of config.actions\">\r\n              <button\r\n                id=\"actionBtns\"\r\n                pButton\r\n                *ngIf=\"exibirCampo(action, rowData)\"\r\n                class=\"actionBtns p-button-text p-button-raised\"\r\n                (click)=\"activeItem(rowData); action?.command(commandEvent)\"\r\n                [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                [tooltipPosition]=\"action.tooltipPosition ? action.tooltipPosition : 'bottom'\"\r\n                [disabled]=\"callDisabled(action, rowData)\"\r\n              >\r\n                <span class=\"material-symbols-outlined md-19\">\r\n                  {{ retornarCampo(action, rowData, \"icon\") }}</span>\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"flex flex-row justify-content-end w-full\"\r\n            *ngIf=\"!acoesLinhaTabela\"\r\n          >\r\n            <!-- <button\r\n              id=\"moreVertBtn\"\r\n              pButton\r\n              class=\"actionBtns p-button-text p-button-raised\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            > -->\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\r\n            <!-- </button> -->\r\n\r\n            <div *ngFor=\"let action of config.actions\">\r\n              {{ criarMenusModal(rowData) }}\r\n            </div>\r\n\r\n            <!-- <div *ngFor=\"let action of config.actions\">\r\n              {{ criarMenusModal(rowData) }}\r\n            </div> -->\r\n\r\n            <p-menu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"menuItems\"\r\n              appendTo=\"body\"\r\n            ></p-menu>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"emptymessage\"\r\n      let-columns\r\n    >\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center;\r\n          border-radius: 10px !important;\r\n          \"\r\n        >\r\n          <p class=\"font-medium m-0\"> Nenhum registro encontrado </p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>", styles: ["@charset \"UTF-8\";.error-show{background-color:red;width:5px;height:10px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}#botaoFiltro:hover{color:#a9a9a9}.actionLoteBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#29b92d!important}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover{color:#a9a9a9}.icon-search{top:20px}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}:host ::ng-deep .p-datatable-table{border-spacing:0px 2px}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:2px 13px 0!important;border-radius:5px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 0 0 10px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:50%;width:2.5rem!important;height:2.5rem!important;box-shadow:#0000003d 0 3px 8px}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-right:1px solid #ddd!important;border-bottom:1px solid hsl(0,0%,91%)!important;border-top:0px solid!important;line-height:30px!important;gap:5px}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(p-tablecheckbox){border-bottom:0px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img){justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img) .p-column-title{display:none!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 10px 0 0!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-radius:0 0 10px 10px!important;border-bottom:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child div{justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-left:solid 4px #5289B4!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td .p-column-title{font-weight:600}}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea!important}::ng-deep .field.grid,.formgrid.grid{padding:0rem!important}@media screen and (min-width: 961px){.moreVertBtn{position:relative;right:3px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i6$2.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i4$1.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$6.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: i13.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "component", type: i14.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i14.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i14.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i14.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i14.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
-TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TableComponent, deps: [{ token: i1.DatePipe }, { token: i1.DecimalPipe }, { token: CodigoFipePipe }, { token: CpfCnpjPipe }, { token: TelefonePipe }], target: i0.ɵɵFactoryTarget.Component });
-TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TableComponent, selector: "kv-table", inputs: { _templates: ["templates", "_templates"], setConfig: ["config", "setConfig"], dataSource: "dataSource", selectedItems: "selectedItems", totalRecords: "totalRecords", paginator: "paginator", rowsPerPageOptions: "rowsPerPageOptions", rows: "rows", pageLinksOptions: "pageLinksOptions", showFirstLastIcon: "showFirstLastIcon", tableSize: "tableSize", applyStyle: "applyStyle", acoesLinhaTabela: "acoesLinhaTabela", filterColumnsBtn: "filterColumnsBtn", filtrosAvancados: "filtrosAvancados" }, outputs: { onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", onPaginate: "onPaginate", onSelectionChange: "onSelectionChange", doubleClickEvent: "doubleClickEvent", filterField: "filterField", filtrosAvancadosEmit: "filtrosAvancadosEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }, { propertyName: "menuFiltroDiv", first: true, predicate: ["menuFiltroDiv"], descendants: true }, { propertyName: "botaoFiltro", first: true, predicate: ["botaoFiltro"], descendants: true }], ngImport: i0, template: "<div>\r\n\r\n  <p-panel\r\n    *ngIf=\"filtrosAvancados\"\r\n    header=\"Filtros avan\u00E7ados\"\r\n    [toggleable]=\"true\"\r\n    [collapsed]=\"true\"\r\n    (collapsedChange)=\"collapsed = !collapsed\"\r\n    [style]=\"{'margin-bottom': '2px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      <i\r\n        *ngIf=\"!collapsed\"\r\n        class=\"pi pi-filter\"\r\n      ></i> <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      <i\r\n        *ngIf=\"collapsed\"\r\n        class=\"pi pi-minus\"\r\n      ></i> <!-- \u00CDcone quando o painel est\u00E1 fechado -->\r\n    </ng-template>\r\n    <ng-content></ng-content>\r\n  </p-panel>\r\n\r\n  <p-table\r\n    *ngIf=\"config\"\r\n    #dt\r\n    styleClass=\"p-datatable-sm\"\r\n    [value]=\"dataSource\"\r\n    [(selection)]=\"selectedItems\"\r\n    [rowSelectable]=\"isRowSelectable\"\r\n    [columns]=\"config.columns\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [rows]=\"rows\"\r\n    [paginator]=\"paginator\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {{totalRecords}}\"\r\n    [rowHover]=\"true\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    (selectionChange)=\"selectionChange($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    [groupRowsBy]=\"config.fieldGroup\"\r\n    [showFirstLastIcon]=\"showFirstLastIcon\"\r\n    [pageLinks]=\"pageLinksOptions\"\r\n    [responsive]=\"true\"\r\n    responsiveLayout=\"stack\"\r\n  >\r\n    <ng-template\r\n      pTemplate=\"caption\"\r\n      *ngIf=\"config.enableCation\"\r\n    >\r\n      <div class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\r\n\r\n        <div class=\"col-12 flex flex-column\">\r\n          <div\r\n            *ngIf=\"config.title\"\r\n            class=\"text-md font-bold my-3\"\r\n          >\r\n            {{ config.title }}\r\n          </div>\r\n          <div\r\n            *ngIf=\"config.subtitle\"\r\n            class=\"text-sm mb-4 font-medium\"\r\n          >\r\n            {{ config.subtitle }}\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{tamanhoTela < 768 ? 'col-10' : 'col-12'}}\">\r\n          <span\r\n            *ngIf=\"config.enableFilter\"\r\n            class=\"block mt-2 md:mt-0 p-input-icon-left text-align-center\"\r\n          >\r\n            <i\r\n              class=\"material-symbols-outlined icon-search\"\r\n              style=\"display: inline-block\"\r\n            >\r\n              search\r\n            </i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(dt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"w-full mb-1\"\r\n              style=\"height: 40px\"\r\n            />\r\n          </span>\r\n\r\n          <!-- <button\r\n            pButton\r\n            #botaoFiltro\r\n            *ngIf=\"filtrosAvancados\"\r\n            class=\"p-button-raised p-button-text actionLoteBtns\"\r\n            (click)=\"filtrosAvancadosEvent(showFiltrosAvancados)\"\r\n            [pTooltip]=\"'Filtros avan\u00E7ados'\"\r\n          >\r\n            <span class=\"material-symbols-outlined md-22\"> filter_alt </span>\r\n          </button> -->\r\n\r\n          <!-- <div\r\n          #menuFiltroDiv\r\n          id = \"menuFiltroDiv\"\r\n          [style.visibility]=\"'hidden'\"\r\n          class=\"absolute z-4 bg-gray-200\"\r\n          (click)=\"onClickEvent($event)\"\r\n        > -->\r\n\r\n          <div\r\n            #menuFiltroDiv\r\n            id=\"menuFiltroDiv\"\r\n            [style.visibility]=\"'hidden'\"\r\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\r\n          >\r\n            <p-card>\r\n              <div\r\n                class=\"flex flex-column text-medium w-15rem\"\r\n                *ngFor=\"let col of columns\"\r\n              >\r\n                {{ checkMenuFiltro(col) }}\r\n                <p-checkbox\r\n                  #filterColumns\r\n                  [label]=\"col.header\"\r\n                  [binary]=\"true\"\r\n                  class=\"checkbox-container\"\r\n                  (onChange)=\"dinamicColumnSet($event, col)\"\r\n                  [(ngModel)]=\"col.checked\"\r\n                  *ngIf=\"!dinamicDisableColumn(col)\"\r\n                ></p-checkbox>\r\n              </div>\r\n            </p-card>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end\">\r\n          <div\r\n            *ngFor=\"let action of config.actionsLote\"\r\n            class=\"btns-options\"\r\n            [style]=\"{'margin-right': '7px'}\"\r\n          >\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"retornarCampo(action, selectedItems, 'tooltip')\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [style.backgroundColor]=\"retornarCampo(action, selectedItems, 'btnColor')\"\r\n              [disabled]=\"retornarCampo(action, selectedItems, 'disabled')\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                [style.color]=\"\r\n                  retornarCampo(action, selectedItems, 'iconBtnColor')\r\n                \"\r\n              >\r\n                {{ retornarCampo(action, selectedItems, \"icon\") }}\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"header\"\r\n      let-columns\r\n    >\r\n      <tr>\r\n        <th\r\n          style=\"width: 4rem; border-left: solid 4px transparent\"\r\n          *ngIf=\"config.enableSelect\"\r\n        >\r\n          <p-tableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"></p-tableHeaderCheckbox>\r\n        </th>\r\n\r\n        <th\r\n          *ngFor=\"let col of columns\"\r\n          [pSortableColumn]=\"col.field\"\r\n          [pSortableColumnDisabled]=\"col.sortable === false\"\r\n          [style.width]=\"col.width\"\r\n          class=\"text-sm\"\r\n        >\r\n          <div\r\n            [class]=\"\r\n              centralizarColunas(col) && alignColunasHeader(col) == ''\r\n                ? 'flex flex-row justify-content-center'\r\n                : 'flex flex-row'\r\n            \"\r\n            [style]=\"alignColunasHeader(col)\"\r\n          >\r\n\r\n\r\n            <span>{{ col.header }}</span>\r\n            <p-sortIcon\r\n              *ngIf=\"col.sortable === true\"\r\n              [field]=\"col.field\"\r\n              style=\"font-size: 10px\"\r\n            ></p-sortIcon>\r\n\r\n            <span\r\n              *ngIf=\"col.headerTooltip\"\r\n              class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\"\r\n            >info</span>\r\n\r\n          </div>\r\n        </th>\r\n        <th *ngIf=\"config.actions && config.actions.length > 0\"></th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\"\r\n      let-rowspan=\"rowspan\"\r\n    >\r\n      <tr (dblclick)=\"doubleClick($event, rowData)\">\r\n        <td\r\n          *ngIf=\"config.enableSelect\"\r\n          [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\"\r\n        >\r\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(rowData)\"-->\r\n          <p-tableCheckbox\r\n            [value]=\"rowData\"\r\n            [disabled]=\"isDisabledCheckbox(rowData)\"\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableCheckbox>\r\n        </td>\r\n\r\n        <ng-container *ngFor=\"let col of columns\">\r\n          <td\r\n            *ngIf=\"rowgroup && !col.template\"\r\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            class=\"rowTable\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col)\">\r\n                <i\r\n                  *ngIf=\"col.icon\"\r\n                  [class]=\"col.icon + ' mr-2'\"\r\n                ></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >{{\r\n                  transformValue(rowData, col)\r\n                  }}</span>\r\n              </div>\r\n            </span>\r\n\r\n            <span *ngIf=\"isImageField(col)\">\r\n              <span>\r\n                <img\r\n                  class=\"image\"\r\n                  [src]=\"loadImage(rowData, col)\"\r\n                />\r\n              </span>\r\n            </span>\r\n\r\n            <i\r\n              *ngIf=\"col.iconField\"\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n\r\n            <ng-template #booleanField>\r\n              <i\r\n                *ngIf=\"!col.iconField\"\r\n                [ngClass]=\"\r\n                  rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                \"\r\n              ><span class=\"material-symbols-outlined\">\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n            </ng-template>\r\n          </td>\r\n\r\n          <td\r\n            *ngIf=\"!rowgroup && !col.grouped && !col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col)\">\r\n                <i\r\n                  *ngIf=\"col.icon\"\r\n                  [class]=\"col.icon + ' mr-2'\"\r\n                ></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >\r\n                  {{ transformValue(rowData, col) }}</span>\r\n              </div>\r\n            </span>\r\n\r\n            <span *ngIf=\"isImageField(col)\">\r\n              <span>\r\n                <img\r\n                  class=\"image\"\r\n                  [src]=\"loadImage(rowData, col)\"\r\n                />\r\n              </span>\r\n            </span>\r\n\r\n            <i\r\n              *ngIf=\"col.iconField\"\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n\r\n            <ng-template #booleanField>\r\n              <i\r\n                *ngIf=\"!col.iconField\"\r\n                [ngClass]=\"\r\n                  rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                \"\r\n              ><span class=\"material-symbols-outlined\">\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n            </ng-template>\r\n          </td>\r\n\r\n          <td\r\n            *ngIf=\"col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n            <ng-container\r\n              *ngIf=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n            >\r\n            </ng-container>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <td\r\n          *ngIf=\"config.actions && config.actions.length > 0\"\r\n          [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\"\r\n        >\r\n          <div\r\n            class=\"flex flex-row justify-content-end w-full gap-1\"\r\n            *ngIf=\"acoesLinhaTabela\"\r\n          >\r\n            <div *ngFor=\"let action of config.actions\">\r\n              <button\r\n                id=\"actionBtns\"\r\n                pButton\r\n                *ngIf=\"exibirCampo(action, rowData)\"\r\n                class=\"actionBtns p-button-text p-button-raised\"\r\n                (click)=\"activeItem(rowData); action?.command()\"\r\n                [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                [tooltipPosition]=\"action.tooltipPosition ? action.tooltipPosition : 'bottom'\"\r\n                [disabled]=\"callDisabled(action, rowData)\"\r\n              >\r\n                <span class=\"material-symbols-outlined md-19\">\r\n                  {{ retornarCampo(action, rowData, \"icon\") }}</span>\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"flex flex-row justify-content-end w-full\"\r\n            *ngIf=\"!acoesLinhaTabela\"\r\n          >\r\n            <!-- <button\r\n              id=\"moreVertBtn\"\r\n              pButton\r\n              class=\"actionBtns p-button-text p-button-raised\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            > -->\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\r\n            <!-- </button> -->\r\n\r\n            <div *ngFor=\"let action of config.actions\">\r\n              {{ criarMenusModal(rowData) }}\r\n            </div>\r\n\r\n            <!-- <div *ngFor=\"let action of config.actions\">\r\n              {{ criarMenusModal(rowData) }}\r\n            </div> -->\r\n\r\n            <p-menu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"menuItems\"\r\n              appendTo=\"body\"\r\n            ></p-menu>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"emptymessage\"\r\n      let-columns\r\n    >\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center;\r\n          border-radius: 10px !important;\r\n          \"\r\n        >\r\n          <p class=\"font-medium m-0\"> Nenhum registro encontrado </p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>", styles: ["@charset \"UTF-8\";.error-show{background-color:red;width:5px;height:10px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}#botaoFiltro:hover{color:#a9a9a9}.actionLoteBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#29b92d!important}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover{color:#a9a9a9}.icon-search{top:20px}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}:host ::ng-deep .p-datatable-table{border-spacing:0px 2px}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:2px 13px 0!important;border-radius:5px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 0 0 10px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:50%;width:2.5rem!important;height:2.5rem!important;box-shadow:#0000003d 0 3px 8px}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-right:1px solid #ddd!important;border-bottom:1px solid hsl(0,0%,91%)!important;border-top:0px solid!important;line-height:30px!important;gap:5px}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(p-tablecheckbox){border-bottom:0px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img){justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img) .p-column-title{display:none!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 10px 0 0!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-radius:0 0 10px 10px!important;border-bottom:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child div{justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-left:solid 4px #5289B4!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td .p-column-title{font-weight:600}}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea!important}::ng-deep .field.grid,.formgrid.grid{padding:0rem!important}@media screen and (min-width: 961px){.moreVertBtn{position:relative;right:3px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i6$2.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i4$1.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$6.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i13.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "component", type: i14.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i14.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i14.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i14.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i14.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-table', template: "<div>\r\n\r\n  <p-panel\r\n    *ngIf=\"filtrosAvancados\"\r\n    header=\"Filtros avan\u00E7ados\"\r\n    [toggleable]=\"true\"\r\n    [collapsed]=\"true\"\r\n    (collapsedChange)=\"collapsed = !collapsed\"\r\n    [style]=\"{'margin-bottom': '2px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      <i\r\n        *ngIf=\"!collapsed\"\r\n        class=\"pi pi-filter\"\r\n      ></i> <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      <i\r\n        *ngIf=\"collapsed\"\r\n        class=\"pi pi-minus\"\r\n      ></i> <!-- \u00CDcone quando o painel est\u00E1 fechado -->\r\n    </ng-template>\r\n    <ng-content></ng-content>\r\n  </p-panel>\r\n\r\n  <p-table\r\n    *ngIf=\"config\"\r\n    #dt\r\n    styleClass=\"p-datatable-sm\"\r\n    [value]=\"dataSource\"\r\n    [(selection)]=\"selectedItems\"\r\n    [rowSelectable]=\"isRowSelectable\"\r\n    [columns]=\"config.columns\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [rows]=\"rows\"\r\n    [paginator]=\"paginator\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {{totalRecords}}\"\r\n    [rowHover]=\"true\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    (selectionChange)=\"selectionChange($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    [groupRowsBy]=\"config.fieldGroup\"\r\n    [showFirstLastIcon]=\"showFirstLastIcon\"\r\n    [pageLinks]=\"pageLinksOptions\"\r\n    [responsive]=\"true\"\r\n    responsiveLayout=\"stack\"\r\n  >\r\n    <ng-template\r\n      pTemplate=\"caption\"\r\n      *ngIf=\"config.enableCation\"\r\n    >\r\n      <div class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\r\n\r\n        <div class=\"col-12 flex flex-column\">\r\n          <div\r\n            *ngIf=\"config.title\"\r\n            class=\"text-md font-bold my-3\"\r\n          >\r\n            {{ config.title }}\r\n          </div>\r\n          <div\r\n            *ngIf=\"config.subtitle\"\r\n            class=\"text-sm mb-4 font-medium\"\r\n          >\r\n            {{ config.subtitle }}\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{tamanhoTela < 768 ? 'col-10' : 'col-12'}}\">\r\n          <span\r\n            *ngIf=\"config.enableFilter\"\r\n            class=\"block mt-2 md:mt-0 p-input-icon-left text-align-center\"\r\n          >\r\n            <i\r\n              class=\"material-symbols-outlined icon-search\"\r\n              style=\"display: inline-block\"\r\n            >\r\n              search\r\n            </i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(dt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"w-full mb-1\"\r\n              style=\"height: 40px\"\r\n            />\r\n          </span>\r\n\r\n          <!-- <button\r\n            pButton\r\n            #botaoFiltro\r\n            *ngIf=\"filtrosAvancados\"\r\n            class=\"p-button-raised p-button-text actionLoteBtns\"\r\n            (click)=\"filtrosAvancadosEvent(showFiltrosAvancados)\"\r\n            [pTooltip]=\"'Filtros avan\u00E7ados'\"\r\n          >\r\n            <span class=\"material-symbols-outlined md-22\"> filter_alt </span>\r\n          </button> -->\r\n\r\n          <!-- <div\r\n          #menuFiltroDiv\r\n          id = \"menuFiltroDiv\"\r\n          [style.visibility]=\"'hidden'\"\r\n          class=\"absolute z-4 bg-gray-200\"\r\n          (click)=\"onClickEvent($event)\"\r\n        > -->\r\n\r\n          <div\r\n            #menuFiltroDiv\r\n            id=\"menuFiltroDiv\"\r\n            [style.visibility]=\"'hidden'\"\r\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\r\n          >\r\n            <p-card>\r\n              <div\r\n                class=\"flex flex-column text-medium w-15rem\"\r\n                *ngFor=\"let col of columns\"\r\n              >\r\n                {{ checkMenuFiltro(col) }}\r\n                <p-checkbox\r\n                  #filterColumns\r\n                  [label]=\"col.header\"\r\n                  [binary]=\"true\"\r\n                  class=\"checkbox-container\"\r\n                  (onChange)=\"dinamicColumnSet($event, col)\"\r\n                  [(ngModel)]=\"col.checked\"\r\n                  *ngIf=\"!dinamicDisableColumn(col)\"\r\n                ></p-checkbox>\r\n              </div>\r\n            </p-card>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end\">\r\n          <div\r\n            *ngFor=\"let action of config.actionsLote\"\r\n            class=\"btns-options\"\r\n            [style]=\"{'margin-right': '7px'}\"\r\n          >\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"retornarCampo(action, selectedItems, 'tooltip')\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [style.backgroundColor]=\"retornarCampo(action, selectedItems, 'btnColor')\"\r\n              [disabled]=\"retornarCampo(action, selectedItems, 'disabled')\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                [style.color]=\"\r\n                  retornarCampo(action, selectedItems, 'iconBtnColor')\r\n                \"\r\n              >\r\n                {{ retornarCampo(action, selectedItems, \"icon\") }}\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"header\"\r\n      let-columns\r\n    >\r\n      <tr>\r\n        <th\r\n          style=\"width: 4rem; border-left: solid 4px transparent\"\r\n          *ngIf=\"config.enableSelect\"\r\n        >\r\n          <p-tableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"></p-tableHeaderCheckbox>\r\n        </th>\r\n\r\n        <th\r\n          *ngFor=\"let col of columns\"\r\n          [pSortableColumn]=\"col.field\"\r\n          [pSortableColumnDisabled]=\"col.sortable === false\"\r\n          [style.width]=\"col.width\"\r\n          class=\"text-sm\"\r\n        >\r\n          <div\r\n            [class]=\"\r\n              centralizarColunas(col) && alignColunasHeader(col) == ''\r\n                ? 'flex flex-row justify-content-center'\r\n                : 'flex flex-row'\r\n            \"\r\n            [style]=\"alignColunasHeader(col)\"\r\n          >\r\n\r\n\r\n            <span>{{ col.header }}</span>\r\n            <p-sortIcon\r\n              *ngIf=\"col.sortable === true\"\r\n              [field]=\"col.field\"\r\n              style=\"font-size: 10px\"\r\n            ></p-sortIcon>\r\n\r\n            <span\r\n              *ngIf=\"col.headerTooltip\"\r\n              class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\"\r\n            >info</span>\r\n\r\n          </div>\r\n        </th>\r\n        <th *ngIf=\"config.actions && config.actions.length > 0\"></th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\"\r\n      let-rowspan=\"rowspan\"\r\n    >\r\n      <tr (dblclick)=\"doubleClick($event, rowData)\">\r\n        <td\r\n          *ngIf=\"config.enableSelect\"\r\n          [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\"\r\n        >\r\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(rowData)\"-->\r\n          <p-tableCheckbox\r\n            [value]=\"rowData\"\r\n            [disabled]=\"isDisabledCheckbox(rowData)\"\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableCheckbox>\r\n        </td>\r\n\r\n        <ng-container *ngFor=\"let col of columns\">\r\n          <td\r\n            *ngIf=\"rowgroup && !col.template\"\r\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            class=\"rowTable\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col)\">\r\n                <i\r\n                  *ngIf=\"col.icon\"\r\n                  [class]=\"col.icon + ' mr-2'\"\r\n                ></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >{{\r\n                  transformValue(rowData, col)\r\n                  }}</span>\r\n              </div>\r\n            </span>\r\n\r\n            <span *ngIf=\"isImageField(col)\">\r\n              <span>\r\n                <img\r\n                  class=\"image\"\r\n                  [src]=\"loadImage(rowData, col)\"\r\n                />\r\n              </span>\r\n            </span>\r\n\r\n            <i\r\n              *ngIf=\"col.iconField\"\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n\r\n            <ng-template #booleanField>\r\n              <i\r\n                *ngIf=\"!col.iconField\"\r\n                [ngClass]=\"\r\n                  rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                \"\r\n              ><span class=\"material-symbols-outlined\">\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n            </ng-template>\r\n          </td>\r\n\r\n          <td\r\n            *ngIf=\"!rowgroup && !col.grouped && !col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col)\">\r\n                <i\r\n                  *ngIf=\"col.icon\"\r\n                  [class]=\"col.icon + ' mr-2'\"\r\n                ></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >\r\n                  {{ transformValue(rowData, col) }}</span>\r\n              </div>\r\n            </span>\r\n\r\n            <span *ngIf=\"isImageField(col)\">\r\n              <span>\r\n                <img\r\n                  class=\"image\"\r\n                  [src]=\"loadImage(rowData, col)\"\r\n                />\r\n              </span>\r\n            </span>\r\n\r\n            <i\r\n              *ngIf=\"col.iconField\"\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n\r\n            <ng-template #booleanField>\r\n              <i\r\n                *ngIf=\"!col.iconField\"\r\n                [ngClass]=\"\r\n                  rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                \"\r\n              ><span class=\"material-symbols-outlined\">\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n            </ng-template>\r\n          </td>\r\n\r\n          <td\r\n            *ngIf=\"col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n            <ng-container\r\n              *ngIf=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n            >\r\n            </ng-container>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <td\r\n          *ngIf=\"config.actions && config.actions.length > 0\"\r\n          [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\"\r\n        >\r\n          <div\r\n            class=\"flex flex-row justify-content-end w-full gap-1\"\r\n            *ngIf=\"acoesLinhaTabela\"\r\n          >\r\n            <div *ngFor=\"let action of config.actions\">\r\n              <button\r\n                id=\"actionBtns\"\r\n                pButton\r\n                *ngIf=\"exibirCampo(action, rowData)\"\r\n                class=\"actionBtns p-button-text p-button-raised\"\r\n                (click)=\"activeItem(rowData); action?.command()\"\r\n                [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                [tooltipPosition]=\"action.tooltipPosition ? action.tooltipPosition : 'bottom'\"\r\n                [disabled]=\"callDisabled(action, rowData)\"\r\n              >\r\n                <span class=\"material-symbols-outlined md-19\">\r\n                  {{ retornarCampo(action, rowData, \"icon\") }}</span>\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"flex flex-row justify-content-end w-full\"\r\n            *ngIf=\"!acoesLinhaTabela\"\r\n          >\r\n            <!-- <button\r\n              id=\"moreVertBtn\"\r\n              pButton\r\n              class=\"actionBtns p-button-text p-button-raised\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            > -->\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\r\n            <!-- </button> -->\r\n\r\n            <div *ngFor=\"let action of config.actions\">\r\n              {{ criarMenusModal(rowData) }}\r\n            </div>\r\n\r\n            <!-- <div *ngFor=\"let action of config.actions\">\r\n              {{ criarMenusModal(rowData) }}\r\n            </div> -->\r\n\r\n            <p-menu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"menuItems\"\r\n              appendTo=\"body\"\r\n            ></p-menu>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"emptymessage\"\r\n      let-columns\r\n    >\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center;\r\n          border-radius: 10px !important;\r\n          \"\r\n        >\r\n          <p class=\"font-medium m-0\"> Nenhum registro encontrado </p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>", styles: ["@charset \"UTF-8\";.error-show{background-color:red;width:5px;height:10px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}#botaoFiltro:hover{color:#a9a9a9}.actionLoteBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#29b92d!important}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover{color:#a9a9a9}.icon-search{top:20px}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}:host ::ng-deep .p-datatable-table{border-spacing:0px 2px}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:2px 13px 0!important;border-radius:5px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 0 0 10px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:50%;width:2.5rem!important;height:2.5rem!important;box-shadow:#0000003d 0 3px 8px}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-right:1px solid #ddd!important;border-bottom:1px solid hsl(0,0%,91%)!important;border-top:0px solid!important;line-height:30px!important;gap:5px}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(p-tablecheckbox){border-bottom:0px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img){justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img) .p-column-title{display:none!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 10px 0 0!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-radius:0 0 10px 10px!important;border-bottom:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child div{justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-left:solid 4px #5289B4!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td .p-column-title{font-weight:600}}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea!important}::ng-deep .field.grid,.formgrid.grid{padding:0rem!important}@media screen and (min-width: 961px){.moreVertBtn{position:relative;right:3px}}\n"] }]
+            args: [{ selector: 'kv-table', template: "<div>\r\n\r\n  <p-panel\r\n    *ngIf=\"filtrosAvancados\"\r\n    header=\"Filtros avan\u00E7ados\"\r\n    [toggleable]=\"true\"\r\n    [collapsed]=\"true\"\r\n    (collapsedChange)=\"collapsed = !collapsed\"\r\n    [style]=\"{'margin-bottom': '2px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      <i\r\n        *ngIf=\"!collapsed\"\r\n        class=\"pi pi-filter\"\r\n      ></i> <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      <i\r\n        *ngIf=\"collapsed\"\r\n        class=\"pi pi-minus\"\r\n      ></i> <!-- \u00CDcone quando o painel est\u00E1 fechado -->\r\n    </ng-template>\r\n    <ng-content></ng-content>\r\n  </p-panel>\r\n\r\n  <p-table\r\n    *ngIf=\"config\"\r\n    #dt\r\n    styleClass=\"p-datatable-sm\"\r\n    [value]=\"dataSource\"\r\n    [(selection)]=\"selectedItems\"\r\n    [rowSelectable]=\"isRowSelectable\"\r\n    [columns]=\"config.columns\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [rows]=\"rows\"\r\n    [paginator]=\"paginator\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {{totalRecords}}\"\r\n    [rowHover]=\"true\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    (selectionChange)=\"selectionChange($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    [groupRowsBy]=\"config.fieldGroup\"\r\n    [showFirstLastIcon]=\"showFirstLastIcon\"\r\n    [pageLinks]=\"pageLinksOptions\"\r\n    [responsive]=\"true\"\r\n    responsiveLayout=\"stack\"\r\n  >\r\n    <ng-template\r\n      pTemplate=\"caption\"\r\n      *ngIf=\"config.enableCation\"\r\n    >\r\n      <div class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\r\n\r\n        <div class=\"col-12 flex flex-column\">\r\n          <div\r\n            *ngIf=\"config.title\"\r\n            class=\"text-md font-bold my-3\"\r\n          >\r\n            {{ config.title }}\r\n          </div>\r\n          <div\r\n            *ngIf=\"config.subtitle\"\r\n            class=\"text-sm mb-4 font-medium\"\r\n          >\r\n            {{ config.subtitle }}\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{tamanhoTela < 768 ? 'col-10' : 'col-12'}}\">\r\n          <span\r\n            *ngIf=\"config.enableFilter\"\r\n            class=\"block mt-2 md:mt-0 p-input-icon-left text-align-center\"\r\n          >\r\n            <i\r\n              class=\"material-symbols-outlined icon-search\"\r\n              style=\"display: inline-block\"\r\n            >\r\n              search\r\n            </i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(dt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"w-full mb-1\"\r\n              style=\"height: 40px\"\r\n            />\r\n          </span>\r\n\r\n          <!-- <button\r\n            pButton\r\n            #botaoFiltro\r\n            *ngIf=\"filtrosAvancados\"\r\n            class=\"p-button-raised p-button-text actionLoteBtns\"\r\n            (click)=\"filtrosAvancadosEvent(showFiltrosAvancados)\"\r\n            [pTooltip]=\"'Filtros avan\u00E7ados'\"\r\n          >\r\n            <span class=\"material-symbols-outlined md-22\"> filter_alt </span>\r\n          </button> -->\r\n\r\n          <!-- <div\r\n          #menuFiltroDiv\r\n          id = \"menuFiltroDiv\"\r\n          [style.visibility]=\"'hidden'\"\r\n          class=\"absolute z-4 bg-gray-200\"\r\n          (click)=\"onClickEvent($event)\"\r\n        > -->\r\n\r\n          <div\r\n            #menuFiltroDiv\r\n            id=\"menuFiltroDiv\"\r\n            [style.visibility]=\"'hidden'\"\r\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\r\n          >\r\n            <p-card>\r\n              <div\r\n                class=\"flex flex-column text-medium w-15rem\"\r\n                *ngFor=\"let col of columns\"\r\n              >\r\n                {{ checkMenuFiltro(col) }}\r\n                <p-checkbox\r\n                  #filterColumns\r\n                  [label]=\"col.header\"\r\n                  [binary]=\"true\"\r\n                  class=\"checkbox-container\"\r\n                  (onChange)=\"dinamicColumnSet($event, col)\"\r\n                  [(ngModel)]=\"col.checked\"\r\n                  *ngIf=\"!dinamicDisableColumn(col)\"\r\n                ></p-checkbox>\r\n              </div>\r\n            </p-card>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end\">\r\n          <div\r\n            *ngFor=\"let action of config.actionsLote\"\r\n            class=\"btns-options\"\r\n            [style]=\"{'margin-right': '7px'}\"\r\n          >\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"action?.command(commandEvent); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"retornarCampo(action, selectedItems, 'tooltip')\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [style.backgroundColor]=\"retornarCampo(action, selectedItems, 'btnColor')\"\r\n              [disabled]=\"retornarCampo(action, selectedItems, 'disabled')\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                [style.color]=\"\r\n                  retornarCampo(action, selectedItems, 'iconBtnColor')\r\n                \"\r\n              >\r\n                {{ retornarCampo(action, selectedItems, \"icon\") }}\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"header\"\r\n      let-columns\r\n    >\r\n      <tr>\r\n        <th\r\n          style=\"width: 4rem; border-left: solid 4px transparent\"\r\n          *ngIf=\"config.enableSelect\"\r\n        >\r\n          <p-tableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"></p-tableHeaderCheckbox>\r\n        </th>\r\n\r\n        <th\r\n          *ngFor=\"let col of columns\"\r\n          [pSortableColumn]=\"col.field\"\r\n          [pSortableColumnDisabled]=\"col.sortable === false\"\r\n          [style.width]=\"col.width\"\r\n          class=\"text-sm\"\r\n        >\r\n          <div\r\n            [class]=\"\r\n              centralizarColunas(col) && alignColunasHeader(col) == ''\r\n                ? 'flex flex-row justify-content-center'\r\n                : 'flex flex-row'\r\n            \"\r\n            [style]=\"alignColunasHeader(col)\"\r\n          >\r\n\r\n\r\n            <span>{{ col.header }}</span>\r\n            <p-sortIcon\r\n              *ngIf=\"col.sortable === true\"\r\n              [field]=\"col.field\"\r\n              style=\"font-size: 10px\"\r\n            ></p-sortIcon>\r\n\r\n            <span\r\n              *ngIf=\"col.headerTooltip\"\r\n              class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\"\r\n            >info</span>\r\n\r\n          </div>\r\n        </th>\r\n        <th *ngIf=\"config.actions && config.actions.length > 0\"></th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\"\r\n      let-rowspan=\"rowspan\"\r\n    >\r\n      <tr (dblclick)=\"doubleClick($event, rowData)\">\r\n        <td\r\n          *ngIf=\"config.enableSelect\"\r\n          [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\"\r\n        >\r\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(rowData)\"-->\r\n          <p-tableCheckbox\r\n            [value]=\"rowData\"\r\n            [disabled]=\"isDisabledCheckbox(rowData)\"\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableCheckbox>\r\n        </td>\r\n\r\n        <ng-container *ngFor=\"let col of columns\">\r\n          <td\r\n            *ngIf=\"rowgroup && !col.template\"\r\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            class=\"rowTable\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col)\">\r\n                <i\r\n                  *ngIf=\"col.icon\"\r\n                  [class]=\"col.icon + ' mr-2'\"\r\n                ></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >{{\r\n                  transformValue(rowData, col)\r\n                  }}</span>\r\n              </div>\r\n            </span>\r\n\r\n            <span *ngIf=\"isImageField(col)\">\r\n              <span>\r\n                <img\r\n                  class=\"image\"\r\n                  [src]=\"loadImage(rowData, col)\"\r\n                />\r\n              </span>\r\n            </span>\r\n\r\n            <i\r\n              *ngIf=\"col.iconField\"\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n\r\n            <ng-template #booleanField>\r\n              <i\r\n                *ngIf=\"!col.iconField\"\r\n                [ngClass]=\"\r\n                  rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                \"\r\n              ><span class=\"material-symbols-outlined\">\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n            </ng-template>\r\n          </td>\r\n\r\n          <td\r\n            *ngIf=\"!rowgroup && !col.grouped && !col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col)\">\r\n                <i\r\n                  *ngIf=\"col.icon\"\r\n                  [class]=\"col.icon + ' mr-2'\"\r\n                ></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >\r\n                  {{ transformValue(rowData, col) }}</span>\r\n              </div>\r\n            </span>\r\n\r\n            <span *ngIf=\"isImageField(col)\">\r\n              <span>\r\n                <img\r\n                  class=\"image\"\r\n                  [src]=\"loadImage(rowData, col)\"\r\n                />\r\n              </span>\r\n            </span>\r\n\r\n            <i\r\n              *ngIf=\"col.iconField\"\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n\r\n            <ng-template #booleanField>\r\n              <i\r\n                *ngIf=\"!col.iconField\"\r\n                [ngClass]=\"\r\n                  rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                \"\r\n              ><span class=\"material-symbols-outlined\">\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n            </ng-template>\r\n          </td>\r\n\r\n          <td\r\n            *ngIf=\"col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n            <ng-container\r\n              *ngIf=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n            >\r\n            </ng-container>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <td\r\n          *ngIf=\"config.actions && config.actions.length > 0\"\r\n          [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\"\r\n        >\r\n          <div\r\n            class=\"flex flex-row justify-content-end w-full gap-1\"\r\n            *ngIf=\"acoesLinhaTabela\"\r\n          >\r\n            <div *ngFor=\"let action of config.actions\">\r\n              <button\r\n                id=\"actionBtns\"\r\n                pButton\r\n                *ngIf=\"exibirCampo(action, rowData)\"\r\n                class=\"actionBtns p-button-text p-button-raised\"\r\n                (click)=\"activeItem(rowData); action?.command(commandEvent)\"\r\n                [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                [tooltipPosition]=\"action.tooltipPosition ? action.tooltipPosition : 'bottom'\"\r\n                [disabled]=\"callDisabled(action, rowData)\"\r\n              >\r\n                <span class=\"material-symbols-outlined md-19\">\r\n                  {{ retornarCampo(action, rowData, \"icon\") }}</span>\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"flex flex-row justify-content-end w-full\"\r\n            *ngIf=\"!acoesLinhaTabela\"\r\n          >\r\n            <!-- <button\r\n              id=\"moreVertBtn\"\r\n              pButton\r\n              class=\"actionBtns p-button-text p-button-raised\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            > -->\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\r\n            <!-- </button> -->\r\n\r\n            <div *ngFor=\"let action of config.actions\">\r\n              {{ criarMenusModal(rowData) }}\r\n            </div>\r\n\r\n            <!-- <div *ngFor=\"let action of config.actions\">\r\n              {{ criarMenusModal(rowData) }}\r\n            </div> -->\r\n\r\n            <p-menu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"menuItems\"\r\n              appendTo=\"body\"\r\n            ></p-menu>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"emptymessage\"\r\n      let-columns\r\n    >\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center;\r\n          border-radius: 10px !important;\r\n          \"\r\n        >\r\n          <p class=\"font-medium m-0\"> Nenhum registro encontrado </p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>", styles: ["@charset \"UTF-8\";.error-show{background-color:red;width:5px;height:10px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}#botaoFiltro:hover{color:#a9a9a9}.actionLoteBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#29b92d!important}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover{color:#a9a9a9}.icon-search{top:20px}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}:host ::ng-deep .p-datatable-table{border-spacing:0px 2px}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:2px 13px 0!important;border-radius:5px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 0 0 10px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:50%;width:2.5rem!important;height:2.5rem!important;box-shadow:#0000003d 0 3px 8px}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-right:1px solid #ddd!important;border-bottom:1px solid hsl(0,0%,91%)!important;border-top:0px solid!important;line-height:30px!important;gap:5px}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(p-tablecheckbox){border-bottom:0px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img){justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img) .p-column-title{display:none!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 10px 0 0!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-radius:0 0 10px 10px!important;border-bottom:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child div{justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-left:solid 4px #5289B4!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td .p-column-title{font-weight:600}}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea!important}::ng-deep .field.grid,.formgrid.grid{padding:0rem!important}@media screen and (min-width: 961px){.moreVertBtn{position:relative;right:3px}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: i1.DecimalPipe }, { type: CodigoFipePipe }, { type: CpfCnpjPipe }, { type: TelefonePipe }]; }, propDecorators: { templates: [{
                 type: ContentChildren,
                 args: [TemplateDirective]
@@ -2926,15 +2926,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class KvTableModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KvTableModule, declarations: [TableComponent], imports: [CommonModule,
+            PrimeNgModule,
+            FormsModule], exports: [TableComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvTableModule, imports: [CommonModule,
+            PrimeNgModule,
+            FormsModule] }); }
 }
-KvTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KvTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KvTableModule, declarations: [TableComponent], imports: [CommonModule,
-        PrimeNgModule,
-        FormsModule], exports: [TableComponent] });
-KvTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvTableModule, imports: [CommonModule,
-        PrimeNgModule,
-        FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvTableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvTableModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2953,6 +2953,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class TreeViewComponent {
     constructor() {
+        this.selectedFiles = [];
         this.selectionMode = 'checkbox';
         this.selectedItems = new EventEmitter();
     }
@@ -2961,10 +2962,10 @@ class TreeViewComponent {
     onSelectionChange() {
         this.selectedItems.emit(this.selectedFiles);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TreeViewComponent, selector: "kv-tree-view", inputs: { selectedFiles: "selectedFiles", selectionMode: "selectionMode", treeViewData: "treeViewData" }, outputs: { selectedItems: "selectedItems" }, ngImport: i0, template: "<div class=\"card flex flex-column align-items-center justify-content-center\">\r\n    <p-tree\r\n        [value]=\"treeViewData\"\r\n        [selectionMode]=\"selectionMode\"\r\n        class=\"w-full\"\r\n        [(selection)]=\"selectedFiles\"\r\n        (selectionChange)=\"onSelectionChange()\"\r\n    ></p-tree>\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: i1$4.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }] }); }
 }
-TreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TreeViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TreeViewComponent, selector: "kv-tree-view", inputs: { selectedFiles: "selectedFiles", selectionMode: "selectionMode", treeViewData: "treeViewData" }, outputs: { selectedItems: "selectedItems" }, ngImport: i0, template: "<div class=\"card flex flex-column align-items-center justify-content-center\">\r\n    <p-tree\r\n        [value]=\"treeViewData\"\r\n        [selectionMode]=\"selectionMode\"\r\n        class=\"w-full\"\r\n        [(selection)]=\"selectedFiles\"\r\n        (selectionChange)=\"onSelectionChange()\"\r\n    ></p-tree>\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: i1$4.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TreeViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-tree-view', template: "<div class=\"card flex flex-column align-items-center justify-content-center\">\r\n    <p-tree\r\n        [value]=\"treeViewData\"\r\n        [selectionMode]=\"selectionMode\"\r\n        class=\"w-full\"\r\n        [(selection)]=\"selectedFiles\"\r\n        (selectionChange)=\"onSelectionChange()\"\r\n    ></p-tree>\r\n</div>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { selectedFiles: [{
@@ -2978,13 +2979,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class KvtreeViewModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvtreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KvtreeViewModule, declarations: [TreeViewComponent], imports: [CommonModule,
+            PrimeNgModule], exports: [TreeViewComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvtreeViewModule, imports: [CommonModule,
+            PrimeNgModule] }); }
 }
-KvtreeViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvtreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KvtreeViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KvtreeViewModule, declarations: [TreeViewComponent], imports: [CommonModule,
-        PrimeNgModule], exports: [TreeViewComponent] });
-KvtreeViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvtreeViewModule, imports: [CommonModule,
-        PrimeNgModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvtreeViewModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvtreeViewModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3001,15 +3002,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
         }] });
 
 class KvChartModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KvChartModule, declarations: [ChartComponent], imports: [CommonModule,
+            PrimeNgModule,
+            FormsModule], exports: [ChartComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvChartModule, imports: [CommonModule,
+            PrimeNgModule,
+            FormsModule] }); }
 }
-KvChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KvChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KvChartModule, declarations: [ChartComponent], imports: [CommonModule,
-        PrimeNgModule,
-        FormsModule], exports: [ChartComponent] });
-KvChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvChartModule, imports: [CommonModule,
-        PrimeNgModule,
-        FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvChartModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvChartModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3073,8 +3074,8 @@ class MenuComponent {
     }
     MascaraNomeLicenca(nomeLicenca) {
         if (nomeLicenca) {
-            if (nomeLicenca.length > 24)
-                return nomeLicenca.substring(0, 24) + '...';
+            if (nomeLicenca.length > 23)
+                return nomeLicenca.substring(0, 23) + '...';
             else
                 return nomeLicenca;
         }
@@ -3181,12 +3182,12 @@ class MenuComponent {
         this.mouseOverIndex = null;
         this.mouseOverFilhoIndex = null;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i3$1.Router }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MenuComponent, selector: "kv-menu", inputs: { menuCompleto: "menuCompleto", licencas: "licencas", licencaSelecionada: "licencaSelecionada", logoImage: "logoImage", nomeUsuario: "nomeUsuario", breadCrumbItems: "breadCrumbItems" }, outputs: { licencaChange: "licencaChange", gerenciarKeePassEvent: "gerenciarKeePassEvent", sairEvent: "sairEvent", expandMenuEmit: "expandMenuEmit", trocarLicencaEmit: "trocarLicencaEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "sidebarRef", first: true, predicate: ["sidebarRef"], descendants: true }, { propertyName: "sistemasPanel", first: true, predicate: ["sistemasPanel"], descendants: true }, { propertyName: "meusDadosPanel", first: true, predicate: ["meusDadosPanel"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n\r\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\r\n\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column mx-1\">\r\n        <div class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\"\r\n          >\r\n            <img\r\n              *ngIf=\"expandMenu\"\r\n              alt=\"Card\"\r\n              [src]=\"logoImage\"\r\n              width=\"150\"\r\n            />\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"toggleMenu()\"\r\n              [pTooltip]=\"expandMenu ? 'Ocutar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                menu\r\n              </i>\r\n            </button>\r\n          </div>\r\n\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"trocarLicenca()\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.licencaSelecionada.nome\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{MascaraNomeLicenca(this.licencaSelecionada.nome)}}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{MascaraCnpj(this.licencaSelecionada.cpfcnpj || '')}}</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"trocarLicenca()\"\r\n              [pTooltip]=\"'Alterar workspace'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                sync_alt\r\n              </i>\r\n            </button>\r\n\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n        </div>\r\n\r\n        <div\r\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\r\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\r\n          style=\"overflow-y: auto;\"\r\n        >\r\n          <!-- menus -->\r\n          <li *ngFor=\"let menu of menus; let i = index\">\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (mouseenter)=\"onMouseEnter(i)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"!menu.menupai && menu.idmenupai == 0\"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"{{verificarPaginaSelecionada(menu.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline {{!expandMenu ? 'justify-content-center' : ''}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n            >\r\n\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"menu.icone && menu.icone !== ''\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ menu.descricaomenu }}</span>\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.menupai\">\r\n              <a\r\n                (mouseenter)=\"onMouseEnter(i)\"\r\n                (mouseleave)=\"onMouseLeave()\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                class=\"menu-option flex align-items-center {{!expandMenu ? 'justify-content-center' : 'justify-content-between'}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n\r\n                  <i\r\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                    *ngIf=\"menu.icone && menu.icone !== ''\"\r\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-medium\"\r\n                    *ngIf=\"expandMenu\"\r\n                  >{{ menu.descricaomenu }}</span>\r\n                </div>\r\n                <i\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\r\n                  *ngIf=\"expandMenu\"\r\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                ></i>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n          <li *ngFor=\"\r\n              let filho of retornarMenuFilhos(menu.idsistema, menu.idmenu);  let iFilho = index\r\n            \">\r\n            <a\r\n              (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"callRoute(filho.link)\"\r\n              pRipple\r\n              class=\"{{verificarPaginaSelecionada(filho.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\r\n            >\r\n              <i\r\n                class=\"pi pi-chart-line mr-2 ml-1 adjust-icon-menu\"\r\n                *ngIf=\"filho.icone && filho.icone !== ''\"\r\n              ></i>\r\n              <span\r\n                class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ filho.descricaomenu }}</span>\r\n            </a>\r\n          </li>\r\n        </div>\r\n      </div>\r\n</div>\r\n</div>\r\n</ng-template>\r\n</p-sidebar>\r\n\r\n\r\n<div\r\n  class=\"w-auto h-screen page-content overflow-y-hidden\"\r\n  id=\"page-content\"\r\n>\r\n\r\n  <div class=\"flex flex-row align-items-center justify-content-between m-3\">\r\n    <div>\r\n      <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length -\r\n        1]?.label}}</p>\r\n      <p-breadcrumb\r\n        *ngIf=\"widthCard > 400\"\r\n        styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\r\n        [model]=\"breadCrumbItems\"\r\n        [style]=\"{backgroundColor: '#d4d3d3'}\"\r\n        (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n      ></p-breadcrumb>\r\n    </div>\r\n\r\n    <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-th-large\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        (click)=\"sistemasPanel.toggle($event)\"\r\n        [pTooltip]=\"'Sistemas'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      ></p-button>\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-user\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n        [tooltipPosition]=\"'left'\"\r\n        (click)=\"meusDadosPanel.toggle($event)\"\r\n      ></p-button>\r\n\r\n    </div>\r\n  </div>\r\n\r\n\r\n  <p-card\r\n    class=\"card-container\"\r\n    styleClass=\"m-3 border-noround overflow-y-auto card-container\"\r\n    [style]=\"{height: heigthCard - ajustarHeigthCard() + 'px'}\"\r\n  >\r\n    <div class=\"card-container w-full\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </p-card>\r\n\r\n</div>\r\n\r\n\r\n<p-overlayPanel\r\n  #sistemasPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n  <ng-template pTemplate=\"container\">\r\n    <p class=\"title-style mt-3\">Sistemas</p>\r\n    <div\r\n      class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\r\n      style=\"width: 250px; height: 100%;\"\r\n    >\r\n      <button\r\n        *ngFor=\"let menu of menuCompleto\"\r\n        pButton\r\n        pRipple\r\n        class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\r\n        (click)=\"definirMenusPorSistema(menu.sistema.idsistema)\"\r\n        [pTooltip]=\"menu.sistema.descricaosistema\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        {{ menu.sistema.nomesistema.charAt(0).toUpperCase() }}\r\n      </button>\r\n\r\n    </div>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n\r\n<p-overlayPanel\r\n  #meusDadosPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n\r\n  <ng-template pTemplate=\"container\">\r\n\r\n    <p class=\"title-style mt-3\">Ol\u00E1, {{nomeUsuario ? nomeUsuario.split(' ')[0] : 'Usu\u00E1rio'}} !</p>\r\n    <div class=\"mt-5 mb-3\">\r\n\r\n    </div>\r\n\r\n    <p-button\r\n      icon=\"pi pi-lock\"\r\n      label=\"Ger\u00EAnciar KeevoPass\"\r\n      (onClick)=\"gerenciarKeePass($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n      [disabled]=\"true\"\r\n    ></p-button>\r\n    <p-button\r\n      icon=\"pi pi-sign-out\"\r\n      label=\"Sair\"\r\n      (onClick)=\"sair($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n    ></p-button>\r\n  </ng-template>\r\n\r\n</p-overlayPanel>\r\n\r\n<p-dialog\r\n  [(visible)]=\"visibleDialogLicenca\"\r\n  [modal]=\"true\"\r\n  [draggable]=\"false\"\r\n  header=\"Trocar Licen\u00E7a\"\r\n  [style]=\"{width: '50vh' }\"\r\n>\r\n  <div class=\"flex flex-column align-items-end\">\r\n\r\n    <div class=\"w-full\">\r\n      <p-dropdown\r\n        styleClass=\"w-full\"\r\n        [options]=\"licencasOptions\"\r\n        [(ngModel)]=\"licencaSelected\"\r\n        optionLabel=\"descricao\"\r\n      ></p-dropdown>\r\n    </div>\r\n\r\n    <kv-button-success\r\n      [label]=\"'Salvar'\"\r\n      class=\"mt-2\"\r\n      (onClick)=\"setLicenca()\"\r\n    ></kv-button-success>\r\n\r\n  </div>\r\n\r\n</p-dialog>", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-content{padding:0rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "size", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i10.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i12.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i13$1.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "component", type: i14$1.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonSuccessComponent, selector: "kv-button-success" }] }); }
 }
-MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MenuComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i3$1.Router }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: MenuComponent, selector: "kv-menu", inputs: { menuCompleto: "menuCompleto", licencas: "licencas", licencaSelecionada: "licencaSelecionada", logoImage: "logoImage", nomeUsuario: "nomeUsuario", breadCrumbItems: "breadCrumbItems" }, outputs: { licencaChange: "licencaChange", gerenciarKeePassEvent: "gerenciarKeePassEvent", sairEvent: "sairEvent", expandMenuEmit: "expandMenuEmit", trocarLicencaEmit: "trocarLicencaEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "sidebarRef", first: true, predicate: ["sidebarRef"], descendants: true }, { propertyName: "sistemasPanel", first: true, predicate: ["sistemasPanel"], descendants: true }, { propertyName: "meusDadosPanel", first: true, predicate: ["meusDadosPanel"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n\r\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\r\n\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column mx-1\">\r\n        <div class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\"\r\n          >\r\n            <img\r\n              *ngIf=\"expandMenu\"\r\n              alt=\"Card\"\r\n              [src]=\"logoImage\"\r\n              width=\"150\"\r\n            />\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"toggleMenu()\"\r\n              [pTooltip]=\"expandMenu ? 'Ocutar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                menu\r\n              </i>\r\n            </button>\r\n          </div>\r\n\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"trocarLicenca()\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.licencaSelecionada.nome\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{MascaraNomeLicenca(this.licencaSelecionada.nome)}}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{MascaraCnpj(this.licencaSelecionada.cpfcnpj || '')}}</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"trocarLicenca()\"\r\n              [pTooltip]=\"'Alterar workspace'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                sync_alt\r\n              </i>\r\n            </button>\r\n\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n        </div>\r\n\r\n        <div\r\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\r\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\r\n          style=\"overflow-y: auto;\"\r\n        >\r\n          <!-- menus -->\r\n          <li *ngFor=\"let menu of menus; let i = index\">\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (mouseenter)=\"onMouseEnter(i)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"!menu.menupai && menu.idmenupai == 0\"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"{{verificarPaginaSelecionada(menu.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline {{!expandMenu ? 'justify-content-center' : ''}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n            >\r\n\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"menu.icone && menu.icone !== ''\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ menu.descricaomenu }}</span>\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.menupai\">\r\n              <a\r\n                (mouseenter)=\"onMouseEnter(i)\"\r\n                (mouseleave)=\"onMouseLeave()\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                class=\"menu-option flex align-items-center {{!expandMenu ? 'justify-content-center' : 'justify-content-between'}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n\r\n                  <i\r\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                    *ngIf=\"menu.icone && menu.icone !== ''\"\r\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-medium\"\r\n                    *ngIf=\"expandMenu\"\r\n                  >{{ menu.descricaomenu }}</span>\r\n                </div>\r\n                <i\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\r\n                  *ngIf=\"expandMenu\"\r\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                ></i>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n          <li *ngFor=\"\r\n              let filho of retornarMenuFilhos(menu.idsistema, menu.idmenu);  let iFilho = index\r\n            \">\r\n            <a\r\n              (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"callRoute(filho.link)\"\r\n              pRipple\r\n              class=\"{{verificarPaginaSelecionada(filho.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\r\n            >\r\n              <i\r\n                class=\"pi pi-chart-line mr-2 ml-1 adjust-icon-menu\"\r\n                *ngIf=\"filho.icone && filho.icone !== ''\"\r\n              ></i>\r\n              <span\r\n                class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ filho.descricaomenu }}</span>\r\n            </a>\r\n          </li>\r\n        </div>\r\n      </div>\r\n</div>\r\n</div>\r\n</ng-template>\r\n</p-sidebar>\r\n\r\n\r\n<div\r\n  class=\"w-auto h-screen page-content overflow-y-hidden\"\r\n  id=\"page-content\"\r\n>\r\n\r\n  <div class=\"flex flex-row align-items-center justify-content-between m-3\">\r\n    <div>\r\n      <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length -\r\n        1]?.label}}</p>\r\n      <p-breadcrumb\r\n        *ngIf=\"widthCard > 400\"\r\n        styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\r\n        [model]=\"breadCrumbItems\"\r\n        [style]=\"{backgroundColor: '#d4d3d3'}\"\r\n        (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n      ></p-breadcrumb>\r\n    </div>\r\n\r\n    <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n      <button\r\n        pButton\r\n        class=\"p-button-rounded p-button-text h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu padding-style\"\r\n        (click)=\"sistemasPanel.toggle($event)\"\r\n        [pTooltip]=\"'Sistemas'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <i class=\"material-symbols-outlined\">\r\n          apps\r\n        </i>\r\n      </button>\r\n      <button\r\n        pButton\r\n        class=\"p-button-rounded p-button-text h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu padding-style\"\r\n        (click)=\"meusDadosPanel.toggle($event)\"\r\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <i class=\"material-symbols-outlined\">\r\n          person\r\n        </i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  <p-card\r\n    class=\"card-container\"\r\n    styleClass=\"m-3 border-noround overflow-y-auto card-container\"\r\n    [style]=\"{height: heigthCard - ajustarHeigthCard() + 'px'}\"\r\n  >\r\n    <div class=\"card-container w-full\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </p-card>\r\n\r\n</div>\r\n\r\n\r\n<p-overlayPanel\r\n  #sistemasPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n  <ng-template pTemplate=\"container\">\r\n    <p class=\"title-style mt-3\">Sistemas</p>\r\n    <div\r\n      class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\r\n      style=\"width: 250px; height: 100%;\"\r\n    >\r\n      <button\r\n        *ngFor=\"let menu of menuCompleto\"\r\n        pButton\r\n        pRipple\r\n        class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\r\n        (click)=\"definirMenusPorSistema(menu.sistema.idsistema)\"\r\n        [pTooltip]=\"menu.sistema.descricaosistema\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        {{ menu.sistema.nomesistema.charAt(0).toUpperCase() }}\r\n      </button>\r\n\r\n    </div>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n\r\n<p-overlayPanel\r\n  #meusDadosPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n\r\n  <ng-template pTemplate=\"container\">\r\n\r\n    <p class=\"title-style mt-3\">Ol\u00E1, {{nomeUsuario ? nomeUsuario.split(' ')[0] : 'Usu\u00E1rio'}} !</p>\r\n    <div class=\"mt-5 mb-3\">\r\n\r\n    </div>\r\n\r\n    <p-button\r\n      icon=\"pi pi-lock\"\r\n      label=\"Ger\u00EAnciar KeevoPass\"\r\n      (onClick)=\"gerenciarKeePass($event)\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n      [disabled]=\"true\"\r\n    ></p-button>\r\n    <p-button\r\n      icon=\"pi pi-sign-out\"\r\n      label=\"Sair\"\r\n      (onClick)=\"sair($event)\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n    ></p-button>\r\n  </ng-template>\r\n\r\n</p-overlayPanel>\r\n\r\n<p-dialog\r\n  [(visible)]=\"visibleDialogLicenca\"\r\n  [modal]=\"true\"\r\n  [draggable]=\"false\"\r\n  header=\"Trocar Licen\u00E7a\"\r\n  [style]=\"{width: '50vh' }\"\r\n>\r\n  <div class=\"flex flex-column align-items-end\">\r\n\r\n    <div class=\"w-full\">\r\n      <p-dropdown\r\n        styleClass=\"w-full\"\r\n        [options]=\"licencasOptions\"\r\n        [(ngModel)]=\"licencaSelected\"\r\n        optionLabel=\"descricao\"\r\n      ></p-dropdown>\r\n    </div>\r\n\r\n    <kv-button-success\r\n      [label]=\"'Salvar'\"\r\n      class=\"mt-2\"\r\n      (onClick)=\"setLicenca()\"\r\n    ></kv-button-success>\r\n\r\n  </div>\r\n\r\n</p-dialog>", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#ffffff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .p-breadcrumb ul li:last-child .p-menuitem-text{color:#0c3e66!important;font-weight:700;font-size:.8rem!important}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#0c3e66!important;font-weight:500;font-size:.8rem!important}span,.breadcrumb-title{font-size:14px!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-content{padding:0rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["styleClass", "style", "layout", "type", "align"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i10.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i12.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i13$1.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "component", type: i14$1.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonSuccessComponent, selector: "kv-button-success" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-menu', template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n\r\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\r\n\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column mx-1\">\r\n        <div class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\"\r\n          >\r\n            <img\r\n              *ngIf=\"expandMenu\"\r\n              alt=\"Card\"\r\n              [src]=\"logoImage\"\r\n              width=\"150\"\r\n            />\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"toggleMenu()\"\r\n              [pTooltip]=\"expandMenu ? 'Ocutar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                menu\r\n              </i>\r\n            </button>\r\n          </div>\r\n\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"trocarLicenca()\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.licencaSelecionada.nome\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{MascaraNomeLicenca(this.licencaSelecionada.nome)}}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{MascaraCnpj(this.licencaSelecionada.cpfcnpj || '')}}</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"trocarLicenca()\"\r\n              [pTooltip]=\"'Alterar workspace'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                sync_alt\r\n              </i>\r\n            </button>\r\n\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n        </div>\r\n\r\n        <div\r\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\r\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\r\n          style=\"overflow-y: auto;\"\r\n        >\r\n          <!-- menus -->\r\n          <li *ngFor=\"let menu of menus; let i = index\">\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (mouseenter)=\"onMouseEnter(i)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"!menu.menupai && menu.idmenupai == 0\"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"{{verificarPaginaSelecionada(menu.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline {{!expandMenu ? 'justify-content-center' : ''}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n            >\r\n\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"menu.icone && menu.icone !== ''\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ menu.descricaomenu }}</span>\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.menupai\">\r\n              <a\r\n                (mouseenter)=\"onMouseEnter(i)\"\r\n                (mouseleave)=\"onMouseLeave()\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                class=\"menu-option flex align-items-center {{!expandMenu ? 'justify-content-center' : 'justify-content-between'}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n\r\n                  <i\r\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                    *ngIf=\"menu.icone && menu.icone !== ''\"\r\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-medium\"\r\n                    *ngIf=\"expandMenu\"\r\n                  >{{ menu.descricaomenu }}</span>\r\n                </div>\r\n                <i\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\r\n                  *ngIf=\"expandMenu\"\r\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                ></i>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n          <li *ngFor=\"\r\n              let filho of retornarMenuFilhos(menu.idsistema, menu.idmenu);  let iFilho = index\r\n            \">\r\n            <a\r\n              (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"callRoute(filho.link)\"\r\n              pRipple\r\n              class=\"{{verificarPaginaSelecionada(filho.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\r\n            >\r\n              <i\r\n                class=\"pi pi-chart-line mr-2 ml-1 adjust-icon-menu\"\r\n                *ngIf=\"filho.icone && filho.icone !== ''\"\r\n              ></i>\r\n              <span\r\n                class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ filho.descricaomenu }}</span>\r\n            </a>\r\n          </li>\r\n        </div>\r\n      </div>\r\n</div>\r\n</div>\r\n</ng-template>\r\n</p-sidebar>\r\n\r\n\r\n<div\r\n  class=\"w-auto h-screen page-content overflow-y-hidden\"\r\n  id=\"page-content\"\r\n>\r\n\r\n  <div class=\"flex flex-row align-items-center justify-content-between m-3\">\r\n    <div>\r\n      <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length -\r\n        1]?.label}}</p>\r\n      <p-breadcrumb\r\n        *ngIf=\"widthCard > 400\"\r\n        styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\r\n        [model]=\"breadCrumbItems\"\r\n        [style]=\"{backgroundColor: '#d4d3d3'}\"\r\n        (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n      ></p-breadcrumb>\r\n    </div>\r\n\r\n    <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n      <button\r\n        pButton\r\n        class=\"p-button-rounded p-button-text h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu padding-style\"\r\n        (click)=\"sistemasPanel.toggle($event)\"\r\n        [pTooltip]=\"'Sistemas'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <i class=\"material-symbols-outlined\">\r\n          apps\r\n        </i>\r\n      </button>\r\n      <button\r\n        pButton\r\n        class=\"p-button-rounded p-button-text h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu padding-style\"\r\n        (click)=\"meusDadosPanel.toggle($event)\"\r\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <i class=\"material-symbols-outlined\">\r\n          person\r\n        </i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  <p-card\r\n    class=\"card-container\"\r\n    styleClass=\"m-3 border-noround overflow-y-auto card-container\"\r\n    [style]=\"{height: heigthCard - ajustarHeigthCard() + 'px'}\"\r\n  >\r\n    <div class=\"card-container w-full\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </p-card>\r\n\r\n</div>\r\n\r\n\r\n<p-overlayPanel\r\n  #sistemasPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n  <ng-template pTemplate=\"container\">\r\n    <p class=\"title-style mt-3\">Sistemas</p>\r\n    <div\r\n      class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\r\n      style=\"width: 250px; height: 100%;\"\r\n    >\r\n      <button\r\n        *ngFor=\"let menu of menuCompleto\"\r\n        pButton\r\n        pRipple\r\n        class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\r\n        (click)=\"definirMenusPorSistema(menu.sistema.idsistema)\"\r\n        [pTooltip]=\"menu.sistema.descricaosistema\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        {{ menu.sistema.nomesistema.charAt(0).toUpperCase() }}\r\n      </button>\r\n\r\n    </div>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n\r\n<p-overlayPanel\r\n  #meusDadosPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n\r\n  <ng-template pTemplate=\"container\">\r\n\r\n    <p class=\"title-style mt-3\">Ol\u00E1, {{nomeUsuario ? nomeUsuario.split(' ')[0] : 'Usu\u00E1rio'}} !</p>\r\n    <div class=\"mt-5 mb-3\">\r\n\r\n    </div>\r\n\r\n    <p-button\r\n      icon=\"pi pi-lock\"\r\n      label=\"Ger\u00EAnciar KeevoPass\"\r\n      (onClick)=\"gerenciarKeePass($event)\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n      [disabled]=\"true\"\r\n    ></p-button>\r\n    <p-button\r\n      icon=\"pi pi-sign-out\"\r\n      label=\"Sair\"\r\n      (onClick)=\"sair($event)\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n    ></p-button>\r\n  </ng-template>\r\n\r\n</p-overlayPanel>\r\n\r\n<p-dialog\r\n  [(visible)]=\"visibleDialogLicenca\"\r\n  [modal]=\"true\"\r\n  [draggable]=\"false\"\r\n  header=\"Trocar Licen\u00E7a\"\r\n  [style]=\"{width: '50vh' }\"\r\n>\r\n  <div class=\"flex flex-column align-items-end\">\r\n\r\n    <div class=\"w-full\">\r\n      <p-dropdown\r\n        styleClass=\"w-full\"\r\n        [options]=\"licencasOptions\"\r\n        [(ngModel)]=\"licencaSelected\"\r\n        optionLabel=\"descricao\"\r\n      ></p-dropdown>\r\n    </div>\r\n\r\n    <kv-button-success\r\n      [label]=\"'Salvar'\"\r\n      class=\"mt-2\"\r\n      (onClick)=\"setLicenca()\"\r\n    ></kv-button-success>\r\n\r\n  </div>\r\n\r\n</p-dialog>", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#ffffff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .p-breadcrumb ul li:last-child .p-menuitem-text{color:#0c3e66!important;font-weight:700;font-size:.8rem!important}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#0c3e66!important;font-weight:500;font-size:.8rem!important}span,.breadcrumb-title{font-size:14px!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-content{padding:0rem!important}\n"] }]
+            args: [{ selector: 'kv-menu', template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n\r\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\r\n\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column mx-1\">\r\n        <div class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\"\r\n          >\r\n            <img\r\n              *ngIf=\"expandMenu\"\r\n              alt=\"Card\"\r\n              [src]=\"logoImage\"\r\n              width=\"150\"\r\n            />\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"toggleMenu()\"\r\n              [pTooltip]=\"expandMenu ? 'Ocutar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                menu\r\n              </i>\r\n            </button>\r\n          </div>\r\n\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"trocarLicenca()\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.licencaSelecionada.nome\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{MascaraNomeLicenca(this.licencaSelecionada.nome)}}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{MascaraCnpj(this.licencaSelecionada.cpfcnpj || '')}}</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"trocarLicenca()\"\r\n              [pTooltip]=\"'Alterar workspace'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                sync_alt\r\n              </i>\r\n            </button>\r\n\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n        </div>\r\n\r\n        <div\r\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\r\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\r\n          style=\"overflow-y: auto;\"\r\n        >\r\n          <!-- menus -->\r\n          <li *ngFor=\"let menu of menus; let i = index\">\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (mouseenter)=\"onMouseEnter(i)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"!menu.menupai && menu.idmenupai == 0\"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"{{verificarPaginaSelecionada(menu.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline {{!expandMenu ? 'justify-content-center' : ''}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n            >\r\n\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"menu.icone && menu.icone !== ''\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ menu.descricaomenu }}</span>\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.menupai\">\r\n              <a\r\n                (mouseenter)=\"onMouseEnter(i)\"\r\n                (mouseleave)=\"onMouseLeave()\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                class=\"menu-option flex align-items-center {{!expandMenu ? 'justify-content-center' : 'justify-content-between'}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n\r\n                  <i\r\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                    *ngIf=\"menu.icone && menu.icone !== ''\"\r\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-medium\"\r\n                    *ngIf=\"expandMenu\"\r\n                  >{{ menu.descricaomenu }}</span>\r\n                </div>\r\n                <i\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\r\n                  *ngIf=\"expandMenu\"\r\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                ></i>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n          <li *ngFor=\"\r\n              let filho of retornarMenuFilhos(menu.idsistema, menu.idmenu);  let iFilho = index\r\n            \">\r\n            <a\r\n              (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"callRoute(filho.link)\"\r\n              pRipple\r\n              class=\"{{verificarPaginaSelecionada(filho.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\r\n            >\r\n              <i\r\n                class=\"pi pi-chart-line mr-2 ml-1 adjust-icon-menu\"\r\n                *ngIf=\"filho.icone && filho.icone !== ''\"\r\n              ></i>\r\n              <span\r\n                class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ filho.descricaomenu }}</span>\r\n            </a>\r\n          </li>\r\n        </div>\r\n      </div>\r\n</div>\r\n</div>\r\n</ng-template>\r\n</p-sidebar>\r\n\r\n\r\n<div\r\n  class=\"w-auto h-screen page-content overflow-y-hidden\"\r\n  id=\"page-content\"\r\n>\r\n\r\n  <div class=\"flex flex-row align-items-center justify-content-between m-3\">\r\n    <div>\r\n      <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length -\r\n        1]?.label}}</p>\r\n      <p-breadcrumb\r\n        *ngIf=\"widthCard > 400\"\r\n        styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\r\n        [model]=\"breadCrumbItems\"\r\n        [style]=\"{backgroundColor: '#d4d3d3'}\"\r\n        (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n      ></p-breadcrumb>\r\n    </div>\r\n\r\n    <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-th-large\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        (click)=\"sistemasPanel.toggle($event)\"\r\n        [pTooltip]=\"'Sistemas'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      ></p-button>\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-user\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n        [tooltipPosition]=\"'left'\"\r\n        (click)=\"meusDadosPanel.toggle($event)\"\r\n      ></p-button>\r\n\r\n    </div>\r\n  </div>\r\n\r\n\r\n  <p-card\r\n    class=\"card-container\"\r\n    styleClass=\"m-3 border-noround overflow-y-auto card-container\"\r\n    [style]=\"{height: heigthCard - ajustarHeigthCard() + 'px'}\"\r\n  >\r\n    <div class=\"card-container w-full\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </p-card>\r\n\r\n</div>\r\n\r\n\r\n<p-overlayPanel\r\n  #sistemasPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n  <ng-template pTemplate=\"container\">\r\n    <p class=\"title-style mt-3\">Sistemas</p>\r\n    <div\r\n      class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\r\n      style=\"width: 250px; height: 100%;\"\r\n    >\r\n      <button\r\n        *ngFor=\"let menu of menuCompleto\"\r\n        pButton\r\n        pRipple\r\n        class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\r\n        (click)=\"definirMenusPorSistema(menu.sistema.idsistema)\"\r\n        [pTooltip]=\"menu.sistema.descricaosistema\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        {{ menu.sistema.nomesistema.charAt(0).toUpperCase() }}\r\n      </button>\r\n\r\n    </div>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n\r\n<p-overlayPanel\r\n  #meusDadosPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n\r\n  <ng-template pTemplate=\"container\">\r\n\r\n    <p class=\"title-style mt-3\">Ol\u00E1, {{nomeUsuario ? nomeUsuario.split(' ')[0] : 'Usu\u00E1rio'}} !</p>\r\n    <div class=\"mt-5 mb-3\">\r\n\r\n    </div>\r\n\r\n    <p-button\r\n      icon=\"pi pi-lock\"\r\n      label=\"Ger\u00EAnciar KeevoPass\"\r\n      (onClick)=\"gerenciarKeePass($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n      [disabled]=\"true\"\r\n    ></p-button>\r\n    <p-button\r\n      icon=\"pi pi-sign-out\"\r\n      label=\"Sair\"\r\n      (onClick)=\"sair($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n    ></p-button>\r\n  </ng-template>\r\n\r\n</p-overlayPanel>\r\n\r\n<p-dialog\r\n  [(visible)]=\"visibleDialogLicenca\"\r\n  [modal]=\"true\"\r\n  [draggable]=\"false\"\r\n  header=\"Trocar Licen\u00E7a\"\r\n  [style]=\"{width: '50vh' }\"\r\n>\r\n  <div class=\"flex flex-column align-items-end\">\r\n\r\n    <div class=\"w-full\">\r\n      <p-dropdown\r\n        styleClass=\"w-full\"\r\n        [options]=\"licencasOptions\"\r\n        [(ngModel)]=\"licencaSelected\"\r\n        optionLabel=\"descricao\"\r\n      ></p-dropdown>\r\n    </div>\r\n\r\n    <kv-button-success\r\n      [label]=\"'Salvar'\"\r\n      class=\"mt-2\"\r\n      (onClick)=\"setLicenca()\"\r\n    ></kv-button-success>\r\n\r\n  </div>\r\n\r\n</p-dialog>", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-content{padding:0rem!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i3$1.Router }, { type: i3$1.ActivatedRoute }]; }, propDecorators: { menuCompleto: [{
                 type: Input
             }], licencas: [{
@@ -3224,21 +3225,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class KvMenuModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KvMenuModule, declarations: [MenuComponent], imports: [CommonModule,
+            PrimeNgModule,
+            FormsModule,
+            ReactiveFormsModule,
+            KvInputsModule,
+            KvButtonsModule], exports: [MenuComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvMenuModule, imports: [CommonModule,
+            PrimeNgModule,
+            FormsModule,
+            ReactiveFormsModule,
+            KvInputsModule,
+            KvButtonsModule] }); }
 }
-KvMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KvMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KvMenuModule, declarations: [MenuComponent], imports: [CommonModule,
-        PrimeNgModule,
-        FormsModule,
-        ReactiveFormsModule,
-        KvInputsModule,
-        KvButtonsModule], exports: [MenuComponent] });
-KvMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvMenuModule, imports: [CommonModule,
-        PrimeNgModule,
-        FormsModule,
-        ReactiveFormsModule,
-        KvInputsModule,
-        KvButtonsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3269,10 +3270,10 @@ class PickListComponent {
     }
     ngOnInit() {
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PickListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PickListComponent, selector: "kv-picklist", inputs: { source: "source", sourceHeader: "sourceHeader", sourceStyle: "sourceStyle", target: "target", targetHeader: "targetHeader", targetStyle: "targetStyle", dragdrop: "dragdrop", responsive: "responsive", filterBy: "filterBy", breakpoint: "breakpoint", stripedRows: "stripedRows", itemTemplate: "itemTemplate" }, ngImport: i0, template: "<p-pickList \r\n    [source]=\"source\" \r\n    [sourceHeader]=\"sourceHeader\" \r\n    [sourceStyle]=\"sourceStyle\" \r\n    [target]=\"target\" \r\n    [targetHeader]=\"targetHeader\" \r\n    [targetStyle]=\"targetStyle\"\r\n    [dragdrop]=\"dragdrop\" \r\n    [responsive]=\"responsive\"\r\n    [filterBy]=\"filterBy\"\r\n    [breakpoint]=\"breakpoint\"\r\n    [stripedRows]=\"stripedRows\"\r\n>\r\n    <ng-template let-item pTemplate=\"item\" *ngIf=\"itemTemplate\">\r\n        <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\r\n    </ng-template>\r\n</p-pickList>\r\n", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$2.PickList, selector: "p-pickList", inputs: ["source", "target", "sourceHeader", "tabindex", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "stripedRows", "keepSelection", "breakpoint"], outputs: ["onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter", "onFocus", "onBlur"] }] }); }
 }
-PickListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PickListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PickListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: PickListComponent, selector: "kv-picklist", inputs: { source: "source", sourceHeader: "sourceHeader", sourceStyle: "sourceStyle", target: "target", targetHeader: "targetHeader", targetStyle: "targetStyle", dragdrop: "dragdrop", responsive: "responsive", filterBy: "filterBy", breakpoint: "breakpoint", stripedRows: "stripedRows", itemTemplate: "itemTemplate" }, ngImport: i0, template: "<p-pickList \r\n    [source]=\"source\" \r\n    [sourceHeader]=\"sourceHeader\" \r\n    [sourceStyle]=\"sourceStyle\" \r\n    [target]=\"target\" \r\n    [targetHeader]=\"targetHeader\" \r\n    [targetStyle]=\"targetStyle\"\r\n    [dragdrop]=\"dragdrop\" \r\n    [responsive]=\"responsive\"\r\n    [filterBy]=\"filterBy\"\r\n    [breakpoint]=\"breakpoint\"\r\n    [stripedRows]=\"stripedRows\"\r\n>\r\n    <ng-template let-item pTemplate=\"item\" *ngIf=\"itemTemplate\">\r\n        <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\r\n    </ng-template>\r\n</p-pickList>\r\n", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$2.PickList, selector: "p-pickList", inputs: ["source", "target", "sourceHeader", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "breakpoint", "stripedRows", "keepSelection"], outputs: ["onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PickListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PickListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-picklist', template: "<p-pickList \r\n    [source]=\"source\" \r\n    [sourceHeader]=\"sourceHeader\" \r\n    [sourceStyle]=\"sourceStyle\" \r\n    [target]=\"target\" \r\n    [targetHeader]=\"targetHeader\" \r\n    [targetStyle]=\"targetStyle\"\r\n    [dragdrop]=\"dragdrop\" \r\n    [responsive]=\"responsive\"\r\n    [filterBy]=\"filterBy\"\r\n    [breakpoint]=\"breakpoint\"\r\n    [stripedRows]=\"stripedRows\"\r\n>\r\n    <ng-template let-item pTemplate=\"item\" *ngIf=\"itemTemplate\">\r\n        <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\r\n    </ng-template>\r\n</p-pickList>\r\n", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { source: [{
@@ -3302,15 +3303,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class KvPickListModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvPickListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KvPickListModule, declarations: [PickListComponent], imports: [CommonModule,
+            PrimeNgModule,
+            FormsModule], exports: [PickListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvPickListModule, imports: [CommonModule,
+            PrimeNgModule,
+            FormsModule] }); }
 }
-KvPickListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvPickListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KvPickListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KvPickListModule, declarations: [PickListComponent], imports: [CommonModule,
-        PrimeNgModule,
-        FormsModule], exports: [PickListComponent] });
-KvPickListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvPickListModule, imports: [CommonModule,
-        PrimeNgModule,
-        FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvPickListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvPickListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3625,12 +3626,12 @@ class TreeTableComponent {
             ? this.config.disableControlCheckboxFunction(rowData, rowNode)
             : false;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeTableComponent, deps: [{ token: i1.DatePipe }, { token: i1.DecimalPipe }, { token: CodigoFipePipe }, { token: CpfCnpjPipe }, { token: TelefonePipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TreeTableComponent, selector: "kv-treetable", inputs: { config: "config", dataSource: "dataSource", selectedItems: "selectedItems", acoesLinhaTabela: "acoesLinhaTabela", espacamentoPai: "espacamentoPai", espacamentoLateral: "espacamentoLateral", tamanhoTotalTree: "tamanhoTotalTree", rowsPerPageOptions: "rowsPerPageOptions", rows: "rows", tableSize: "tableSize", paginator: "paginator", showFirstLastIcon: "showFirstLastIcon", rightCollapse: "rightCollapse", applyStyle: "applyStyle", _templates: ["templates", "_templates"], colorButtonToggleNodes: "colorButtonToggleNodes" }, outputs: { onFilter: "onFilter", onPaginate: "onPaginate", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", doubleClickEvent: "doubleClickEvent" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<div>\r\n  <p-treeTable\r\n    #tt\r\n    *ngIf=\"config\"\r\n    [value]=\"dataSource\"\r\n    styleClass=\"p-datatable-sm\"\r\n    [columns]=\"config.columns\"\r\n    [(selection)]=\"selectedItems\"\r\n    [scrollable]=\"true\"\r\n    selectionMode=\"checkbox\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [showFirstLastIcon]=\"showFirstLastIcon\"\r\n    [paginator]=\"paginator\"\r\n    [rows]=\"rows\"\r\n    [totalRecords]=\"tamanhoTotalTree\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    responsiveLayout=\"stack\"\r\n  >\r\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableCation\">\r\n      <div\r\n        class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\"\r\n      >\r\n        <div class=\"col-12 flex flex-column\">\r\n          <div *ngIf=\"config.title\" class=\"text-md font-bold my-3\">\r\n            {{ config.title }}\r\n          </div>\r\n          <div *ngIf=\"config.subtitle\" class=\"text-sm mb-4 font-medium\">\r\n            {{ config.subtitle }}\r\n          </div>\r\n        </div>\r\n\r\n        <div \r\n          [class]=\"\r\n            tamanhoTela < 768\r\n              ? 'flex flex-row align-items-center col-10 md:col-6 lg:col-4 justify-content-center'\r\n              : 'flex flex-row align-items-center col-12 md:col-6 lg:col-4 justify-content-center input-search'\r\n          \"\r\n        >\r\n          <span\r\n            *ngIf=\"config.enableFilter\"\r\n            class=\"block mt-2 md:mt-0 p-input-icon-left text-align-center\"\r\n          >\r\n            <i\r\n              class=\"material-symbols-outlined icon-search\"\r\n              style=\"display: inline-block\"\r\n            >\r\n              search\r\n            </i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(tt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"w-full mb-1\"\r\n              style=\"height: 40px\"\r\n            />\r\n          </span>\r\n\r\n          <div *ngIf=\"config.enableToggleNodes\">\r\n            <button\r\n              (click)=\"toggleNodes()\"\r\n              id=\"recolherExpandirBtn\"\r\n              [pTooltip]=\"isExpanded ? 'Recolher Todos' : 'Expandir Todos'\"\r\n              pButton\r\n              class=\"recolherExpandirBtn toggle p-button-raised p-button-text\"\r\n            >\r\n              <span\r\n                class=\"pi\"\r\n                [ngClass]=\"{\r\n                  'pi-chevron-down': isExpanded,\r\n                  ' pi-chevron-right': !isExpanded\r\n                }\"\r\n              >\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end\">\r\n          <div *ngFor=\"let action of config.actionsLote\" class=\"btns-options\">\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              *ngIf=\"\r\n                (selectedItems.length > 0 || action.showAcoesLote) &&\r\n                exibirCampo(action, this.action)\r\n              \"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"action?.command(commandEvent); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"retornarCampo(action, selectedItems, 'tooltip')\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [style.backgroundColor]=\"\r\n                retornarCampo(action, selectedItems, 'btnColor')\r\n              \"\r\n              [disabled]=\"retornarCampo(action, selectedItems, 'disabled')\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                [style.color]=\"\r\n                  retornarCampo(action, selectedItems, 'iconBtnColor')\r\n                \"\r\n              >\r\n                {{ retornarCampo(action, selectedItems, \"icon\") }}\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        <th\r\n          *ngFor=\"let col of columns; index as i\"\r\n          [ttSortableColumn]=\"col.field\"\r\n          [ttSortableColumnDisabled]=\"col.sortable === false\"\r\n          class=\"text-sm\"\r\n          [style.width]=\"col.width\"\r\n        >\r\n          <div>\r\n            <div [ngClass]=\"{ flex: i == 0, 'gap-3': i == 0 }\">\r\n              <div *ngIf=\"i == 0 && config.enableSelect\">\r\n                <p-treeTableHeaderCheckbox\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                ></p-treeTableHeaderCheckbox>\r\n              </div>\r\n\r\n              <div\r\n                [class]=\"\r\n                  centralizarColunas(col) && alignColunasHeader(col) == ''\r\n                    ? 'flex flex-row justify-content-center'\r\n                    : 'flex flex-row'\r\n                \"\r\n                [style]=\"alignColunasHeader(col)\"\r\n              >\r\n                <span>{{ col.header }}</span>\r\n                <p-sortIcon\r\n                  *ngIf=\"col.sortable === true\"\r\n                  [field]=\"col.field\"\r\n                  style=\"font-size: 10px\"\r\n                ></p-sortIcon>\r\n\r\n                <span\r\n                  *ngIf=\"col.headerTooltip\"\r\n                  class=\"material-symbols-outlined flex align-items-center\"\r\n                  [pTooltip]=\"col.headerTooltip\"\r\n                  >info</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template \r\n      pTemplate=\"body\"\r\n      let-rowNode\r\n      let-rowData=\"rowData\"\r\n      let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\"\r\n      let-rowspan=\"rowspan\"\r\n    >\r\n\r\n      <tr \r\n        [ttRow]=\"rowNode\"\r\n        *ngIf=\"rowNode.level == 0\"\r\n        [style.height]=\"espacamentoPai\"\r\n      ></tr>\r\n\r\n      <tr [ttRow]=\"rowNode\" (dblclick)=\"doubleClick($event, rowData, rowNode)\">\r\n        <ng-container *ngFor=\"let col of columns; index as i\" >\r\n          <td\r\n            [style.width]=\"col.width\"\r\n            [ngClass]=\"{ 'margem-filho': rowNode.level != 0 }\"\r\n            *ngIf=\"rowgroup && !col.template\"\r\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            class=\"rowTable\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n          >\r\n            <div\r\n              class=\"w-full-h-full flex\"  \r\n              [style]=\"centralizarColunas(col)\"\r\n              [ngClass]=\"{ 'justify-content-between': i == columns.length - 1 }\"\r\n            >\r\n              <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"i == 0\">\r\n                <p-treeTableCheckbox\r\n                  [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                  [value]=\"rowNode\"\r\n                  *ngIf=\"config.enableSelect == true\"\r\n                ></p-treeTableCheckbox>\r\n\r\n                <p-treeTableToggler\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"!rightCollapse\"\r\n                ></p-treeTableToggler>\r\n                <p-treeTableToggler\r\n                  class=\"hiddenVisible\"\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"rightCollapse\"\r\n                ></p-treeTableToggler>\r\n              </div>\r\n\r\n              <span\r\n                *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n                [class]=\"returnRowClass(rowData, col)\"\r\n              >\r\n                <span\r\n                  *ngIf=\"\r\n                    !isChipField(col) && !col.iconField && !isImageField(col)\r\n                  \"\r\n                >\r\n                  <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                  {{ transformValue(rowData, col) }}\r\n                </span>\r\n\r\n                <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                  <span\r\n                    [class]=\"returnClassChip(rowData, col)\"\r\n                    [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                    >{{ transformValue(rowData, col) }}</span\r\n                  >\r\n                </div>\r\n              </span>\r\n\r\n              <span *ngIf=\"isImageField(col)\">\r\n                <span>\r\n                  <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                </span>\r\n              </span>\r\n\r\n              <i\r\n                *ngIf=\"col.iconField\"\r\n                [ngClass]=\"{\r\n                  'material-icons': col.indIconMaterial,\r\n                  'material-symbols-outlined mr-2': !col.indIconMaterial\r\n                }\"\r\n                [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n              >\r\n                {{ returnClassIcon(rowData, col) }}\r\n              </i>\r\n\r\n              <ng-template #booleanField>\r\n                <i\r\n                  *ngIf=\"!col.iconField\"\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </ng-template>\r\n\r\n              <div\r\n                class=\"w-full-h-full flex\"\r\n                *ngIf=\"\r\n                  i == columns.length - 1 &&\r\n                  config.actions &&\r\n                  config.actions.length > 0\r\n                \"\r\n                [style]=\"\r\n                  applyStyle(rowData, { field: 'btns-options', header: '' })\r\n                \"\r\n              >\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"acoesLinhaTabela\"\r\n                >\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    <button\r\n                      id=\"actionBtns\"\r\n                      pButton\r\n                      *ngIf=\"exibirCampo(action, rowData)\"\r\n                      class=\"actionBtns p-button-text p-button-raised\"\r\n                      (click)=\"activeItem(rowData, rowNode); action?.command(commandEvent)\"\r\n                      [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                      [tooltipPosition]=\"'bottom'\"\r\n                      [disabled]=\"callDisabled(action, rowData)\"\r\n                    >\r\n                      <span class=\"material-symbols-outlined md-19\">\r\n                        {{ retornarCampo(action, rowData, \"icon\") }}</span\r\n                      >\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"!acoesLinhaTabela\"\r\n                >\r\n                  <button\r\n                    id=\"moreVertBtn\"\r\n                    pButton\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"menu.toggle($event); activeItem(rowData, rowNode)\"\r\n                  >\r\n                    <span\r\n                      class=\"material-symbols-outlined\"\r\n                      style=\"font-size: 20px\"\r\n                    >\r\n                      more_horiz\r\n                    </span>\r\n                  </button>\r\n\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    {{ criarMenusModal(rowData, rowNode) }}\r\n                  </div>\r\n\r\n                  <!-- <div *ngFor=\"let action of config.actions\">\r\n                {{ criarMenusModal(rowData) }}\r\n              </div> -->\r\n\r\n                  <p-menu\r\n                    #menu\r\n                    [popup]=\"true\"\r\n                    [model]=\"menuItems\"\r\n                    appendTo=\"body\"\r\n                  ></p-menu>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </td>\r\n\r\n          <td \r\n            [style.width]=\"col.width\"\r\n            [ngClass]=\"{\r\n              'margem-filho': rowNode.level != 0,\r\n              'justify-content-between': i == columns.length - 1\r\n            }\"\r\n            *ngIf=\"!rowgroup && !col.grouped && !col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n          >\r\n          <div\r\n              class=\"w-full-h-full flex justify-content-between\"\r\n              [ngClass]=\"{ 'justify-content-between': i == columns.length - 1 }\"\r\n            >\r\n              <!-- Toggle -->\r\n              <div class=\"w-full-h-full flex align-items-center d-toggle\" *ngIf=\"i == 0\">\r\n                <p-treeTableCheckbox\r\n                  [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                  [value]=\"rowNode\"\r\n                  *ngIf=\"config.enableSelect == true\"\r\n                ></p-treeTableCheckbox>\r\n\r\n                <p-treeTableToggler\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"!rightCollapse\"\r\n                ></p-treeTableToggler>\r\n                <p-treeTableToggler\r\n                  class=\"hiddenVisible\"\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"rightCollapse\"\r\n                ></p-treeTableToggler>\r\n              </div>\r\n\r\n              <!-- Texto -->\r\n              <div\r\n                class=\"w-full flex align-items-center\"\r\n                [style]=\"centralizarColunas(col)\"\r\n              >\r\n                <span\r\n                  *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n                  [class]=\"returnRowClass(rowData, col)\"\r\n                >\r\n                  <span\r\n                    *ngIf=\"\r\n                      !isChipField(col) && !col.iconField && !isImageField(col)\r\n                    \"\r\n                  >\r\n                    <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                    {{ transformValue(rowData, col) }}\r\n                  </span>\r\n\r\n                  <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                    <span\r\n                      [class]=\"returnClassChip(rowData, col)\"\r\n                      [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                    >\r\n                      {{ transformValue(rowData, col) }}</span\r\n                    >\r\n                  </div>\r\n                </span>\r\n\r\n                <span *ngIf=\"isImageField(col)\">\r\n                  <span>\r\n                    <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                  </span>\r\n                </span>\r\n\r\n                <i\r\n                  *ngIf=\"col.iconField\"\r\n                  [ngClass]=\"{\r\n                    'material-icons': col.indIconMaterial,\r\n                    'material-symbols-outlined mr-2': !col.indIconMaterial\r\n                  }\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >\r\n                  {{ returnClassIcon(rowData, col) }}\r\n                </i>\r\n\r\n                <ng-template #booleanField>\r\n                  <i\r\n                    *ngIf=\"!col.iconField\"\r\n                    [ngClass]=\"\r\n                      rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                    \"\r\n                    ><span class=\"material-symbols-outlined\">\r\n                      {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                    </span>\r\n                  </i>\r\n                </ng-template>\r\n              </div>\r\n\r\n              <!-- Botao de a\u00E7\u00E3o -->\r\n              <div\r\n                class=\"w-full-h-full flex\"\r\n                *ngIf=\"\r\n                  i == columns.length - 1 &&\r\n                  config.actions &&\r\n                  config.actions.length > 0\r\n                \"\r\n                [style]=\"\r\n                  applyStyle(rowData, { field: 'btns-options', header: '' })\r\n                \"\r\n              >\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"acoesLinhaTabela\"\r\n                >\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    <button\r\n                      id=\"actionBtns\"\r\n                      pButton\r\n                      *ngIf=\"exibirCampo(action, rowData)\"\r\n                      class=\"actionBtns p-button-text p-button-raised\"\r\n                      (click)=\"activeItem(rowData, rowNode); action?.command(commandEvent)\"\r\n                      [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                      [tooltipPosition]=\"'bottom'\"\r\n                      [disabled]=\"callDisabled(action, rowData)\"\r\n                    >\r\n                      <span class=\"material-symbols-outlined md-19\">\r\n                        {{ retornarCampo(action, rowData, \"icon\") }}</span\r\n                      >\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"!acoesLinhaTabela\"\r\n                >\r\n                  <button\r\n                    id=\"moreVertBtn\"\r\n                    pButton\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"menu.toggle($event); activeItem(rowData, rowNode)\"\r\n                  >\r\n                    <span\r\n                      class=\"material-symbols-outlined\"\r\n                      style=\"font-size: 20px\"\r\n                    >\r\n                      more_horiz\r\n                    </span>\r\n                  </button>\r\n\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    {{ criarMenusModal(rowData, rowNode) }}\r\n                  </div>\r\n\r\n                  <!-- <div *ngFor=\"let action of config.actions\">\r\n                  {{ criarMenusModal(rowData) }}\r\n                </div> -->\r\n\r\n                  <p-menu\r\n                    #menu\r\n                    [popup]=\"true\"\r\n                    [model]=\"menuItems\"\r\n                    appendTo=\"body\"\r\n                  ></p-menu>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </td>\r\n\r\n          <td\r\n            [style.width]=\"col.width\"\r\n            [ngClass]=\"{\r\n              'margem-filho': rowNode.level != 0,\r\n              'justify-content-between': i == columns.length - 1\r\n            }\"\r\n            *ngIf=\"col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n          >\r\n            <div class=\"flex\" [style]=\"centralizarColunas(col)\">\r\n              <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"i == 0\">\r\n                <p-treeTableCheckbox\r\n                  [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                  [value]=\"rowNode\"\r\n                  *ngIf=\"config.enableSelect == true\"\r\n                ></p-treeTableCheckbox>\r\n\r\n                <p-treeTableToggler\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"!rightCollapse\"\r\n                ></p-treeTableToggler>\r\n                <p-treeTableToggler\r\n                  class=\"hiddenVisible\"\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"rightCollapse\"\r\n                ></p-treeTableToggler>\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"getCustomTemplate(col.template.name)\"\r\n                [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n              >\r\n              </ng-container>\r\n\r\n              <div\r\n                class=\"w-full-h-full flex\"\r\n                *ngIf=\"\r\n                  i == columns.length - 1 &&\r\n                  config.actions &&\r\n                  config.actions.length > 0\r\n                \"\r\n                [style]=\"\r\n                  applyStyle(rowData, { field: 'btns-options', header: '' })\r\n                \"\r\n              >\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"acoesLinhaTabela\"\r\n                >\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    <button\r\n                      id=\"actionBtns\"\r\n                      pButton\r\n                      *ngIf=\"exibirCampo(action, rowData)\"\r\n                      class=\"actionBtns p-button-text p-button-raised\"\r\n                      (click)=\"activeItem(rowData, rowNode); action?.command(commandEvent)\"\r\n                      [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                      [tooltipPosition]=\"'bottom'\"\r\n                      [disabled]=\"callDisabled(action, rowData)\"\r\n                    >\r\n                      <span class=\"material-symbols-outlined md-19\">\r\n                        {{ retornarCampo(action, rowData, \"icon\") }}</span\r\n                      >\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"!acoesLinhaTabela\"\r\n                >\r\n                  <button\r\n                    id=\"moreVertBtn\"\r\n                    pButton\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"menu.toggle($event); activeItem(rowData, rowNode)\"\r\n                  >\r\n                    <span\r\n                      class=\"material-symbols-outlined\"\r\n                      style=\"font-size: 20px\"\r\n                    >\r\n                      more_horiz\r\n                    </span>\r\n                  </button>\r\n\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    {{ criarMenusModal(rowData, rowNode) }}\r\n                  </div>\r\n\r\n                  <!-- <div *ngFor=\"let action of config.actions\">\r\n                  {{ criarMenusModal(rowData) }}\r\n                </div> -->\r\n\r\n                  <p-menu\r\n                    #menu\r\n                    [popup]=\"true\"\r\n                    [model]=\"menuItems\"\r\n                    appendTo=\"body\"\r\n                  ></p-menu>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </td>\r\n          \r\n        </ng-container>\r\n      </tr>\r\n\r\n    </ng-template>\r\n\r\n    <!-- :: Hotfix do bug da vers\u00E3o 15 do primeng, ao retirar esse bloco de codigo na vers\u00E3o 15 do primeng os icones de prev e next do paginator ir\u00E3o sumir ( resolvido na vers\u00E3o 16.0)  :: -->\r\n\r\n    <ng-template pTemplate=\"paginatorfirstpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorpreviouspagelinkicon\">\r\n      <span class=\"pi pi-angle-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatornextpagelinkicon\">\r\n      <span class=\"pi pi-angle-right\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorlastpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-right\"></span>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center;\r\n          border-radius: 10px !important;\r\n          \"\r\n        >\r\n         <p class=\"font-semibold\"> Nenhum registro encontrado </p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-treeTable>\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: ["@charset \"UTF-8\";.error-show{background-color:red;width:5px;height:10px}.input-search{position:relative;right:8px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}.actionLoteBtns,.recolherExpandirBtn{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover,#recolherExpandirBtn:hover{color:#a9a9a9}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:17px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover,#moreVertBtn:hover{color:#a9a9a9}.icon-search{top:20px}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{background-color:red}}:host ::ng-deep .hiddenVisible span{visibility:hidden!important;cursor:hidden}.margem-filho{position:sticky;left:30px}:host ::ng-deep .p-treetable table{border-spacing:0 3px}#botaoFiltro:hover{color:#a9a9a9}:host ::ng-deep .p-treetable .p-treetable-header{background-color:#eaeaea;padding:2px 13px 0!important;border-radius:5px!important;margin-bottom:2px}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th{background-color:#eaeaea;padding:.5rem!important;margin-bottom:-5px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{padding:.5rem!important}:host ::ng-deep .p-treetable .p-treetable-thead{border-spacing:0 1px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:first-of-type{background-color:#eaeaea;padding:.5rem!important;border-radius:5px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:last-child{background-color:#eaeaea;padding:.5rem!important;border-radius:0 5px 5px 0!important;-webkit-border-radius:0 5px 5px 0!important;-moz-border-radius:0 5px 5px 0!important;-ms-border-radius:0 5px 5px 0!important;-o-border-radius:0 5px 5px 0!important}:host ::ng-deep .p-treetable-scrollable-header-box{padding:0!important}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th{background-color:#f2f2f2}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep #tr-style{border-left:solid 4px #5289B4!important;border-radius:10px!important;display:block}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 0 0 10px!important;-webkit-border-radius:10px 0 0 10px!important;-moz-border-radius:10px 0 0 10px!important;-ms-border-radius:10px 0 0 10px!important;-o-border-radius:10px 0 0 10px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important;-webkit-border-radius:0 10px 10px 0!important;-moz-border-radius:0 10px 10px 0!important;-ms-border-radius:0 10px 10px 0!important;-o-border-radius:0 10px 10px 0!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:50%;width:2.5rem!important;height:2.5rem!important;box-shadow:#0000003d 0 3px 8px}:host ::ng-deep .recolherExpandirBtn{border-radius:50%;width:2.5rem!important;height:2.5rem!important;box-shadow:#0000003d 0 3px 8px}:host ::ng-deep .p-treetable table{border-collapse:separate!important;table-layout:auto!important}@media only screen and (min-width: 768px){.actionLoteBtns,.recolherExpandirBtn{top:-1px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i6$2.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$6.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: i14.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i10$1.TreeTable, selector: "p-treeTable", inputs: ["columns", "style", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel"] }, { kind: "component", type: i10$1.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i10$1.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "directive", type: i10$1.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i10$1.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i10$1.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }] }); }
 }
-TreeTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TreeTableComponent, deps: [{ token: i1.DatePipe }, { token: i1.DecimalPipe }, { token: CodigoFipePipe }, { token: CpfCnpjPipe }, { token: TelefonePipe }], target: i0.ɵɵFactoryTarget.Component });
-TreeTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TreeTableComponent, selector: "kv-treetable", inputs: { config: "config", dataSource: "dataSource", selectedItems: "selectedItems", acoesLinhaTabela: "acoesLinhaTabela", espacamentoPai: "espacamentoPai", espacamentoLateral: "espacamentoLateral", tamanhoTotalTree: "tamanhoTotalTree", rowsPerPageOptions: "rowsPerPageOptions", rows: "rows", tableSize: "tableSize", paginator: "paginator", showFirstLastIcon: "showFirstLastIcon", rightCollapse: "rightCollapse", applyStyle: "applyStyle", _templates: ["templates", "_templates"], colorButtonToggleNodes: "colorButtonToggleNodes" }, outputs: { onFilter: "onFilter", onPaginate: "onPaginate", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", doubleClickEvent: "doubleClickEvent" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<div>\r\n  <p-treeTable\r\n    #tt\r\n    *ngIf=\"config\"\r\n    [value]=\"dataSource\"\r\n    styleClass=\"p-datatable-sm\"\r\n    [columns]=\"config.columns\"\r\n    [(selection)]=\"selectedItems\"\r\n    [scrollable]=\"true\"\r\n    selectionMode=\"checkbox\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [showFirstLastIcon]=\"showFirstLastIcon\"\r\n    [paginator]=\"paginator\"\r\n    [rows]=\"rows\"\r\n    [totalRecords]=\"tamanhoTotalTree\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    responsiveLayout=\"stack\"\r\n  >\r\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableCation\">\r\n      <div\r\n        class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\"\r\n      >\r\n        <div class=\"col-12 flex flex-column\">\r\n          <div *ngIf=\"config.title\" class=\"text-md font-bold my-3\">\r\n            {{ config.title }}\r\n          </div>\r\n          <div *ngIf=\"config.subtitle\" class=\"text-sm mb-4 font-medium\">\r\n            {{ config.subtitle }}\r\n          </div>\r\n        </div>\r\n\r\n        <div \r\n          [class]=\"\r\n            tamanhoTela < 768\r\n              ? 'flex flex-row align-items-center col-10 md:col-6 lg:col-4 justify-content-center'\r\n              : 'flex flex-row align-items-center col-12 md:col-6 lg:col-4 justify-content-center input-search'\r\n          \"\r\n        >\r\n          <span\r\n            *ngIf=\"config.enableFilter\"\r\n            class=\"block mt-2 md:mt-0 p-input-icon-left text-align-center\"\r\n          >\r\n            <i\r\n              class=\"material-symbols-outlined icon-search\"\r\n              style=\"display: inline-block\"\r\n            >\r\n              search\r\n            </i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(tt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"w-full mb-1\"\r\n              style=\"height: 40px\"\r\n            />\r\n          </span>\r\n\r\n          <div *ngIf=\"config.enableToggleNodes\">\r\n            <button\r\n              (click)=\"toggleNodes()\"\r\n              id=\"recolherExpandirBtn\"\r\n              [pTooltip]=\"isExpanded ? 'Recolher Todos' : 'Expandir Todos'\"\r\n              pButton\r\n              class=\"recolherExpandirBtn toggle p-button-raised p-button-text\"\r\n            >\r\n              <span\r\n                class=\"pi\"\r\n                [ngClass]=\"{\r\n                  'pi-chevron-down': isExpanded,\r\n                  ' pi-chevron-right': !isExpanded\r\n                }\"\r\n              >\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end\">\r\n          <div *ngFor=\"let action of config.actionsLote\" class=\"btns-options\">\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              *ngIf=\"\r\n                (selectedItems.length > 0 || action.showAcoesLote) &&\r\n                exibirCampo(action, this.action)\r\n              \"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"retornarCampo(action, selectedItems, 'tooltip')\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [style.backgroundColor]=\"\r\n                retornarCampo(action, selectedItems, 'btnColor')\r\n              \"\r\n              [disabled]=\"retornarCampo(action, selectedItems, 'disabled')\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                [style.color]=\"\r\n                  retornarCampo(action, selectedItems, 'iconBtnColor')\r\n                \"\r\n              >\r\n                {{ retornarCampo(action, selectedItems, \"icon\") }}\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        <th\r\n          *ngFor=\"let col of columns; index as i\"\r\n          [ttSortableColumn]=\"col.field\"\r\n          [ttSortableColumnDisabled]=\"col.sortable === false\"\r\n          class=\"text-sm\"\r\n          [style.width]=\"col.width\"\r\n        >\r\n          <div>\r\n            <div [ngClass]=\"{ flex: i == 0, 'gap-3': i == 0 }\">\r\n              <div *ngIf=\"i == 0 && config.enableSelect\">\r\n                <p-treeTableHeaderCheckbox\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                ></p-treeTableHeaderCheckbox>\r\n              </div>\r\n\r\n              <div\r\n                [class]=\"\r\n                  centralizarColunas(col) && alignColunasHeader(col) == ''\r\n                    ? 'flex flex-row justify-content-center'\r\n                    : 'flex flex-row'\r\n                \"\r\n                [style]=\"alignColunasHeader(col)\"\r\n              >\r\n                <span>{{ col.header }}</span>\r\n                <p-sortIcon\r\n                  *ngIf=\"col.sortable === true\"\r\n                  [field]=\"col.field\"\r\n                  style=\"font-size: 10px\"\r\n                ></p-sortIcon>\r\n\r\n                <span\r\n                  *ngIf=\"col.headerTooltip\"\r\n                  class=\"material-symbols-outlined flex align-items-center\"\r\n                  [pTooltip]=\"col.headerTooltip\"\r\n                  >info</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template \r\n      pTemplate=\"body\"\r\n      let-rowNode\r\n      let-rowData=\"rowData\"\r\n      let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\"\r\n      let-rowspan=\"rowspan\"\r\n    >\r\n\r\n      <tr \r\n        [ttRow]=\"rowNode\"\r\n        *ngIf=\"rowNode.level == 0\"\r\n        [style.height]=\"espacamentoPai\"\r\n      ></tr>\r\n\r\n      <tr [ttRow]=\"rowNode\" (dblclick)=\"doubleClick($event, rowData, rowNode)\">\r\n        <ng-container *ngFor=\"let col of columns; index as i\" >\r\n          <td\r\n            [style.width]=\"col.width\"\r\n            [ngClass]=\"{ 'margem-filho': rowNode.level != 0 }\"\r\n            *ngIf=\"rowgroup && !col.template\"\r\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            class=\"rowTable\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n          >\r\n            <div\r\n              class=\"w-full-h-full flex\"  \r\n              [style]=\"centralizarColunas(col)\"\r\n              [ngClass]=\"{ 'justify-content-between': i == columns.length - 1 }\"\r\n            >\r\n              <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"i == 0\">\r\n                <p-treeTableCheckbox\r\n                  [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                  [value]=\"rowNode\"\r\n                  *ngIf=\"config.enableSelect == true\"\r\n                ></p-treeTableCheckbox>\r\n\r\n                <p-treeTableToggler\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"!rightCollapse\"\r\n                ></p-treeTableToggler>\r\n                <p-treeTableToggler\r\n                  class=\"hiddenVisible\"\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"rightCollapse\"\r\n                ></p-treeTableToggler>\r\n              </div>\r\n\r\n              <span\r\n                *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n                [class]=\"returnRowClass(rowData, col)\"\r\n              >\r\n                <span\r\n                  *ngIf=\"\r\n                    !isChipField(col) && !col.iconField && !isImageField(col)\r\n                  \"\r\n                >\r\n                  <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                  {{ transformValue(rowData, col) }}\r\n                </span>\r\n\r\n                <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                  <span\r\n                    [class]=\"returnClassChip(rowData, col)\"\r\n                    [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                    >{{ transformValue(rowData, col) }}</span\r\n                  >\r\n                </div>\r\n              </span>\r\n\r\n              <span *ngIf=\"isImageField(col)\">\r\n                <span>\r\n                  <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                </span>\r\n              </span>\r\n\r\n              <i\r\n                *ngIf=\"col.iconField\"\r\n                [ngClass]=\"{\r\n                  'material-icons': col.indIconMaterial,\r\n                  'material-symbols-outlined mr-2': !col.indIconMaterial\r\n                }\"\r\n                [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n              >\r\n                {{ returnClassIcon(rowData, col) }}\r\n              </i>\r\n\r\n              <ng-template #booleanField>\r\n                <i\r\n                  *ngIf=\"!col.iconField\"\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </ng-template>\r\n\r\n              <div\r\n                class=\"w-full-h-full flex\"\r\n                *ngIf=\"\r\n                  i == columns.length - 1 &&\r\n                  config.actions &&\r\n                  config.actions.length > 0\r\n                \"\r\n                [style]=\"\r\n                  applyStyle(rowData, { field: 'btns-options', header: '' })\r\n                \"\r\n              >\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"acoesLinhaTabela\"\r\n                >\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    <button\r\n                      id=\"actionBtns\"\r\n                      pButton\r\n                      *ngIf=\"exibirCampo(action, rowData)\"\r\n                      class=\"actionBtns p-button-text p-button-raised\"\r\n                      (click)=\"activeItem(rowData, rowNode); action?.command()\"\r\n                      [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                      [tooltipPosition]=\"'bottom'\"\r\n                      [disabled]=\"callDisabled(action, rowData)\"\r\n                    >\r\n                      <span class=\"material-symbols-outlined md-19\">\r\n                        {{ retornarCampo(action, rowData, \"icon\") }}</span\r\n                      >\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"!acoesLinhaTabela\"\r\n                >\r\n                  <button\r\n                    id=\"moreVertBtn\"\r\n                    pButton\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"menu.toggle($event); activeItem(rowData, rowNode)\"\r\n                  >\r\n                    <span\r\n                      class=\"material-symbols-outlined\"\r\n                      style=\"font-size: 20px\"\r\n                    >\r\n                      more_horiz\r\n                    </span>\r\n                  </button>\r\n\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    {{ criarMenusModal(rowData, rowNode) }}\r\n                  </div>\r\n\r\n                  <!-- <div *ngFor=\"let action of config.actions\">\r\n                {{ criarMenusModal(rowData) }}\r\n              </div> -->\r\n\r\n                  <p-menu\r\n                    #menu\r\n                    [popup]=\"true\"\r\n                    [model]=\"menuItems\"\r\n                    appendTo=\"body\"\r\n                  ></p-menu>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </td>\r\n\r\n          <td \r\n            [style.width]=\"col.width\"\r\n            [ngClass]=\"{\r\n              'margem-filho': rowNode.level != 0,\r\n              'justify-content-between': i == columns.length - 1\r\n            }\"\r\n            *ngIf=\"!rowgroup && !col.grouped && !col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n          >\r\n          <div\r\n              class=\"w-full-h-full flex justify-content-between\"\r\n              [ngClass]=\"{ 'justify-content-between': i == columns.length - 1 }\"\r\n            >\r\n              <!-- Toggle -->\r\n              <div class=\"w-full-h-full flex align-items-center d-toggle\" *ngIf=\"i == 0\">\r\n                <p-treeTableCheckbox\r\n                  [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                  [value]=\"rowNode\"\r\n                  *ngIf=\"config.enableSelect == true\"\r\n                ></p-treeTableCheckbox>\r\n\r\n                <p-treeTableToggler\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"!rightCollapse\"\r\n                ></p-treeTableToggler>\r\n                <p-treeTableToggler\r\n                  class=\"hiddenVisible\"\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"rightCollapse\"\r\n                ></p-treeTableToggler>\r\n              </div>\r\n\r\n              <!-- Texto -->\r\n              <div\r\n                class=\"w-full flex align-items-center\"\r\n                [style]=\"centralizarColunas(col)\"\r\n              >\r\n                <span\r\n                  *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n                  [class]=\"returnRowClass(rowData, col)\"\r\n                >\r\n                  <span\r\n                    *ngIf=\"\r\n                      !isChipField(col) && !col.iconField && !isImageField(col)\r\n                    \"\r\n                  >\r\n                    <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                    {{ transformValue(rowData, col) }}\r\n                  </span>\r\n\r\n                  <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                    <span\r\n                      [class]=\"returnClassChip(rowData, col)\"\r\n                      [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                    >\r\n                      {{ transformValue(rowData, col) }}</span\r\n                    >\r\n                  </div>\r\n                </span>\r\n\r\n                <span *ngIf=\"isImageField(col)\">\r\n                  <span>\r\n                    <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                  </span>\r\n                </span>\r\n\r\n                <i\r\n                  *ngIf=\"col.iconField\"\r\n                  [ngClass]=\"{\r\n                    'material-icons': col.indIconMaterial,\r\n                    'material-symbols-outlined mr-2': !col.indIconMaterial\r\n                  }\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >\r\n                  {{ returnClassIcon(rowData, col) }}\r\n                </i>\r\n\r\n                <ng-template #booleanField>\r\n                  <i\r\n                    *ngIf=\"!col.iconField\"\r\n                    [ngClass]=\"\r\n                      rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                    \"\r\n                    ><span class=\"material-symbols-outlined\">\r\n                      {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                    </span>\r\n                  </i>\r\n                </ng-template>\r\n              </div>\r\n\r\n              <!-- Botao de a\u00E7\u00E3o -->\r\n              <div\r\n                class=\"w-full-h-full flex\"\r\n                *ngIf=\"\r\n                  i == columns.length - 1 &&\r\n                  config.actions &&\r\n                  config.actions.length > 0\r\n                \"\r\n                [style]=\"\r\n                  applyStyle(rowData, { field: 'btns-options', header: '' })\r\n                \"\r\n              >\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"acoesLinhaTabela\"\r\n                >\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    <button\r\n                      id=\"actionBtns\"\r\n                      pButton\r\n                      *ngIf=\"exibirCampo(action, rowData)\"\r\n                      class=\"actionBtns p-button-text p-button-raised\"\r\n                      (click)=\"activeItem(rowData, rowNode); action?.command()\"\r\n                      [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                      [tooltipPosition]=\"'bottom'\"\r\n                      [disabled]=\"callDisabled(action, rowData)\"\r\n                    >\r\n                      <span class=\"material-symbols-outlined md-19\">\r\n                        {{ retornarCampo(action, rowData, \"icon\") }}</span\r\n                      >\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"!acoesLinhaTabela\"\r\n                >\r\n                  <button\r\n                    id=\"moreVertBtn\"\r\n                    pButton\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"menu.toggle($event); activeItem(rowData, rowNode)\"\r\n                  >\r\n                    <span\r\n                      class=\"material-symbols-outlined\"\r\n                      style=\"font-size: 20px\"\r\n                    >\r\n                      more_horiz\r\n                    </span>\r\n                  </button>\r\n\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    {{ criarMenusModal(rowData, rowNode) }}\r\n                  </div>\r\n\r\n                  <!-- <div *ngFor=\"let action of config.actions\">\r\n                  {{ criarMenusModal(rowData) }}\r\n                </div> -->\r\n\r\n                  <p-menu\r\n                    #menu\r\n                    [popup]=\"true\"\r\n                    [model]=\"menuItems\"\r\n                    appendTo=\"body\"\r\n                  ></p-menu>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </td>\r\n\r\n          <td\r\n            [style.width]=\"col.width\"\r\n            [ngClass]=\"{\r\n              'margem-filho': rowNode.level != 0,\r\n              'justify-content-between': i == columns.length - 1\r\n            }\"\r\n            *ngIf=\"col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n          >\r\n            <div class=\"flex\" [style]=\"centralizarColunas(col)\">\r\n              <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"i == 0\">\r\n                <p-treeTableCheckbox\r\n                  [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                  [value]=\"rowNode\"\r\n                  *ngIf=\"config.enableSelect == true\"\r\n                ></p-treeTableCheckbox>\r\n\r\n                <p-treeTableToggler\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"!rightCollapse\"\r\n                ></p-treeTableToggler>\r\n                <p-treeTableToggler\r\n                  class=\"hiddenVisible\"\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"rightCollapse\"\r\n                ></p-treeTableToggler>\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"getCustomTemplate(col.template.name)\"\r\n                [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n              >\r\n              </ng-container>\r\n\r\n              <div\r\n                class=\"w-full-h-full flex\"\r\n                *ngIf=\"\r\n                  i == columns.length - 1 &&\r\n                  config.actions &&\r\n                  config.actions.length > 0\r\n                \"\r\n                [style]=\"\r\n                  applyStyle(rowData, { field: 'btns-options', header: '' })\r\n                \"\r\n              >\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"acoesLinhaTabela\"\r\n                >\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    <button\r\n                      id=\"actionBtns\"\r\n                      pButton\r\n                      *ngIf=\"exibirCampo(action, rowData)\"\r\n                      class=\"actionBtns p-button-text p-button-raised\"\r\n                      (click)=\"activeItem(rowData, rowNode); action?.command()\"\r\n                      [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                      [tooltipPosition]=\"'bottom'\"\r\n                      [disabled]=\"callDisabled(action, rowData)\"\r\n                    >\r\n                      <span class=\"material-symbols-outlined md-19\">\r\n                        {{ retornarCampo(action, rowData, \"icon\") }}</span\r\n                      >\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"!acoesLinhaTabela\"\r\n                >\r\n                  <button\r\n                    id=\"moreVertBtn\"\r\n                    pButton\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"menu.toggle($event); activeItem(rowData, rowNode)\"\r\n                  >\r\n                    <span\r\n                      class=\"material-symbols-outlined\"\r\n                      style=\"font-size: 20px\"\r\n                    >\r\n                      more_horiz\r\n                    </span>\r\n                  </button>\r\n\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    {{ criarMenusModal(rowData, rowNode) }}\r\n                  </div>\r\n\r\n                  <!-- <div *ngFor=\"let action of config.actions\">\r\n                  {{ criarMenusModal(rowData) }}\r\n                </div> -->\r\n\r\n                  <p-menu\r\n                    #menu\r\n                    [popup]=\"true\"\r\n                    [model]=\"menuItems\"\r\n                    appendTo=\"body\"\r\n                  ></p-menu>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </td>\r\n          \r\n        </ng-container>\r\n      </tr>\r\n\r\n    </ng-template>\r\n\r\n    <!-- :: Hotfix do bug da vers\u00E3o 15 do primeng, ao retirar esse bloco de codigo na vers\u00E3o 15 do primeng os icones de prev e next do paginator ir\u00E3o sumir ( resolvido na vers\u00E3o 16.0)  :: -->\r\n\r\n    <ng-template pTemplate=\"paginatorfirstpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorpreviouspagelinkicon\">\r\n      <span class=\"pi pi-angle-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatornextpagelinkicon\">\r\n      <span class=\"pi pi-angle-right\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorlastpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-right\"></span>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center;\r\n          border-radius: 10px !important;\r\n          \"\r\n        >\r\n         <p class=\"font-semibold\"> Nenhum registro encontrado </p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-treeTable>\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: ["@charset \"UTF-8\";.error-show{background-color:red;width:5px;height:10px}.input-search{position:relative;right:8px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}.actionLoteBtns,.recolherExpandirBtn{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover,#recolherExpandirBtn:hover{color:#a9a9a9}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:17px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover,#moreVertBtn:hover{color:#a9a9a9}.icon-search{top:20px}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{background-color:red}}:host ::ng-deep .hiddenVisible span{visibility:hidden!important;cursor:hidden}.margem-filho{position:sticky;left:30px}:host ::ng-deep .p-treetable table{border-spacing:0 3px}#botaoFiltro:hover{color:#a9a9a9}:host ::ng-deep .p-treetable .p-treetable-header{background-color:#eaeaea;padding:2px 13px 0!important;border-radius:5px!important;margin-bottom:2px}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th{background-color:#eaeaea;padding:.5rem!important;margin-bottom:-5px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{padding:.5rem!important}:host ::ng-deep .p-treetable .p-treetable-thead{border-spacing:0 1px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:first-of-type{background-color:#eaeaea;padding:.5rem!important;border-radius:5px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:last-child{background-color:#eaeaea;padding:.5rem!important;border-radius:0 5px 5px 0!important;-webkit-border-radius:0 5px 5px 0!important;-moz-border-radius:0 5px 5px 0!important;-ms-border-radius:0 5px 5px 0!important;-o-border-radius:0 5px 5px 0!important}:host ::ng-deep .p-treetable-scrollable-header-box{padding:0!important}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th{background-color:#f2f2f2}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep #tr-style{border-left:solid 4px #5289B4!important;border-radius:10px!important;display:block}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 0 0 10px!important;-webkit-border-radius:10px 0 0 10px!important;-moz-border-radius:10px 0 0 10px!important;-ms-border-radius:10px 0 0 10px!important;-o-border-radius:10px 0 0 10px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important;-webkit-border-radius:0 10px 10px 0!important;-moz-border-radius:0 10px 10px 0!important;-ms-border-radius:0 10px 10px 0!important;-o-border-radius:0 10px 10px 0!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:50%;width:2.5rem!important;height:2.5rem!important;box-shadow:#0000003d 0 3px 8px}:host ::ng-deep .recolherExpandirBtn{border-radius:50%;width:2.5rem!important;height:2.5rem!important;box-shadow:#0000003d 0 3px 8px}:host ::ng-deep .p-treetable table{border-collapse:separate!important;table-layout:auto!important}@media only screen and (min-width: 768px){.actionLoteBtns,.recolherExpandirBtn{top:-1px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i6$2.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$6.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i14.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i10$1.TreeTable, selector: "p-treeTable", inputs: ["columns", "style", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "virtualRowHeight", "value", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel"] }, { kind: "component", type: i10$1.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i10$1.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "directive", type: i10$1.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i10$1.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i10$1.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TreeTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-treetable', template: "<div>\r\n  <p-treeTable\r\n    #tt\r\n    *ngIf=\"config\"\r\n    [value]=\"dataSource\"\r\n    styleClass=\"p-datatable-sm\"\r\n    [columns]=\"config.columns\"\r\n    [(selection)]=\"selectedItems\"\r\n    [scrollable]=\"true\"\r\n    selectionMode=\"checkbox\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [showFirstLastIcon]=\"showFirstLastIcon\"\r\n    [paginator]=\"paginator\"\r\n    [rows]=\"rows\"\r\n    [totalRecords]=\"tamanhoTotalTree\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    responsiveLayout=\"stack\"\r\n  >\r\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableCation\">\r\n      <div\r\n        class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\"\r\n      >\r\n        <div class=\"col-12 flex flex-column\">\r\n          <div *ngIf=\"config.title\" class=\"text-md font-bold my-3\">\r\n            {{ config.title }}\r\n          </div>\r\n          <div *ngIf=\"config.subtitle\" class=\"text-sm mb-4 font-medium\">\r\n            {{ config.subtitle }}\r\n          </div>\r\n        </div>\r\n\r\n        <div \r\n          [class]=\"\r\n            tamanhoTela < 768\r\n              ? 'flex flex-row align-items-center col-10 md:col-6 lg:col-4 justify-content-center'\r\n              : 'flex flex-row align-items-center col-12 md:col-6 lg:col-4 justify-content-center input-search'\r\n          \"\r\n        >\r\n          <span\r\n            *ngIf=\"config.enableFilter\"\r\n            class=\"block mt-2 md:mt-0 p-input-icon-left text-align-center\"\r\n          >\r\n            <i\r\n              class=\"material-symbols-outlined icon-search\"\r\n              style=\"display: inline-block\"\r\n            >\r\n              search\r\n            </i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(tt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"w-full mb-1\"\r\n              style=\"height: 40px\"\r\n            />\r\n          </span>\r\n\r\n          <div *ngIf=\"config.enableToggleNodes\">\r\n            <button\r\n              (click)=\"toggleNodes()\"\r\n              id=\"recolherExpandirBtn\"\r\n              [pTooltip]=\"isExpanded ? 'Recolher Todos' : 'Expandir Todos'\"\r\n              pButton\r\n              class=\"recolherExpandirBtn toggle p-button-raised p-button-text\"\r\n            >\r\n              <span\r\n                class=\"pi\"\r\n                [ngClass]=\"{\r\n                  'pi-chevron-down': isExpanded,\r\n                  ' pi-chevron-right': !isExpanded\r\n                }\"\r\n              >\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end\">\r\n          <div *ngFor=\"let action of config.actionsLote\" class=\"btns-options\">\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              *ngIf=\"\r\n                (selectedItems.length > 0 || action.showAcoesLote) &&\r\n                exibirCampo(action, this.action)\r\n              \"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"retornarCampo(action, selectedItems, 'tooltip')\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [style.backgroundColor]=\"\r\n                retornarCampo(action, selectedItems, 'btnColor')\r\n              \"\r\n              [disabled]=\"retornarCampo(action, selectedItems, 'disabled')\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                [style.color]=\"\r\n                  retornarCampo(action, selectedItems, 'iconBtnColor')\r\n                \"\r\n              >\r\n                {{ retornarCampo(action, selectedItems, \"icon\") }}\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        <th\r\n          *ngFor=\"let col of columns; index as i\"\r\n          [ttSortableColumn]=\"col.field\"\r\n          [ttSortableColumnDisabled]=\"col.sortable === false\"\r\n          class=\"text-sm\"\r\n          [style.width]=\"col.width\"\r\n        >\r\n          <div>\r\n            <div [ngClass]=\"{ flex: i == 0, 'gap-3': i == 0 }\">\r\n              <div *ngIf=\"i == 0 && config.enableSelect\">\r\n                <p-treeTableHeaderCheckbox\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                ></p-treeTableHeaderCheckbox>\r\n              </div>\r\n\r\n              <div\r\n                [class]=\"\r\n                  centralizarColunas(col) && alignColunasHeader(col) == ''\r\n                    ? 'flex flex-row justify-content-center'\r\n                    : 'flex flex-row'\r\n                \"\r\n                [style]=\"alignColunasHeader(col)\"\r\n              >\r\n                <span>{{ col.header }}</span>\r\n                <p-sortIcon\r\n                  *ngIf=\"col.sortable === true\"\r\n                  [field]=\"col.field\"\r\n                  style=\"font-size: 10px\"\r\n                ></p-sortIcon>\r\n\r\n                <span\r\n                  *ngIf=\"col.headerTooltip\"\r\n                  class=\"material-symbols-outlined flex align-items-center\"\r\n                  [pTooltip]=\"col.headerTooltip\"\r\n                  >info</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template \r\n      pTemplate=\"body\"\r\n      let-rowNode\r\n      let-rowData=\"rowData\"\r\n      let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\"\r\n      let-rowspan=\"rowspan\"\r\n    >\r\n\r\n      <tr \r\n        [ttRow]=\"rowNode\"\r\n        *ngIf=\"rowNode.level == 0\"\r\n        [style.height]=\"espacamentoPai\"\r\n      ></tr>\r\n\r\n      <tr [ttRow]=\"rowNode\" (dblclick)=\"doubleClick($event, rowData, rowNode)\">\r\n        <ng-container *ngFor=\"let col of columns; index as i\" >\r\n          <td\r\n            [style.width]=\"col.width\"\r\n            [ngClass]=\"{ 'margem-filho': rowNode.level != 0 }\"\r\n            *ngIf=\"rowgroup && !col.template\"\r\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            class=\"rowTable\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n          >\r\n            <div\r\n              class=\"w-full-h-full flex\"  \r\n              [style]=\"centralizarColunas(col)\"\r\n              [ngClass]=\"{ 'justify-content-between': i == columns.length - 1 }\"\r\n            >\r\n              <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"i == 0\">\r\n                <p-treeTableCheckbox\r\n                  [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                  [value]=\"rowNode\"\r\n                  *ngIf=\"config.enableSelect == true\"\r\n                ></p-treeTableCheckbox>\r\n\r\n                <p-treeTableToggler\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"!rightCollapse\"\r\n                ></p-treeTableToggler>\r\n                <p-treeTableToggler\r\n                  class=\"hiddenVisible\"\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"rightCollapse\"\r\n                ></p-treeTableToggler>\r\n              </div>\r\n\r\n              <span\r\n                *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n                [class]=\"returnRowClass(rowData, col)\"\r\n              >\r\n                <span\r\n                  *ngIf=\"\r\n                    !isChipField(col) && !col.iconField && !isImageField(col)\r\n                  \"\r\n                >\r\n                  <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                  {{ transformValue(rowData, col) }}\r\n                </span>\r\n\r\n                <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                  <span\r\n                    [class]=\"returnClassChip(rowData, col)\"\r\n                    [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                    >{{ transformValue(rowData, col) }}</span\r\n                  >\r\n                </div>\r\n              </span>\r\n\r\n              <span *ngIf=\"isImageField(col)\">\r\n                <span>\r\n                  <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                </span>\r\n              </span>\r\n\r\n              <i\r\n                *ngIf=\"col.iconField\"\r\n                [ngClass]=\"{\r\n                  'material-icons': col.indIconMaterial,\r\n                  'material-symbols-outlined mr-2': !col.indIconMaterial\r\n                }\"\r\n                [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n              >\r\n                {{ returnClassIcon(rowData, col) }}\r\n              </i>\r\n\r\n              <ng-template #booleanField>\r\n                <i\r\n                  *ngIf=\"!col.iconField\"\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </ng-template>\r\n\r\n              <div\r\n                class=\"w-full-h-full flex\"\r\n                *ngIf=\"\r\n                  i == columns.length - 1 &&\r\n                  config.actions &&\r\n                  config.actions.length > 0\r\n                \"\r\n                [style]=\"\r\n                  applyStyle(rowData, { field: 'btns-options', header: '' })\r\n                \"\r\n              >\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"acoesLinhaTabela\"\r\n                >\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    <button\r\n                      id=\"actionBtns\"\r\n                      pButton\r\n                      *ngIf=\"exibirCampo(action, rowData)\"\r\n                      class=\"actionBtns p-button-text p-button-raised\"\r\n                      (click)=\"activeItem(rowData, rowNode); action?.command()\"\r\n                      [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                      [tooltipPosition]=\"'bottom'\"\r\n                      [disabled]=\"callDisabled(action, rowData)\"\r\n                    >\r\n                      <span class=\"material-symbols-outlined md-19\">\r\n                        {{ retornarCampo(action, rowData, \"icon\") }}</span\r\n                      >\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"!acoesLinhaTabela\"\r\n                >\r\n                  <button\r\n                    id=\"moreVertBtn\"\r\n                    pButton\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"menu.toggle($event); activeItem(rowData, rowNode)\"\r\n                  >\r\n                    <span\r\n                      class=\"material-symbols-outlined\"\r\n                      style=\"font-size: 20px\"\r\n                    >\r\n                      more_horiz\r\n                    </span>\r\n                  </button>\r\n\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    {{ criarMenusModal(rowData, rowNode) }}\r\n                  </div>\r\n\r\n                  <!-- <div *ngFor=\"let action of config.actions\">\r\n                {{ criarMenusModal(rowData) }}\r\n              </div> -->\r\n\r\n                  <p-menu\r\n                    #menu\r\n                    [popup]=\"true\"\r\n                    [model]=\"menuItems\"\r\n                    appendTo=\"body\"\r\n                  ></p-menu>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </td>\r\n\r\n          <td \r\n            [style.width]=\"col.width\"\r\n            [ngClass]=\"{\r\n              'margem-filho': rowNode.level != 0,\r\n              'justify-content-between': i == columns.length - 1\r\n            }\"\r\n            *ngIf=\"!rowgroup && !col.grouped && !col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n          >\r\n          <div\r\n              class=\"w-full-h-full flex justify-content-between\"\r\n              [ngClass]=\"{ 'justify-content-between': i == columns.length - 1 }\"\r\n            >\r\n              <!-- Toggle -->\r\n              <div class=\"w-full-h-full flex align-items-center d-toggle\" *ngIf=\"i == 0\">\r\n                <p-treeTableCheckbox\r\n                  [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                  [value]=\"rowNode\"\r\n                  *ngIf=\"config.enableSelect == true\"\r\n                ></p-treeTableCheckbox>\r\n\r\n                <p-treeTableToggler\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"!rightCollapse\"\r\n                ></p-treeTableToggler>\r\n                <p-treeTableToggler\r\n                  class=\"hiddenVisible\"\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"rightCollapse\"\r\n                ></p-treeTableToggler>\r\n              </div>\r\n\r\n              <!-- Texto -->\r\n              <div\r\n                class=\"w-full flex align-items-center\"\r\n                [style]=\"centralizarColunas(col)\"\r\n              >\r\n                <span\r\n                  *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n                  [class]=\"returnRowClass(rowData, col)\"\r\n                >\r\n                  <span\r\n                    *ngIf=\"\r\n                      !isChipField(col) && !col.iconField && !isImageField(col)\r\n                    \"\r\n                  >\r\n                    <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                    {{ transformValue(rowData, col) }}\r\n                  </span>\r\n\r\n                  <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                    <span\r\n                      [class]=\"returnClassChip(rowData, col)\"\r\n                      [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                    >\r\n                      {{ transformValue(rowData, col) }}</span\r\n                    >\r\n                  </div>\r\n                </span>\r\n\r\n                <span *ngIf=\"isImageField(col)\">\r\n                  <span>\r\n                    <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                  </span>\r\n                </span>\r\n\r\n                <i\r\n                  *ngIf=\"col.iconField\"\r\n                  [ngClass]=\"{\r\n                    'material-icons': col.indIconMaterial,\r\n                    'material-symbols-outlined mr-2': !col.indIconMaterial\r\n                  }\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >\r\n                  {{ returnClassIcon(rowData, col) }}\r\n                </i>\r\n\r\n                <ng-template #booleanField>\r\n                  <i\r\n                    *ngIf=\"!col.iconField\"\r\n                    [ngClass]=\"\r\n                      rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                    \"\r\n                    ><span class=\"material-symbols-outlined\">\r\n                      {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                    </span>\r\n                  </i>\r\n                </ng-template>\r\n              </div>\r\n\r\n              <!-- Botao de a\u00E7\u00E3o -->\r\n              <div\r\n                class=\"w-full-h-full flex\"\r\n                *ngIf=\"\r\n                  i == columns.length - 1 &&\r\n                  config.actions &&\r\n                  config.actions.length > 0\r\n                \"\r\n                [style]=\"\r\n                  applyStyle(rowData, { field: 'btns-options', header: '' })\r\n                \"\r\n              >\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"acoesLinhaTabela\"\r\n                >\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    <button\r\n                      id=\"actionBtns\"\r\n                      pButton\r\n                      *ngIf=\"exibirCampo(action, rowData)\"\r\n                      class=\"actionBtns p-button-text p-button-raised\"\r\n                      (click)=\"activeItem(rowData, rowNode); action?.command()\"\r\n                      [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                      [tooltipPosition]=\"'bottom'\"\r\n                      [disabled]=\"callDisabled(action, rowData)\"\r\n                    >\r\n                      <span class=\"material-symbols-outlined md-19\">\r\n                        {{ retornarCampo(action, rowData, \"icon\") }}</span\r\n                      >\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"!acoesLinhaTabela\"\r\n                >\r\n                  <button\r\n                    id=\"moreVertBtn\"\r\n                    pButton\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"menu.toggle($event); activeItem(rowData, rowNode)\"\r\n                  >\r\n                    <span\r\n                      class=\"material-symbols-outlined\"\r\n                      style=\"font-size: 20px\"\r\n                    >\r\n                      more_horiz\r\n                    </span>\r\n                  </button>\r\n\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    {{ criarMenusModal(rowData, rowNode) }}\r\n                  </div>\r\n\r\n                  <!-- <div *ngFor=\"let action of config.actions\">\r\n                  {{ criarMenusModal(rowData) }}\r\n                </div> -->\r\n\r\n                  <p-menu\r\n                    #menu\r\n                    [popup]=\"true\"\r\n                    [model]=\"menuItems\"\r\n                    appendTo=\"body\"\r\n                  ></p-menu>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </td>\r\n\r\n          <td\r\n            [style.width]=\"col.width\"\r\n            [ngClass]=\"{\r\n              'margem-filho': rowNode.level != 0,\r\n              'justify-content-between': i == columns.length - 1\r\n            }\"\r\n            *ngIf=\"col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n          >\r\n            <div class=\"flex\" [style]=\"centralizarColunas(col)\">\r\n              <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"i == 0\">\r\n                <p-treeTableCheckbox\r\n                  [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                  [value]=\"rowNode\"\r\n                  *ngIf=\"config.enableSelect == true\"\r\n                ></p-treeTableCheckbox>\r\n\r\n                <p-treeTableToggler\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"!rightCollapse\"\r\n                ></p-treeTableToggler>\r\n                <p-treeTableToggler\r\n                  class=\"hiddenVisible\"\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"rightCollapse\"\r\n                ></p-treeTableToggler>\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"getCustomTemplate(col.template.name)\"\r\n                [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n              >\r\n              </ng-container>\r\n\r\n              <div\r\n                class=\"w-full-h-full flex\"\r\n                *ngIf=\"\r\n                  i == columns.length - 1 &&\r\n                  config.actions &&\r\n                  config.actions.length > 0\r\n                \"\r\n                [style]=\"\r\n                  applyStyle(rowData, { field: 'btns-options', header: '' })\r\n                \"\r\n              >\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"acoesLinhaTabela\"\r\n                >\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    <button\r\n                      id=\"actionBtns\"\r\n                      pButton\r\n                      *ngIf=\"exibirCampo(action, rowData)\"\r\n                      class=\"actionBtns p-button-text p-button-raised\"\r\n                      (click)=\"activeItem(rowData, rowNode); action?.command()\"\r\n                      [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                      [tooltipPosition]=\"'bottom'\"\r\n                      [disabled]=\"callDisabled(action, rowData)\"\r\n                    >\r\n                      <span class=\"material-symbols-outlined md-19\">\r\n                        {{ retornarCampo(action, rowData, \"icon\") }}</span\r\n                      >\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"!acoesLinhaTabela\"\r\n                >\r\n                  <button\r\n                    id=\"moreVertBtn\"\r\n                    pButton\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"menu.toggle($event); activeItem(rowData, rowNode)\"\r\n                  >\r\n                    <span\r\n                      class=\"material-symbols-outlined\"\r\n                      style=\"font-size: 20px\"\r\n                    >\r\n                      more_horiz\r\n                    </span>\r\n                  </button>\r\n\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    {{ criarMenusModal(rowData, rowNode) }}\r\n                  </div>\r\n\r\n                  <!-- <div *ngFor=\"let action of config.actions\">\r\n                  {{ criarMenusModal(rowData) }}\r\n                </div> -->\r\n\r\n                  <p-menu\r\n                    #menu\r\n                    [popup]=\"true\"\r\n                    [model]=\"menuItems\"\r\n                    appendTo=\"body\"\r\n                  ></p-menu>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </td>\r\n          \r\n        </ng-container>\r\n      </tr>\r\n\r\n    </ng-template>\r\n\r\n    <!-- :: Hotfix do bug da vers\u00E3o 15 do primeng, ao retirar esse bloco de codigo na vers\u00E3o 15 do primeng os icones de prev e next do paginator ir\u00E3o sumir ( resolvido na vers\u00E3o 16.0)  :: -->\r\n\r\n    <ng-template pTemplate=\"paginatorfirstpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorpreviouspagelinkicon\">\r\n      <span class=\"pi pi-angle-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatornextpagelinkicon\">\r\n      <span class=\"pi pi-angle-right\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorlastpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-right\"></span>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center;\r\n          border-radius: 10px !important;\r\n          \"\r\n        >\r\n         <p class=\"font-semibold\"> Nenhum registro encontrado </p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-treeTable>\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: ["@charset \"UTF-8\";.error-show{background-color:red;width:5px;height:10px}.input-search{position:relative;right:8px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}.actionLoteBtns,.recolherExpandirBtn{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover,#recolherExpandirBtn:hover{color:#a9a9a9}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:17px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover,#moreVertBtn:hover{color:#a9a9a9}.icon-search{top:20px}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{background-color:red}}:host ::ng-deep .hiddenVisible span{visibility:hidden!important;cursor:hidden}.margem-filho{position:sticky;left:30px}:host ::ng-deep .p-treetable table{border-spacing:0 3px}#botaoFiltro:hover{color:#a9a9a9}:host ::ng-deep .p-treetable .p-treetable-header{background-color:#eaeaea;padding:2px 13px 0!important;border-radius:5px!important;margin-bottom:2px}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th{background-color:#eaeaea;padding:.5rem!important;margin-bottom:-5px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{padding:.5rem!important}:host ::ng-deep .p-treetable .p-treetable-thead{border-spacing:0 1px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:first-of-type{background-color:#eaeaea;padding:.5rem!important;border-radius:5px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:last-child{background-color:#eaeaea;padding:.5rem!important;border-radius:0 5px 5px 0!important;-webkit-border-radius:0 5px 5px 0!important;-moz-border-radius:0 5px 5px 0!important;-ms-border-radius:0 5px 5px 0!important;-o-border-radius:0 5px 5px 0!important}:host ::ng-deep .p-treetable-scrollable-header-box{padding:0!important}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th{background-color:#f2f2f2}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep #tr-style{border-left:solid 4px #5289B4!important;border-radius:10px!important;display:block}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 0 0 10px!important;-webkit-border-radius:10px 0 0 10px!important;-moz-border-radius:10px 0 0 10px!important;-ms-border-radius:10px 0 0 10px!important;-o-border-radius:10px 0 0 10px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important;-webkit-border-radius:0 10px 10px 0!important;-moz-border-radius:0 10px 10px 0!important;-ms-border-radius:0 10px 10px 0!important;-o-border-radius:0 10px 10px 0!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:50%;width:2.5rem!important;height:2.5rem!important;box-shadow:#0000003d 0 3px 8px}:host ::ng-deep .recolherExpandirBtn{border-radius:50%;width:2.5rem!important;height:2.5rem!important;box-shadow:#0000003d 0 3px 8px}:host ::ng-deep .p-treetable table{border-collapse:separate!important;table-layout:auto!important}@media only screen and (min-width: 768px){.actionLoteBtns,.recolherExpandirBtn{top:-1px}}\n"] }]
+            args: [{ selector: 'kv-treetable', template: "<div>\r\n  <p-treeTable\r\n    #tt\r\n    *ngIf=\"config\"\r\n    [value]=\"dataSource\"\r\n    styleClass=\"p-datatable-sm\"\r\n    [columns]=\"config.columns\"\r\n    [(selection)]=\"selectedItems\"\r\n    [scrollable]=\"true\"\r\n    selectionMode=\"checkbox\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [showFirstLastIcon]=\"showFirstLastIcon\"\r\n    [paginator]=\"paginator\"\r\n    [rows]=\"rows\"\r\n    [totalRecords]=\"tamanhoTotalTree\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    responsiveLayout=\"stack\"\r\n  >\r\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableCation\">\r\n      <div\r\n        class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\"\r\n      >\r\n        <div class=\"col-12 flex flex-column\">\r\n          <div *ngIf=\"config.title\" class=\"text-md font-bold my-3\">\r\n            {{ config.title }}\r\n          </div>\r\n          <div *ngIf=\"config.subtitle\" class=\"text-sm mb-4 font-medium\">\r\n            {{ config.subtitle }}\r\n          </div>\r\n        </div>\r\n\r\n        <div \r\n          [class]=\"\r\n            tamanhoTela < 768\r\n              ? 'flex flex-row align-items-center col-10 md:col-6 lg:col-4 justify-content-center'\r\n              : 'flex flex-row align-items-center col-12 md:col-6 lg:col-4 justify-content-center input-search'\r\n          \"\r\n        >\r\n          <span\r\n            *ngIf=\"config.enableFilter\"\r\n            class=\"block mt-2 md:mt-0 p-input-icon-left text-align-center\"\r\n          >\r\n            <i\r\n              class=\"material-symbols-outlined icon-search\"\r\n              style=\"display: inline-block\"\r\n            >\r\n              search\r\n            </i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(tt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"w-full mb-1\"\r\n              style=\"height: 40px\"\r\n            />\r\n          </span>\r\n\r\n          <div *ngIf=\"config.enableToggleNodes\">\r\n            <button\r\n              (click)=\"toggleNodes()\"\r\n              id=\"recolherExpandirBtn\"\r\n              [pTooltip]=\"isExpanded ? 'Recolher Todos' : 'Expandir Todos'\"\r\n              pButton\r\n              class=\"recolherExpandirBtn toggle p-button-raised p-button-text\"\r\n            >\r\n              <span\r\n                class=\"pi\"\r\n                [ngClass]=\"{\r\n                  'pi-chevron-down': isExpanded,\r\n                  ' pi-chevron-right': !isExpanded\r\n                }\"\r\n              >\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end\">\r\n          <div *ngFor=\"let action of config.actionsLote\" class=\"btns-options\">\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              *ngIf=\"\r\n                (selectedItems.length > 0 || action.showAcoesLote) &&\r\n                exibirCampo(action, this.action)\r\n              \"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"action?.command(commandEvent); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"retornarCampo(action, selectedItems, 'tooltip')\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [style.backgroundColor]=\"\r\n                retornarCampo(action, selectedItems, 'btnColor')\r\n              \"\r\n              [disabled]=\"retornarCampo(action, selectedItems, 'disabled')\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                [style.color]=\"\r\n                  retornarCampo(action, selectedItems, 'iconBtnColor')\r\n                \"\r\n              >\r\n                {{ retornarCampo(action, selectedItems, \"icon\") }}\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        <th\r\n          *ngFor=\"let col of columns; index as i\"\r\n          [ttSortableColumn]=\"col.field\"\r\n          [ttSortableColumnDisabled]=\"col.sortable === false\"\r\n          class=\"text-sm\"\r\n          [style.width]=\"col.width\"\r\n        >\r\n          <div>\r\n            <div [ngClass]=\"{ flex: i == 0, 'gap-3': i == 0 }\">\r\n              <div *ngIf=\"i == 0 && config.enableSelect\">\r\n                <p-treeTableHeaderCheckbox\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                ></p-treeTableHeaderCheckbox>\r\n              </div>\r\n\r\n              <div\r\n                [class]=\"\r\n                  centralizarColunas(col) && alignColunasHeader(col) == ''\r\n                    ? 'flex flex-row justify-content-center'\r\n                    : 'flex flex-row'\r\n                \"\r\n                [style]=\"alignColunasHeader(col)\"\r\n              >\r\n                <span>{{ col.header }}</span>\r\n                <p-sortIcon\r\n                  *ngIf=\"col.sortable === true\"\r\n                  [field]=\"col.field\"\r\n                  style=\"font-size: 10px\"\r\n                ></p-sortIcon>\r\n\r\n                <span\r\n                  *ngIf=\"col.headerTooltip\"\r\n                  class=\"material-symbols-outlined flex align-items-center\"\r\n                  [pTooltip]=\"col.headerTooltip\"\r\n                  >info</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template \r\n      pTemplate=\"body\"\r\n      let-rowNode\r\n      let-rowData=\"rowData\"\r\n      let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\"\r\n      let-rowspan=\"rowspan\"\r\n    >\r\n\r\n      <tr \r\n        [ttRow]=\"rowNode\"\r\n        *ngIf=\"rowNode.level == 0\"\r\n        [style.height]=\"espacamentoPai\"\r\n      ></tr>\r\n\r\n      <tr [ttRow]=\"rowNode\" (dblclick)=\"doubleClick($event, rowData, rowNode)\">\r\n        <ng-container *ngFor=\"let col of columns; index as i\" >\r\n          <td\r\n            [style.width]=\"col.width\"\r\n            [ngClass]=\"{ 'margem-filho': rowNode.level != 0 }\"\r\n            *ngIf=\"rowgroup && !col.template\"\r\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            class=\"rowTable\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n          >\r\n            <div\r\n              class=\"w-full-h-full flex\"  \r\n              [style]=\"centralizarColunas(col)\"\r\n              [ngClass]=\"{ 'justify-content-between': i == columns.length - 1 }\"\r\n            >\r\n              <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"i == 0\">\r\n                <p-treeTableCheckbox\r\n                  [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                  [value]=\"rowNode\"\r\n                  *ngIf=\"config.enableSelect == true\"\r\n                ></p-treeTableCheckbox>\r\n\r\n                <p-treeTableToggler\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"!rightCollapse\"\r\n                ></p-treeTableToggler>\r\n                <p-treeTableToggler\r\n                  class=\"hiddenVisible\"\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"rightCollapse\"\r\n                ></p-treeTableToggler>\r\n              </div>\r\n\r\n              <span\r\n                *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n                [class]=\"returnRowClass(rowData, col)\"\r\n              >\r\n                <span\r\n                  *ngIf=\"\r\n                    !isChipField(col) && !col.iconField && !isImageField(col)\r\n                  \"\r\n                >\r\n                  <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                  {{ transformValue(rowData, col) }}\r\n                </span>\r\n\r\n                <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                  <span\r\n                    [class]=\"returnClassChip(rowData, col)\"\r\n                    [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                    >{{ transformValue(rowData, col) }}</span\r\n                  >\r\n                </div>\r\n              </span>\r\n\r\n              <span *ngIf=\"isImageField(col)\">\r\n                <span>\r\n                  <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                </span>\r\n              </span>\r\n\r\n              <i\r\n                *ngIf=\"col.iconField\"\r\n                [ngClass]=\"{\r\n                  'material-icons': col.indIconMaterial,\r\n                  'material-symbols-outlined mr-2': !col.indIconMaterial\r\n                }\"\r\n                [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n              >\r\n                {{ returnClassIcon(rowData, col) }}\r\n              </i>\r\n\r\n              <ng-template #booleanField>\r\n                <i\r\n                  *ngIf=\"!col.iconField\"\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </ng-template>\r\n\r\n              <div\r\n                class=\"w-full-h-full flex\"\r\n                *ngIf=\"\r\n                  i == columns.length - 1 &&\r\n                  config.actions &&\r\n                  config.actions.length > 0\r\n                \"\r\n                [style]=\"\r\n                  applyStyle(rowData, { field: 'btns-options', header: '' })\r\n                \"\r\n              >\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"acoesLinhaTabela\"\r\n                >\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    <button\r\n                      id=\"actionBtns\"\r\n                      pButton\r\n                      *ngIf=\"exibirCampo(action, rowData)\"\r\n                      class=\"actionBtns p-button-text p-button-raised\"\r\n                      (click)=\"activeItem(rowData, rowNode); action?.command(commandEvent)\"\r\n                      [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                      [tooltipPosition]=\"'bottom'\"\r\n                      [disabled]=\"callDisabled(action, rowData)\"\r\n                    >\r\n                      <span class=\"material-symbols-outlined md-19\">\r\n                        {{ retornarCampo(action, rowData, \"icon\") }}</span\r\n                      >\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"!acoesLinhaTabela\"\r\n                >\r\n                  <button\r\n                    id=\"moreVertBtn\"\r\n                    pButton\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"menu.toggle($event); activeItem(rowData, rowNode)\"\r\n                  >\r\n                    <span\r\n                      class=\"material-symbols-outlined\"\r\n                      style=\"font-size: 20px\"\r\n                    >\r\n                      more_horiz\r\n                    </span>\r\n                  </button>\r\n\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    {{ criarMenusModal(rowData, rowNode) }}\r\n                  </div>\r\n\r\n                  <!-- <div *ngFor=\"let action of config.actions\">\r\n                {{ criarMenusModal(rowData) }}\r\n              </div> -->\r\n\r\n                  <p-menu\r\n                    #menu\r\n                    [popup]=\"true\"\r\n                    [model]=\"menuItems\"\r\n                    appendTo=\"body\"\r\n                  ></p-menu>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </td>\r\n\r\n          <td \r\n            [style.width]=\"col.width\"\r\n            [ngClass]=\"{\r\n              'margem-filho': rowNode.level != 0,\r\n              'justify-content-between': i == columns.length - 1\r\n            }\"\r\n            *ngIf=\"!rowgroup && !col.grouped && !col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n          >\r\n          <div\r\n              class=\"w-full-h-full flex justify-content-between\"\r\n              [ngClass]=\"{ 'justify-content-between': i == columns.length - 1 }\"\r\n            >\r\n              <!-- Toggle -->\r\n              <div class=\"w-full-h-full flex align-items-center d-toggle\" *ngIf=\"i == 0\">\r\n                <p-treeTableCheckbox\r\n                  [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                  [value]=\"rowNode\"\r\n                  *ngIf=\"config.enableSelect == true\"\r\n                ></p-treeTableCheckbox>\r\n\r\n                <p-treeTableToggler\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"!rightCollapse\"\r\n                ></p-treeTableToggler>\r\n                <p-treeTableToggler\r\n                  class=\"hiddenVisible\"\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"rightCollapse\"\r\n                ></p-treeTableToggler>\r\n              </div>\r\n\r\n              <!-- Texto -->\r\n              <div\r\n                class=\"w-full flex align-items-center\"\r\n                [style]=\"centralizarColunas(col)\"\r\n              >\r\n                <span\r\n                  *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n                  [class]=\"returnRowClass(rowData, col)\"\r\n                >\r\n                  <span\r\n                    *ngIf=\"\r\n                      !isChipField(col) && !col.iconField && !isImageField(col)\r\n                    \"\r\n                  >\r\n                    <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                    {{ transformValue(rowData, col) }}\r\n                  </span>\r\n\r\n                  <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                    <span\r\n                      [class]=\"returnClassChip(rowData, col)\"\r\n                      [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                    >\r\n                      {{ transformValue(rowData, col) }}</span\r\n                    >\r\n                  </div>\r\n                </span>\r\n\r\n                <span *ngIf=\"isImageField(col)\">\r\n                  <span>\r\n                    <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                  </span>\r\n                </span>\r\n\r\n                <i\r\n                  *ngIf=\"col.iconField\"\r\n                  [ngClass]=\"{\r\n                    'material-icons': col.indIconMaterial,\r\n                    'material-symbols-outlined mr-2': !col.indIconMaterial\r\n                  }\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >\r\n                  {{ returnClassIcon(rowData, col) }}\r\n                </i>\r\n\r\n                <ng-template #booleanField>\r\n                  <i\r\n                    *ngIf=\"!col.iconField\"\r\n                    [ngClass]=\"\r\n                      rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                    \"\r\n                    ><span class=\"material-symbols-outlined\">\r\n                      {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                    </span>\r\n                  </i>\r\n                </ng-template>\r\n              </div>\r\n\r\n              <!-- Botao de a\u00E7\u00E3o -->\r\n              <div\r\n                class=\"w-full-h-full flex\"\r\n                *ngIf=\"\r\n                  i == columns.length - 1 &&\r\n                  config.actions &&\r\n                  config.actions.length > 0\r\n                \"\r\n                [style]=\"\r\n                  applyStyle(rowData, { field: 'btns-options', header: '' })\r\n                \"\r\n              >\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"acoesLinhaTabela\"\r\n                >\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    <button\r\n                      id=\"actionBtns\"\r\n                      pButton\r\n                      *ngIf=\"exibirCampo(action, rowData)\"\r\n                      class=\"actionBtns p-button-text p-button-raised\"\r\n                      (click)=\"activeItem(rowData, rowNode); action?.command(commandEvent)\"\r\n                      [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                      [tooltipPosition]=\"'bottom'\"\r\n                      [disabled]=\"callDisabled(action, rowData)\"\r\n                    >\r\n                      <span class=\"material-symbols-outlined md-19\">\r\n                        {{ retornarCampo(action, rowData, \"icon\") }}</span\r\n                      >\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"!acoesLinhaTabela\"\r\n                >\r\n                  <button\r\n                    id=\"moreVertBtn\"\r\n                    pButton\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"menu.toggle($event); activeItem(rowData, rowNode)\"\r\n                  >\r\n                    <span\r\n                      class=\"material-symbols-outlined\"\r\n                      style=\"font-size: 20px\"\r\n                    >\r\n                      more_horiz\r\n                    </span>\r\n                  </button>\r\n\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    {{ criarMenusModal(rowData, rowNode) }}\r\n                  </div>\r\n\r\n                  <!-- <div *ngFor=\"let action of config.actions\">\r\n                  {{ criarMenusModal(rowData) }}\r\n                </div> -->\r\n\r\n                  <p-menu\r\n                    #menu\r\n                    [popup]=\"true\"\r\n                    [model]=\"menuItems\"\r\n                    appendTo=\"body\"\r\n                  ></p-menu>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </td>\r\n\r\n          <td\r\n            [style.width]=\"col.width\"\r\n            [ngClass]=\"{\r\n              'margem-filho': rowNode.level != 0,\r\n              'justify-content-between': i == columns.length - 1\r\n            }\"\r\n            *ngIf=\"col.template\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n          >\r\n            <div class=\"flex\" [style]=\"centralizarColunas(col)\">\r\n              <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"i == 0\">\r\n                <p-treeTableCheckbox\r\n                  [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                  [value]=\"rowNode\"\r\n                  *ngIf=\"config.enableSelect == true\"\r\n                ></p-treeTableCheckbox>\r\n\r\n                <p-treeTableToggler\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"!rightCollapse\"\r\n                ></p-treeTableToggler>\r\n                <p-treeTableToggler\r\n                  class=\"hiddenVisible\"\r\n                  [rowNode]=\"rowNode\"\r\n                  *ngIf=\"rightCollapse\"\r\n                ></p-treeTableToggler>\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"getCustomTemplate(col.template.name)\"\r\n                [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n              >\r\n              </ng-container>\r\n\r\n              <div\r\n                class=\"w-full-h-full flex\"\r\n                *ngIf=\"\r\n                  i == columns.length - 1 &&\r\n                  config.actions &&\r\n                  config.actions.length > 0\r\n                \"\r\n                [style]=\"\r\n                  applyStyle(rowData, { field: 'btns-options', header: '' })\r\n                \"\r\n              >\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"acoesLinhaTabela\"\r\n                >\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    <button\r\n                      id=\"actionBtns\"\r\n                      pButton\r\n                      *ngIf=\"exibirCampo(action, rowData)\"\r\n                      class=\"actionBtns p-button-text p-button-raised\"\r\n                      (click)=\"activeItem(rowData, rowNode); action?.command(commandEvent)\"\r\n                      [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\"\r\n                      [tooltipPosition]=\"'bottom'\"\r\n                      [disabled]=\"callDisabled(action, rowData)\"\r\n                    >\r\n                      <span class=\"material-symbols-outlined md-19\">\r\n                        {{ retornarCampo(action, rowData, \"icon\") }}</span\r\n                      >\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"flex flex-row justify-content-end w-full\"\r\n                  *ngIf=\"!acoesLinhaTabela\"\r\n                >\r\n                  <button\r\n                    id=\"moreVertBtn\"\r\n                    pButton\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"menu.toggle($event); activeItem(rowData, rowNode)\"\r\n                  >\r\n                    <span\r\n                      class=\"material-symbols-outlined\"\r\n                      style=\"font-size: 20px\"\r\n                    >\r\n                      more_horiz\r\n                    </span>\r\n                  </button>\r\n\r\n                  <div *ngFor=\"let action of config.actions\">\r\n                    {{ criarMenusModal(rowData, rowNode) }}\r\n                  </div>\r\n\r\n                  <!-- <div *ngFor=\"let action of config.actions\">\r\n                  {{ criarMenusModal(rowData) }}\r\n                </div> -->\r\n\r\n                  <p-menu\r\n                    #menu\r\n                    [popup]=\"true\"\r\n                    [model]=\"menuItems\"\r\n                    appendTo=\"body\"\r\n                  ></p-menu>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </td>\r\n          \r\n        </ng-container>\r\n      </tr>\r\n\r\n    </ng-template>\r\n\r\n    <!-- :: Hotfix do bug da vers\u00E3o 15 do primeng, ao retirar esse bloco de codigo na vers\u00E3o 15 do primeng os icones de prev e next do paginator ir\u00E3o sumir ( resolvido na vers\u00E3o 16.0)  :: -->\r\n\r\n    <ng-template pTemplate=\"paginatorfirstpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorpreviouspagelinkicon\">\r\n      <span class=\"pi pi-angle-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatornextpagelinkicon\">\r\n      <span class=\"pi pi-angle-right\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorlastpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-right\"></span>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center;\r\n          border-radius: 10px !important;\r\n          \"\r\n        >\r\n         <p class=\"font-semibold\"> Nenhum registro encontrado </p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-treeTable>\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: ["@charset \"UTF-8\";.error-show{background-color:red;width:5px;height:10px}.input-search{position:relative;right:8px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}.actionLoteBtns,.recolherExpandirBtn{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover,#recolherExpandirBtn:hover{color:#a9a9a9}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:17px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover,#moreVertBtn:hover{color:#a9a9a9}.icon-search{top:20px}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{background-color:red}}:host ::ng-deep .hiddenVisible span{visibility:hidden!important;cursor:hidden}.margem-filho{position:sticky;left:30px}:host ::ng-deep .p-treetable table{border-spacing:0 3px}#botaoFiltro:hover{color:#a9a9a9}:host ::ng-deep .p-treetable .p-treetable-header{background-color:#eaeaea;padding:2px 13px 0!important;border-radius:5px!important;margin-bottom:2px}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th{background-color:#eaeaea;padding:.5rem!important;margin-bottom:-5px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{padding:.5rem!important}:host ::ng-deep .p-treetable .p-treetable-thead{border-spacing:0 1px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:first-of-type{background-color:#eaeaea;padding:.5rem!important;border-radius:5px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:last-child{background-color:#eaeaea;padding:.5rem!important;border-radius:0 5px 5px 0!important;-webkit-border-radius:0 5px 5px 0!important;-moz-border-radius:0 5px 5px 0!important;-ms-border-radius:0 5px 5px 0!important;-o-border-radius:0 5px 5px 0!important}:host ::ng-deep .p-treetable-scrollable-header-box{padding:0!important}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th{background-color:#f2f2f2}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep #tr-style{border-left:solid 4px #5289B4!important;border-radius:10px!important;display:block}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 0 0 10px!important;-webkit-border-radius:10px 0 0 10px!important;-moz-border-radius:10px 0 0 10px!important;-ms-border-radius:10px 0 0 10px!important;-o-border-radius:10px 0 0 10px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important;-webkit-border-radius:0 10px 10px 0!important;-moz-border-radius:0 10px 10px 0!important;-ms-border-radius:0 10px 10px 0!important;-o-border-radius:0 10px 10px 0!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:50%;width:2.5rem!important;height:2.5rem!important;box-shadow:#0000003d 0 3px 8px}:host ::ng-deep .recolherExpandirBtn{border-radius:50%;width:2.5rem!important;height:2.5rem!important;box-shadow:#0000003d 0 3px 8px}:host ::ng-deep .p-treetable table{border-collapse:separate!important;table-layout:auto!important}@media only screen and (min-width: 768px){.actionLoteBtns,.recolherExpandirBtn{top:-1px}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: i1.DecimalPipe }, { type: CodigoFipePipe }, { type: CpfCnpjPipe }, { type: TelefonePipe }]; }, propDecorators: { config: [{
                 type: Input
             }], dataSource: [{
@@ -3686,17 +3687,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class KVTreeTableModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KVTreeTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KVTreeTableModule, declarations: [TreeTableComponent], imports: [CommonModule,
+            PrimeNgModule,
+            FormsModule,
+            KvButtonsModule], exports: [TreeTableComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KVTreeTableModule, imports: [CommonModule,
+            PrimeNgModule,
+            FormsModule,
+            KvButtonsModule] }); }
 }
-KVTreeTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KVTreeTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KVTreeTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KVTreeTableModule, declarations: [TreeTableComponent], imports: [CommonModule,
-        PrimeNgModule,
-        FormsModule,
-        KvButtonsModule], exports: [TreeTableComponent] });
-KVTreeTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KVTreeTableModule, imports: [CommonModule,
-        PrimeNgModule,
-        FormsModule,
-        KvButtonsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KVTreeTableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KVTreeTableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3779,10 +3780,10 @@ class OrgchartComponent {
         this.compact = !this.compact;
         this.chart.compact(this.compact).render();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OrgchartComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OrgchartComponent, selector: "kv-orgchart", inputs: { dataSource: "dataSource", config: "config", template: "template", nodeTemplate: "nodeTemplate", generateTemplate: "generateTemplate", templateFuncion: "templateFuncion", corDeFundo: "corDeFundo" }, viewQueries: [{ propertyName: "chartContainer", first: true, predicate: ["chartContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #chartContainer id=\"chartContainer\" [ngClass]=\"{'backGround': true}\">\r\n\r\n\r\n  <div class=\"div-botoes w-full flex gap-1\" >\r\n\r\n\r\n    <span *ngIf=\"!mostraMenu\" class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n    (click)=\"mostraMenu = !mostraMenu\" pTooltip=\"Expandir menu\">menu</span>\r\n\r\n\r\n\r\n    <span *ngIf=\"mostraMenu\" class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n    (click)=\"mostraMenu = !mostraMenu\" pTooltip=\"Recolher menu\">menu_open</span>\r\n\r\n    <div *ngIf=\"mostraMenu\">\r\n      <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.zoomIn()\" pTooltip=\"Zoom +\">zoom_in</span>\r\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.zoomOut()\" pTooltip=\"Zoom -\">zoom_out</span>\r\n\r\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.collapseAll()\" pTooltip=\"Expandir\">expand_less</span>\r\n\r\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.expandAll()\" pTooltip=\"Recolher\">expand_more</span>\r\n\r\n\r\n    <!-- <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"compactSwap()\" pTooltip=\"Compactar\">cached</span> -->\r\n\r\n    <span class=\"material-icons surface-300 shadow-4 p-1 m-2 border-circle cursor-pointer\"\r\n      (click)=\"chart.fit().render()\" pTooltip=\"Centralizar\">\r\n      filter_center_focus\r\n    </span>\r\n\r\n    <span class=\"material-icons surface-300 shadow-4 p-1 m-2 border-circle cursor-pointer\"\r\n      (click)=\"chart.fullscreen('#chartContainer')\" pTooltip=\"Tela cheia\" >\r\n      fullscreen\r\n    </span>\r\n\r\n    </div>\r\n\r\n\r\n  </div>\r\n\r\n\r\n</div>\r\n\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: ["#chartContainer{height:100%;overflow:hidden}:host ::ng-deep #chartContainer svg.svg-chart-container{height:100%!important;position:relative;width:100%;top:-56px;z-index:0;background-color:#fff}.div-botoes{z-index:1;width:100%;position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] }); }
 }
-OrgchartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: OrgchartComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-OrgchartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: OrgchartComponent, selector: "kv-orgchart", inputs: { dataSource: "dataSource", config: "config", template: "template", nodeTemplate: "nodeTemplate", generateTemplate: "generateTemplate", templateFuncion: "templateFuncion", corDeFundo: "corDeFundo" }, viewQueries: [{ propertyName: "chartContainer", first: true, predicate: ["chartContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #chartContainer id=\"chartContainer\" [ngClass]=\"{'backGround': true}\">\r\n\r\n\r\n  <div class=\"div-botoes w-full flex gap-1\" >\r\n\r\n\r\n    <span *ngIf=\"!mostraMenu\" class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n    (click)=\"mostraMenu = !mostraMenu\" pTooltip=\"Expandir menu\">menu</span>\r\n\r\n\r\n\r\n    <span *ngIf=\"mostraMenu\" class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n    (click)=\"mostraMenu = !mostraMenu\" pTooltip=\"Recolher menu\">menu_open</span>\r\n\r\n    <div *ngIf=\"mostraMenu\">\r\n      <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.zoomIn()\" pTooltip=\"Zoom +\">zoom_in</span>\r\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.zoomOut()\" pTooltip=\"Zoom -\">zoom_out</span>\r\n\r\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.collapseAll()\" pTooltip=\"Expandir\">expand_less</span>\r\n\r\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.expandAll()\" pTooltip=\"Recolher\">expand_more</span>\r\n\r\n\r\n    <!-- <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"compactSwap()\" pTooltip=\"Compactar\">cached</span> -->\r\n\r\n    <span class=\"material-icons surface-300 shadow-4 p-1 m-2 border-circle cursor-pointer\"\r\n      (click)=\"chart.fit().render()\" pTooltip=\"Centralizar\">\r\n      filter_center_focus\r\n    </span>\r\n\r\n    <span class=\"material-icons surface-300 shadow-4 p-1 m-2 border-circle cursor-pointer\"\r\n      (click)=\"chart.fullscreen('#chartContainer')\" pTooltip=\"Tela cheia\" >\r\n      fullscreen\r\n    </span>\r\n\r\n    </div>\r\n\r\n\r\n  </div>\r\n\r\n\r\n</div>\r\n\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: ["#chartContainer{height:100%;overflow:hidden}:host ::ng-deep #chartContainer svg.svg-chart-container{height:100%!important;position:relative;width:100%;top:-56px;z-index:0;background-color:#fff}.div-botoes{z-index:1;width:100%;position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: OrgchartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OrgchartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-orgchart', template: "<div #chartContainer id=\"chartContainer\" [ngClass]=\"{'backGround': true}\">\r\n\r\n\r\n  <div class=\"div-botoes w-full flex gap-1\" >\r\n\r\n\r\n    <span *ngIf=\"!mostraMenu\" class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n    (click)=\"mostraMenu = !mostraMenu\" pTooltip=\"Expandir menu\">menu</span>\r\n\r\n\r\n\r\n    <span *ngIf=\"mostraMenu\" class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n    (click)=\"mostraMenu = !mostraMenu\" pTooltip=\"Recolher menu\">menu_open</span>\r\n\r\n    <div *ngIf=\"mostraMenu\">\r\n      <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.zoomIn()\" pTooltip=\"Zoom +\">zoom_in</span>\r\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.zoomOut()\" pTooltip=\"Zoom -\">zoom_out</span>\r\n\r\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.collapseAll()\" pTooltip=\"Expandir\">expand_less</span>\r\n\r\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.expandAll()\" pTooltip=\"Recolher\">expand_more</span>\r\n\r\n\r\n    <!-- <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"compactSwap()\" pTooltip=\"Compactar\">cached</span> -->\r\n\r\n    <span class=\"material-icons surface-300 shadow-4 p-1 m-2 border-circle cursor-pointer\"\r\n      (click)=\"chart.fit().render()\" pTooltip=\"Centralizar\">\r\n      filter_center_focus\r\n    </span>\r\n\r\n    <span class=\"material-icons surface-300 shadow-4 p-1 m-2 border-circle cursor-pointer\"\r\n      (click)=\"chart.fullscreen('#chartContainer')\" pTooltip=\"Tela cheia\" >\r\n      fullscreen\r\n    </span>\r\n\r\n    </div>\r\n\r\n\r\n  </div>\r\n\r\n\r\n</div>\r\n\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: ["#chartContainer{height:100%;overflow:hidden}:host ::ng-deep #chartContainer svg.svg-chart-container{height:100%!important;position:relative;width:100%;top:-56px;z-index:0;background-color:#fff}.div-botoes{z-index:1;width:100%;position:relative}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { chartContainer: [{
@@ -3805,13 +3806,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class OrgchartModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OrgchartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: OrgchartModule, declarations: [OrgchartComponent], imports: [CommonModule,
+            PrimeNgModule], exports: [OrgchartComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OrgchartModule, imports: [CommonModule,
+            PrimeNgModule] }); }
 }
-OrgchartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: OrgchartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-OrgchartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: OrgchartModule, declarations: [OrgchartComponent], imports: [CommonModule,
-        PrimeNgModule], exports: [OrgchartComponent] });
-OrgchartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: OrgchartModule, imports: [CommonModule,
-        PrimeNgModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: OrgchartModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OrgchartModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3836,10 +3837,10 @@ class ImagensService {
     userDefaultImage() {
         return 'data:image/jpg;base64,/9j/4AAQSkZJRgABAQIAdgB2AAD/4QBiRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAMAAAITAAMAAAABAAEAAAAAAAAAAAB2AAAAAQAAAHYAAAAB/9sAQwADAgICAgIDAgICAwMDAwQGBAQEBAQIBgYFBgkICgoJCAkJCgwPDAoLDgsJCQ0RDQ4PEBAREAoMEhMSEBMPEBAQ/9sAQwEDAwMEAwQIBAQIEAsJCxAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQ/8AAEQgAkACQAwERAAIRAQMRAf/EAB0AAQABBAMBAAAAAAAAAAAAAAAGAQIHCAMECQX/xABBEAACAQQABQICCAQDBAsAAAABAgMABAURBgcSITETQQhRCRQVGSJVldEyYYGRQlJiFiM3OFNjcXN1dpKTsbO0/8QAGgEBAAIDAQAAAAAAAAAAAAAAAAEFAwQGAv/EADIRAAIABAMFCAEFAQEBAAAAAAABAgMEESExUQUSQZHwExUyYXGBobHRIjNCweE08SP/2gAMAwEAAhEDEQA/APKqgFAKAUBdDDLcSpBBE8ksjBERFJZmJ0AAPJJqUnE7IhtQq7yJ5w9ydz2Vi+s5e4XFRMu0V09SU70RtAR0jRPk9QI0V96s5GypkxXmPd+X/n35FbO2pKl4QfqfxzJ9jOU/BmO6WksZb6RJBIr3UpOta0pVelSO3gg72d7HarOXs2ngzV/XpIq49pVMfG3ovzdkmsMTisX1/ZmMtLP1ddfoQLH1a3rfSBvWz/etuCXBLvuJK+mBpxzI5lt9t21xO3WQ8CgOpf4nFZTo+08ZaXnpb6PrECydO9b11A63of2rHHLgmeNJ+qPcEyOXfcbV9MCM5PlPwZkepo7GWxkeQyM9rKRve9qFbqUL38ADWhrQ7VqTNm08eSt6P/1G5BtKog439V+LMgPEPJ3PYqL6ziLhcrGq7dET05RrZOkJPUNAeD1EnQX3qsn7KmS1vS3vfD/378i0k7UlTHuxrdfxz/wgc0M1vM9vcRPFLExR0dSrKwOiCD4IPtVY04XZlkmoldZFtQSKAUAoBQCgFASjg/l9meLZRKFeysOksbuSIlW7kaQdus7BB0dDR2d6B3aWhmVOOUOv41NKsrYaVYYxadX/AN+Vmzh7hHAcMRBMTYIkpXpe4f8AFK/Yb2x9j0g9I0u/YV0MimlU6tAsdeJzs2pmz/3Ir/XSy11Z9ms5gKhTUkXK6FBcaFCLjQoLjQoTcoVNBcpUEnxuIeEcBxRCUy1gjShelLhPwyp2OtMO5A6iek7XftWCfSyqhfrWOvEzyaibIf8A84reXDp5Xz0ZhPjHl/l+EZfUIa8sCoIu44yFU7A0479B2RrZ0djR3sDnaqimUru8Vr+dDoKSvl1KtFaGK+V888sr4K70+SL1pm+KAUAoBQE55dcu5eJplyuWR48TG3YbKtcsD3VT7KD2Lf0HfZWyoaF1D34/D99cerVtdXKnXZy/F9f7p1fOMMMVvElvbxJHFGoRERQFVQNAADwAPauiSUKssjnW3E7t4nIB869HhsrQgrUAUAoBQCgFAUqQUIoTc45oYp4ngniSSORSjo6hlZSNEEHsQR7VDSiVnkek3C7p4mDeYnLuXhiVsrikeTFSN3HctbMT2Vj7qT4b+h76Lc5XULp32kvw/X+efT6OhrlULs5ni+/916tB6rSyFAKAlHL/AIOl4uy+pCq2FmySXZJO2UntGNEHbaI37AE+dA7lFSuqmWeSz/HuaFfVqml7qvvRXt5eeTWF8nnpa5sFDFFBEkEESRxxqEREUBVUDQAA8AD2rqUklZHMtt4s5QKk8tlaggUAoCfcpuRPNLnbknx/Lvha4yEcDBbm9ciK1tt/9JK2lB136RtiPANYZ1RLp1eYzPIpptQ7S0bP4T6Lbju4tFk4h5qYKwuSNmKzsZrpAfl1sY//AIqui2vAn+mFllDseNr9USIrzB+jb528K2cuR4SyeG4tiiBY29s7W12QPcRyfgP/AGCTZ9gayStqyY3aK6MU3ZM6BXgaZqvlsTlcDkrnDZvG3WPv7OQxXFrdRNFLE48qyMAVP8jVkmoldZFZFC4XaLM6lSQKAUBaRU5kpnHNDFcRPb3ESSRSKUdHUMrKRogg+QahpNNM9wxOF7yzNfeYHB0vCOYIj6TYXjPJaEHuqgjaHZJ2uwN+40fOwOWraV0szDwvL8ex0tBVqpl7r8UKV/PzySxtksuRF60zfLoYZbiVIIInklkYIiIpLMxOgAB5JNSk4nZENqFXeRspwngIuGeH7TDoIzJEnVO6Af7yVu7HYALDfYEjfSFHtXW00hU8pS17+vXwchUTe2mxTMcXq/TV2yxSwvd5tn2AK2DAy6oIFAKAyp8NXIzJfEBzQsuC4JZLXFwIb3L3iAbgtEIDdO+3WxKovnu2yCAa16qoVNLcfHgbNJTOpmqDhxPYngzgvhfl7w1Y8IcHYa3xmJx8Yjgt4V0B82Y+WYnuWOySSSSa5WZMimxOKN3Z1kuXDKhUECsj7deD2KA1y+MT4W8Nzz4NuuI+H8dFDxzhrdpbC4jUK1/Gg2bWQ/4tjfQT/C2u4Bbe/Q1jp492Lwv48zQrqNVMG9Cv1L58jyVdHjdo5FKspIZSNEH5GumOWKUAoBQFpHvUko+Nxdw9DxRgLrEyBRK69du7aHRKP4TvR0N9job6SR71r1UhVEpy37epsU03sJsMzT6/v342ZrZNDNbzPb3ETxSxMUdHUqysDogg+CD7VyTThdmdcmoldZE85O8PRZXPy5a5CtFilV1Q6O5X2EOiD2AVjvYIYKastlyVMm77/j99fJWbUqHLlqWv5cfJW+/q5m+ujOdLqHkrUAUAoD0i+i74Vs7Tlrxdxr6S/W8lm1xpcjuIreBJAB8gWuW/sPlVDteNuZDBor9cjoNjwJS4o9X9f+m61VBcCgFAKA8Y/i24VtODPiP48wVhEsVv9p/XkRRoILmNLjpA9gPW0B8q6yijcyRDE9PrA5GugUuojhWv3iYjrZNUUAoClSC2oPRhDnFw9Fis/Fl7boWPKqzsg7alTQc6AA0QyneySxYn2rntqSFLmKYv5fa/P3c6PZc5zJW484frh/ZPuU+M+zuDLaRklSS+kkunWQa1s9KlRr+Eoiked734Iqz2bL3KdPW769kVe0o9+oflZf39smQFb5oMuqDyKAUAoD0b+i64xs7ngPjDgFpVF3j8smWVCe7RTwpESPmA1uN/LrHzqh2vLajhj8rHQbHmJwRQaO5u7VQXAoBQCgPFz4qOMbPjz4huOuJcfKstrJlGtIJFO1kjt0W3VwfkRECP5Guso5blyIYXp94nI1sxTKiKJa/WBiqtk1RQCgFAWkVJKIdzYxn2jwXcyKkzyWUkd0ix9/B6WLDR7BHc+2tb3oGq/aUtzKd24Y9cyw2dMUuoV+OHXukSXEWH2VirLGer6v1O3jg6+np6uhQu9bOt68brclwdnAoNFY05kfaRuPV35ndHishjZWoIFAKAUBkbkBzozfIXmZjuPcRGbiCMG2yVn1dIu7NyPUj37HsrKfZkUnY2DgqZCqZbgZsU1RFTTFGj2J5bczOC+bXClrxlwLmocjjrpRvpIEkEmtmKVPKON91P8iNggnlZsqOTFuRrE6yVOgnw78DuiU1jMgoDVj40vizw3KPhe+5e8F5SO444y0BgPoPv7JhcaMzkfwylT+BfIJDnsAGsqCic6JTI1+lfJW19apELggf6n8Hld5rozmRQCgFAKAo3ipJR0stYDK4q8xZm9IXlvJB6nT1dHWpXetjet+N1jmQdpA4NU1zMkuPs41Glezudush4RcPFDyytQBQCgFAKAlPLzmjzB5UZr/aDl5xVfYS9ICyGBwY5lB2FkjYFJF37MCKxzZME5bsxXMsqdMkPeluxsnhPpNueePtFtsvw1wjlZEGvrD2s8MjH5sElCf2UVXxbJkt4NosIdrzksUmRTmD9ID8RPHVnLjbLM47ha1mBVxg7ZopmX/vpGeRT/NCprLL2bIlu7V/UxTdp1ExWTt6GuVzc3F5cS3d3PJPPM5kklkYs7sTssxPckn3Nb6VsEV7beLOOgFAKAUAoCh8VIRbQ9CgRcPFDyytQBQCgFASfg/lfzH5gyenwPwLnc4OrpZ7GwkljQ/6nUdK/1IrHHOlyvHEkZJcmZN8ELZmDA/AJ8T+bRZZuBrXFRv3DX+Ut1Ov5qjsw/qBWrFtKnh/lf2NuHZlTF/G3uSuH6M/4hJUDSZfguE/5XyU5I/8ATARWPvWRo+vcyrZM/Vdex1b/AOjb+I2zQtbtwrfED+G3yjgn/wByNRUrash68iHsmoWnMx9xR8G3xL8JI82R5T5W6iQb68Y8V/sfMLAzt/cVngrqePKL+vswR0FRBnDyx+jEOTxeTwt7Jjsxjrqxu4TqSC5haKRD/NWAIrZTUSujUcLhdmdapIFAKAUBQ+KkItoejqYm/wDtTFWWT9L0vrlvHP0dXV09ahtb0N6351WOXH2kCj1SZ7mQdnG4L3s7cjujxWQxsrUECgMj8kOQPMPn7xIcDwRjlFvbdLX+Sudra2SHwXYA7Y6OkUFjo9tAkYKipl00O9GbFPTTKmLdg5no9yb+AvkjywggvuIsWvGmcQAvd5aINbK3/V2uygHj+Prb5EeKoZ+0Z07CF7q8vydBI2bJk4xLefn+DY62tbayt47Szt4oIIlCRxRIFRFHgADsBWg23iywStgjlqAKAUAoCOca8uOAuY+OOK474QxWcttEKt7bLI0e/dHI6kP81INZJc2OU7wOxjmSoJqtGrmk/P76Nu3jtLnibkHfTerGGkfh6/m6usfK3nbvv5LITv8AzjsDb021cd2fz/JT1OyVbekcvwaFZHHZDD5C5xWWsp7O9s5WguLeeMpJFIp0yMp7ggggg1dJqJXRSNOF2eZ16ECgKHxUko6WWvxisVeZQw+qLO3kn9Pq6evoUtrejrevOqxzI+zgceib5GSXA5kagTtd25ka5T5MZHgu1jZ5nksZJLV2kO/B6lCnZ/CEdAPGta8AVp7NmOZTpPhh1zNzaMvs6h2449e6ZMQasCvZdUEHZxmOu8vkrTE2EfqXN7PHbwpvXVI7BVH9yKhtQq7JScTsj225L8peHOSnLvFcBcOW8YWziDXlyF095dED1Z3Pklj434UKo7AVyNROiqJjjiOxp5ENPLUEJOawmYUAoBQCgFAKAUBoV9JfyVw8WMxXPHC2kcF+10mJzPprr6wrIxgmb/UvQUJ8kMg8LV1sqod3Jfqik2vTqynLPJnn5V2UQoC0mpJRDubGT+zuC7qNXmSS9kjtUaM61s9TBjsfhKI49971rRNV+0pjl07txw65G/s6WplQr8MevdogHJ3iCLFZ+XE3JVYsqqornQ1Mmyg2SOxDMPBJYqKrNlz1Lm7jyi++BZ7VkOZLUyH+PDyftw5Wv5Gb66I54uqTySzlL/xV4M/8wY7/APTHWKd+1F6MyyP3YfVHubXHHZigFAKAUAoBQCgFAay/SJ/8s+S/8VsP/sqw2Z/0L0ZXbU/5n6o8oa6U5goe1SC2oPRhDnFxDDlc9FibboaPFKyM47kyvouNgkaHSo8AhuoH2rntqz1MmKXD/H7f4+7nR7LkuXKccWcX1w/sgcM0tvKk8ErxyxsHR0YhlYHYII8EGqxNwu6LJpRKzyNlOEs/HxNw/Z5dTGJJU6Z0Uj8Eq9mGgSV79wD36Sp9662mnqolKNe/r18HIVEvsZ0UrT1yzXDH1WF7rNM+wD7VsGBnfweYveHs1j8/jWRbvGXUV5bl16lEkbh1JHuNgdq8xQqJOF8RDE4WolwNjvvFPiX/ADnBfpMf71od2U+j5lh3rUarkPvFPiX/ADnBfpMf707sp9HzHetRquQ+8U+Jf85wX6TH+9O7KfR8x3rUarkPvFPiX/OcF+kx/vTuyn0fMd61Gq5D7xT4l/znBfpMf707sp9HzHetRquQ+8U+Jf8AOcF+kx/vTuyn0fMd61Gq5D7xT4l/znBfpMf707sp9HzHetRquQ+8U+Jf85wX6TH+9O7KfR8x3rUarkPvFPiX/OcF+kx/vTuyn0fMd61Gq5EP5qfGBzp5ycITcD8b5HFzYueaK4dbfHpE/XGdr+Id/NZZNDJkRb8GZinV06og3I8jClbZplpPtUkpHxeLuIYuF8BdZZyhlRei3Rv8cp7KNbGx7nR30g1r1M9U8pzH7evXwbFPK7ebDL1+v698L2NbZppbiV555XklkYu7uxLMxOyST5JNck24nd5nXJKFWRbUEko5f8Yy8I5cGTpNheMkd2CDtVBOpBoE7XZOvcEjzojcoqp0szHwvP8APsaFfSKpl7yvvQ3t5+WOGNs+GtrmwUM0VxElxbypJFIodHRgyspGwQR5BrqU7q6OZaawZyA1OZ5aLqggUAoBQCgFAKAUAoBQFpNTkSkcc00VvE9xcSpHFGpd3dgqqoGyST4AqG0k2z3DC4nurM195gcYy8XZgmPpFhZs8doAO7KSNyHYB23SDr2Gh52Ty1bVOqmXWSy/J0tBSKml7z8USV/Lyzawvms+RF60zfFAKAnHLvmJLwxKuKyrvJipG7HuzWzE92Ue6k+V/qO+w1lQ1zp32czw/X+eXTra6hVQt+X4vvrh1bOUM0VxEk8EqSRSKHR0YFWUjYII8giujTTV0znGmnZo5AfnUnlorUEFaAUAoBQCgFAU3qpBQn5UJSOOaaK3ie4uJUjijUu7uwCqoGyST4AFQ2liz0ld2Rg3mJzEl4mlbFYp3jxUbdz3DXLA9mYeyj2X+p76C85XVzqHuQeH7668ujoaFU67SPxfXXXnB6rSyFAKAUAoCU8H8w81wnIsJd77HhCgs5ZSFTuW3Ge/QepiToaOzsb0RuUtbMpnbOHT8aFfVbOl1F4oLQxN3btnkscr4KyfCy4YGbcBxZgOJog2IyMcsgQO8Dfhlj7KTtT3IBYAsNrvwTXRSamVUK8t+3Hr4Ofm086T+5DbF/flfPNXxtmk8D69ZzCVDGpIsV6hQWGx86EWGx86Cw6hQmxQsaCxSoJPkZ/i3h/hmMtl8jHFIULpAv4pZOzEaUdxsqQGOl35IrBPqZVOrzH7cevgzSqebP8A24b4pcMOdss3xtkm8DCPGPMDL8XS+mS1nYBQBaRykqx2Dtz26zsDWxoaGhvZPO1VbMqnZ4LT86nRUtBLpknFaKLW3rlnbB2evwRetM3hQCgFAKAUAoC6GaW3lSeCV45Y2Do6MQysDsEEeCDUpuF3RDSiVnkTzh7nFn8VELbLQJlYlXSM7+nKOwA24B6h2PkFiTsmrKTtSbLVo1vL56+fMq5+ypcx3lvd14rjy+rK1if4zmxwXkelZL6WykeT01S6hK78aYsvUqjv5LDWjvQ71Zy9pU8x2vb16ZWzNnVEtXtf06T+CS2GWxWVEhxeStbwRa9T0Jlk6N71vpJ1vR/sa3IJkEzwNP0dzTjlxy7KNNX1O3WQ8CgOpf5fE4ro+08naWfq7KevMsfVrzrqI35H96xxzIJfjaXqzJBLjmeBN+iI1k+a/BeN6lS/lvZElMbJaxFvG9sGbpRl7eQx3sa2O9aczaVPLdr39Ol8G1L2dUTFe1vXptciAcQc4s/lYjbYmBMVEy6dkf1JTsEHTkAKO48DqBGw1Vk/ak2ZhB+lfPMtJGypct70x72nBcOfHyxy4kDmmmuJnuLiV5ZZWLu7sWZmJ2SSe5JPvVa24ndlmkoVZZFtQSKAUAoD/9k=';
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImagensService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImagensService, providedIn: 'root' }); }
 }
-ImagensService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ImagensService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ImagensService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ImagensService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ImagensService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImagensService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3895,12 +3896,12 @@ class WorkspaceComponent {
     filtrarEmpresa(event) {
         this.empresas = this.masterSelecionada.empresas.filter((e) => e.nomeempresa.toLowerCase().includes(event.toLowerCase()));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WorkspaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WorkspaceComponent, selector: "kv-workspace", inputs: { nomeSistema: "nomeSistema", nomeUsuario: "nomeUsuario", masters: "masters", somenteMaster: "somenteMaster" }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada" }, ngImport: i0, template: "<div *ngIf=\"visivel\" [style]=\"styleBackground\" class=\"h-screen flex justify-content-center align-items-center login-container flex-column\">\r\n  <div id=\"card-container\"\r\n    class=\"flex flex-column justify-content-around card-login formgrid p-fluid col-12 w-10 lg:w-7\">\r\n    <div class=\"field col-12 flex justify-content-center mb-4\">\r\n      <h1 class=\"text-6xl text-blue-900\" id=\"logo\">{{nomeSistema}}</h1>\r\n    </div>\r\n\r\n\r\n    <!-- IN\u00CDCIO DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\r\n    <div *ngIf=\"!masterSelecionada\" class=\"col-12 z-5\">\r\n      <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center z-5\">\r\n        <div class=\"field col-6 text-lg\">\r\n          Ol\u00E1 <span class=\"font-bold\">{{nomeUsuario}},</span> bem vindo (a).\r\n        </div>\r\n        <div class=\"field col-6 text-lg\">\r\n          Escolha qual <span class=\"font-bold\">Workspace</span> voc\u00EA deseja\r\n          <span class=\"font-bold\">acessar</span>:\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center z-5\">\r\n        <div id=\"master-container\"\r\n          class=\"field col-7 flex gap-2 justify-content-center flex-wrap max-h-21rem overflow-x-auto z-5\" >\r\n\r\n          <div [pTooltip]=\"master.razaosocial\" id=\"master-card\" *ngFor=\"let master of masters\"\r\n\r\n            class=\"text-overflow-ellipsis overflow-hidden w-10rem h-10rem flex flex-column align-items-center justify-content-between text-center p-3 gap-2 border-card\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"23\" viewBox=\"0 0 25 23\" fill=\"#0E4F82\">\r\n              <path\r\n                d=\"M20 15.3333H17.5V17.8889H20M20 10.2222H17.5V12.7778H20M22.5 20.4444H12.5V17.8889H15V15.3333H12.5V12.7778H15V10.2222H12.5V7.66667H22.5M10 5.11111H7.5V2.55556H10M10 10.2222H7.5V7.66667H10M10 15.3333H7.5V12.7778H10M10 20.4444H7.5V17.8889H10M5 5.11111H2.5V2.55556H5M5 10.2222H2.5V7.66667H5M5 15.3333H2.5V12.7778H5M5 20.4444H2.5V17.8889H5M12.5 5.11111V0H0V23H25V5.11111H12.5Z\"\r\n                fill=\"#0E4F82\" />\r\n            </svg>\r\n\r\n            <div class=\"text-lg text-blue-800 text-overflow-ellipsis overflow-hidden h-3rem w-full text-center font-semibold\">\r\n              {{  master.razaosocial.split(' ')[0] + ' ' + master.razaosocial.split(' ')[1] || master.razaosocial  }}\r\n            </div>\r\n\r\n            <kv-button-personalize color=\"bg-blue-900\" label=\"Acessar\" (onClick)=\"selecionarMaster(master)\" ></kv-button-personalize>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- FIM DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\r\n\r\n    <!-- IN\u00CDCIO DO WORKSPACE EMPRESA -->\r\n    <div *ngIf=\"masterSelecionada && !empresaSelecionada\" class=\"col-12 z-5\">\r\n      <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center z-5\">\r\n\r\n        <div class=\"col-8 flex xl:flex-row flex-column p-0 border-card border-round-2xl justify-content-between z-5\">\r\n\r\n          <div class=\"flex flex-column xl:flex-row w-full xl:w-9\">\r\n            <div class=\"flex border-round-left-2xl bg-white1 p-3 flex align-items-center font-semibold m-0 xl:w-4 w-full z-5\">\r\n              Workspace\r\n            </div>\r\n\r\n            <div class=\"gap-2 p-3 flex align-items-center m-0 xl:w-7 sm:w-full\"\r\n              [pTooltip]=\"masterSelecionada.razaosocial\">\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"23\" viewBox=\"0 0 25 23\" fill=\"#0E4F82\">\r\n                <path\r\n                  d=\"M20 15.3333H17.5V17.8889H20M20 10.2222H17.5V12.7778H20M22.5 20.4444H12.5V17.8889H15V15.3333H12.5V12.7778H15V10.2222H12.5V7.66667H22.5M10 5.11111H7.5V2.55556H10M10 10.2222H7.5V7.66667H10M10 15.3333H7.5V12.7778H10M10 20.4444H7.5V17.8889H10M5 5.11111H2.5V2.55556H5M5 10.2222H2.5V7.66667H5M5 15.3333H2.5V12.7778H5M5 20.4444H2.5V17.8889H5M12.5 5.11111V0H0V23H25V5.11111H12.5Z\"\r\n                  fill=\"#0E4F82\" />\r\n              </svg>\r\n\r\n              <span class=\"w-full white-space-nowrap overflow-hidden text-overflow-ellipsis\">{{masterSelecionada.razaosocial}}</span>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"bg-white2 border-round-right-2xl p-3 flex align-items-center cursor-pointer m-0 xl:w-1 w-full\"(click)=\"voltar()\">\r\n            <i class=\"pi pi-arrow-left\"></i>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center\">\r\n\r\n          <div class=\"grid formgrid col-10 md:col-7 md:col-6 p-fluid flex align-items-center\">\r\n            <span class=\"field p-0 col-12 xl:col-6 font-semibold \">Selecione a empresa</span>\r\n            <div class=\"field p-0 col-12 xl:col-6\">\r\n              <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search\"></i>\r\n                <input type=\"text\" pInputText (ngModelChange)=\"filtrarEmpresa($event)\" [(ngModel)]=\"txtPesquisa\" />\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          <div id=\"master-container\" class=\"field  mt-3 relative z-5 col-10 md:col-7  flex gap-2 justify-content-center flex-wrap max-h-15rem overflow-x-auto\" >\r\n\r\n            <div  class=\"grid formgrid col-12 p-fluid border-bottom-1 border-300\" *ngFor=\"let empresa of empresas\" >\r\n              <span [pTooltip]=\"empresa.nomeempresa || empresa.nomefantasia\" class=\"field md:col-10 col-12  flex gap-1\">\r\n                <span class=\"text-base white-space-nowrap overflow-hidden text-overflow-ellipsis\">{{empresa.nomeempresa || empresa.nomefantasia }}</span>\r\n              </span>\r\n\r\n              <div class=\"field md:col-2  col-12 bg-blue-900 flex align-items-center justify-content-center py-2 px-2 col border-round-md cursor-pointer\" (click)=\"selecionarEmpresa(empresa)\">\r\n                <i class=\"pi pi-angle-right text-xl text-white\"></i>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- FIM DO WORKSPACE EMPRESA -->\r\n\r\n    <div class=\" lg:block hidden w-full col-12 grid formgrid pointer-events-none\t\">\r\n      <div class=\"field col-12  flex justify-content-end\" id=\"personagens-imagem\"><img [src]=\"imgPersonagens\" class=\"field w-full col-12\" alt=\"\"></div>\r\n    </div>\r\n  </div>\r\n  <img [src]=\"imgLogoKeevo\" class=\"w-9rem mt-6\" />\r\n</div>\r\n", styles: ["*{margin:0}::ng-deep body{margin:0!important}.login-container{background-repeat:no-repeat;background-size:cover}#card-container{background:#fff;border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;-webkit-border-radius:14px}#logo{background:linear-gradient(97deg,#002542 5.7%,#115a94 102.3%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.border-card{border-radius:12px;border:1px dashed #2770E8}#master-card h1{color:#26406b}.bg-white1{background-color:#f1f1f1}.bg-white2{background-color:#f2f3f5}#personagens-imagem{width:60%!important;position:absolute;transform:translate(-2%,-91%)}#master-container{--sb-track-color: #f1f1f1;--sb-thumb-color: #183462;--sb-size: 5px;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}#master-container::-webkit-scrollbar{width:var(--sb-size)}#master-container::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:40px}#master-container::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:40px}span,.login-container{font-size:15px!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$6.InputText, selector: "[pInputText]" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonPersonalizeComponent, selector: "kv-button-personalize" }] }); }
 }
-WorkspaceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: WorkspaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WorkspaceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { nomeSistema: "nomeSistema", nomeUsuario: "nomeUsuario", masters: "masters", somenteMaster: "somenteMaster" }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada" }, ngImport: i0, template: "<div *ngIf=\"visivel\" [style]=\"styleBackground\" class=\"h-screen flex justify-content-center align-items-center login-container flex-column\">\r\n  <div id=\"card-container\"\r\n    class=\"flex flex-column justify-content-around card-login formgrid p-fluid col-12 w-10 lg:w-7\">\r\n    <div class=\"field col-12 flex justify-content-center mb-4\">\r\n      <h1 class=\"text-6xl text-blue-900\" id=\"logo\">{{nomeSistema}}</h1>\r\n    </div>\r\n\r\n\r\n    <!-- IN\u00CDCIO DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\r\n    <div *ngIf=\"!masterSelecionada\" class=\"col-12 z-5\">\r\n      <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center z-5\">\r\n        <div class=\"field col-6 text-lg\">\r\n          Ol\u00E1 <span class=\"font-bold\">{{nomeUsuario}},</span> bem vindo (a).\r\n        </div>\r\n        <div class=\"field col-6 text-lg\">\r\n          Escolha qual <span class=\"font-bold\">Workspace</span> voc\u00EA deseja\r\n          <span class=\"font-bold\">acessar</span>:\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center z-5\">\r\n        <div id=\"master-container\"\r\n          class=\"field col-7 flex gap-2 justify-content-center flex-wrap max-h-21rem overflow-x-auto z-5\" >\r\n\r\n          <div [pTooltip]=\"master.razaosocial\" id=\"master-card\" *ngFor=\"let master of masters\"\r\n\r\n            class=\"text-overflow-ellipsis overflow-hidden w-10rem h-10rem flex flex-column align-items-center justify-content-between text-center p-3 gap-2 border-card\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"23\" viewBox=\"0 0 25 23\" fill=\"#0E4F82\">\r\n              <path\r\n                d=\"M20 15.3333H17.5V17.8889H20M20 10.2222H17.5V12.7778H20M22.5 20.4444H12.5V17.8889H15V15.3333H12.5V12.7778H15V10.2222H12.5V7.66667H22.5M10 5.11111H7.5V2.55556H10M10 10.2222H7.5V7.66667H10M10 15.3333H7.5V12.7778H10M10 20.4444H7.5V17.8889H10M5 5.11111H2.5V2.55556H5M5 10.2222H2.5V7.66667H5M5 15.3333H2.5V12.7778H5M5 20.4444H2.5V17.8889H5M12.5 5.11111V0H0V23H25V5.11111H12.5Z\"\r\n                fill=\"#0E4F82\" />\r\n            </svg>\r\n\r\n            <div class=\"text-lg text-blue-800 text-overflow-ellipsis overflow-hidden h-3rem w-full text-center font-semibold\">\r\n              {{  master.razaosocial.split(' ')[0] + ' ' + master.razaosocial.split(' ')[1] || master.razaosocial  }}\r\n            </div>\r\n\r\n            <kv-button-personalize color=\"bg-blue-900\" label=\"Acessar\" (onClick)=\"selecionarMaster(master)\" ></kv-button-personalize>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- FIM DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\r\n\r\n    <!-- IN\u00CDCIO DO WORKSPACE EMPRESA -->\r\n    <div *ngIf=\"masterSelecionada && !empresaSelecionada\" class=\"col-12 z-5\">\r\n      <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center z-5\">\r\n\r\n        <div class=\"col-8 flex xl:flex-row flex-column p-0 border-card border-round-2xl justify-content-between z-5\">\r\n\r\n          <div class=\"flex flex-column xl:flex-row w-full xl:w-9\">\r\n            <div class=\"flex border-round-left-2xl bg-white1 p-3 flex align-items-center font-semibold m-0 xl:w-4 w-full z-5\">\r\n              Workspace\r\n            </div>\r\n\r\n            <div class=\"gap-2 p-3 flex align-items-center m-0 xl:w-7 sm:w-full\"\r\n              [pTooltip]=\"masterSelecionada.razaosocial\">\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"23\" viewBox=\"0 0 25 23\" fill=\"#0E4F82\">\r\n                <path\r\n                  d=\"M20 15.3333H17.5V17.8889H20M20 10.2222H17.5V12.7778H20M22.5 20.4444H12.5V17.8889H15V15.3333H12.5V12.7778H15V10.2222H12.5V7.66667H22.5M10 5.11111H7.5V2.55556H10M10 10.2222H7.5V7.66667H10M10 15.3333H7.5V12.7778H10M10 20.4444H7.5V17.8889H10M5 5.11111H2.5V2.55556H5M5 10.2222H2.5V7.66667H5M5 15.3333H2.5V12.7778H5M5 20.4444H2.5V17.8889H5M12.5 5.11111V0H0V23H25V5.11111H12.5Z\"\r\n                  fill=\"#0E4F82\" />\r\n              </svg>\r\n\r\n              <span class=\"w-full white-space-nowrap overflow-hidden text-overflow-ellipsis\">{{masterSelecionada.razaosocial}}</span>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"bg-white2 border-round-right-2xl p-3 flex align-items-center cursor-pointer m-0 xl:w-1 w-full\"(click)=\"voltar()\">\r\n            <i class=\"pi pi-arrow-left\"></i>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center\">\r\n\r\n          <div class=\"grid formgrid col-10 md:col-7 md:col-6 p-fluid flex align-items-center\">\r\n            <span class=\"field p-0 col-12 xl:col-6 font-semibold \">Selecione a empresa</span>\r\n            <div class=\"field p-0 col-12 xl:col-6\">\r\n              <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search\"></i>\r\n                <input type=\"text\" pInputText (ngModelChange)=\"filtrarEmpresa($event)\" [(ngModel)]=\"txtPesquisa\" />\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          <div id=\"master-container\" class=\"field  mt-3 relative z-5 col-10 md:col-7  flex gap-2 justify-content-center flex-wrap max-h-15rem overflow-x-auto\" >\r\n\r\n            <div  class=\"grid formgrid col-12 p-fluid border-bottom-1 border-300\" *ngFor=\"let empresa of empresas\" >\r\n              <span [pTooltip]=\"empresa.nomeempresa || empresa.nomefantasia\" class=\"field md:col-10 col-12  flex gap-1\">\r\n                <span class=\"text-base white-space-nowrap overflow-hidden text-overflow-ellipsis\">{{empresa.nomeempresa || empresa.nomefantasia }}</span>\r\n              </span>\r\n\r\n              <div class=\"field md:col-2  col-12 bg-blue-900 flex align-items-center justify-content-center py-2 px-2 col border-round-md cursor-pointer\" (click)=\"selecionarEmpresa(empresa)\">\r\n                <i class=\"pi pi-angle-right text-xl text-white\"></i>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- FIM DO WORKSPACE EMPRESA -->\r\n\r\n    <div class=\" lg:block hidden w-full col-12 grid formgrid pointer-events-none\t\">\r\n      <div class=\"field col-12  flex justify-content-end\" id=\"personagens-imagem\"><img [src]=\"imgPersonagens\" class=\"field w-full col-12\" alt=\"\"></div>\r\n    </div>\r\n  </div>\r\n  <img [src]=\"imgLogoKeevo\" class=\"w-9rem mt-6\" />\r\n</div>\r\n", styles: ["*{margin:0}::ng-deep body{margin:0!important}.login-container{background-repeat:no-repeat;background-size:cover}#card-container{background:#fff;border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;-webkit-border-radius:14px}#logo{background:linear-gradient(97deg,#002542 5.7%,#115A94 102.3%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.border-card{border-radius:12px;border:1px dashed #2770E8}#master-card h1{color:#26406b}.bg-white1{background-color:#f1f1f1}.bg-white2{background-color:#f2f3f5}#personagens-imagem{width:60%!important;position:absolute;transform:translate(-2%,-91%)}#master-container{--sb-track-color: #f1f1f1;--sb-thumb-color: #183462;--sb-size: 5px;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}#master-container::-webkit-scrollbar{width:var(--sb-size)}#master-container::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:40px}#master-container::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:40px}span,.login-container{font-size:15px!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$6.InputText, selector: "[pInputText]" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonPersonalizeComponent, selector: "kv-button-personalize" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: WorkspaceComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WorkspaceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-workspace', template: "<div *ngIf=\"visivel\" [style]=\"styleBackground\" class=\"h-screen flex justify-content-center align-items-center login-container flex-column\">\r\n  <div id=\"card-container\"\r\n    class=\"flex flex-column justify-content-around card-login formgrid p-fluid col-12 w-10 lg:w-7\">\r\n    <div class=\"field col-12 flex justify-content-center mb-4\">\r\n      <h1 class=\"text-6xl text-blue-900\" id=\"logo\">{{nomeSistema}}</h1>\r\n    </div>\r\n\r\n\r\n    <!-- IN\u00CDCIO DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\r\n    <div *ngIf=\"!masterSelecionada\" class=\"col-12 z-5\">\r\n      <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center z-5\">\r\n        <div class=\"field col-6 text-lg\">\r\n          Ol\u00E1 <span class=\"font-bold\">{{nomeUsuario}},</span> bem vindo (a).\r\n        </div>\r\n        <div class=\"field col-6 text-lg\">\r\n          Escolha qual <span class=\"font-bold\">Workspace</span> voc\u00EA deseja\r\n          <span class=\"font-bold\">acessar</span>:\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center z-5\">\r\n        <div id=\"master-container\"\r\n          class=\"field col-7 flex gap-2 justify-content-center flex-wrap max-h-21rem overflow-x-auto z-5\" >\r\n\r\n          <div [pTooltip]=\"master.razaosocial\" id=\"master-card\" *ngFor=\"let master of masters\"\r\n\r\n            class=\"text-overflow-ellipsis overflow-hidden w-10rem h-10rem flex flex-column align-items-center justify-content-between text-center p-3 gap-2 border-card\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"23\" viewBox=\"0 0 25 23\" fill=\"#0E4F82\">\r\n              <path\r\n                d=\"M20 15.3333H17.5V17.8889H20M20 10.2222H17.5V12.7778H20M22.5 20.4444H12.5V17.8889H15V15.3333H12.5V12.7778H15V10.2222H12.5V7.66667H22.5M10 5.11111H7.5V2.55556H10M10 10.2222H7.5V7.66667H10M10 15.3333H7.5V12.7778H10M10 20.4444H7.5V17.8889H10M5 5.11111H2.5V2.55556H5M5 10.2222H2.5V7.66667H5M5 15.3333H2.5V12.7778H5M5 20.4444H2.5V17.8889H5M12.5 5.11111V0H0V23H25V5.11111H12.5Z\"\r\n                fill=\"#0E4F82\" />\r\n            </svg>\r\n\r\n            <div class=\"text-lg text-blue-800 text-overflow-ellipsis overflow-hidden h-3rem w-full text-center font-semibold\">\r\n              {{  master.razaosocial.split(' ')[0] + ' ' + master.razaosocial.split(' ')[1] || master.razaosocial  }}\r\n            </div>\r\n\r\n            <kv-button-personalize color=\"bg-blue-900\" label=\"Acessar\" (onClick)=\"selecionarMaster(master)\" ></kv-button-personalize>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- FIM DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\r\n\r\n    <!-- IN\u00CDCIO DO WORKSPACE EMPRESA -->\r\n    <div *ngIf=\"masterSelecionada && !empresaSelecionada\" class=\"col-12 z-5\">\r\n      <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center z-5\">\r\n\r\n        <div class=\"col-8 flex xl:flex-row flex-column p-0 border-card border-round-2xl justify-content-between z-5\">\r\n\r\n          <div class=\"flex flex-column xl:flex-row w-full xl:w-9\">\r\n            <div class=\"flex border-round-left-2xl bg-white1 p-3 flex align-items-center font-semibold m-0 xl:w-4 w-full z-5\">\r\n              Workspace\r\n            </div>\r\n\r\n            <div class=\"gap-2 p-3 flex align-items-center m-0 xl:w-7 sm:w-full\"\r\n              [pTooltip]=\"masterSelecionada.razaosocial\">\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"23\" viewBox=\"0 0 25 23\" fill=\"#0E4F82\">\r\n                <path\r\n                  d=\"M20 15.3333H17.5V17.8889H20M20 10.2222H17.5V12.7778H20M22.5 20.4444H12.5V17.8889H15V15.3333H12.5V12.7778H15V10.2222H12.5V7.66667H22.5M10 5.11111H7.5V2.55556H10M10 10.2222H7.5V7.66667H10M10 15.3333H7.5V12.7778H10M10 20.4444H7.5V17.8889H10M5 5.11111H2.5V2.55556H5M5 10.2222H2.5V7.66667H5M5 15.3333H2.5V12.7778H5M5 20.4444H2.5V17.8889H5M12.5 5.11111V0H0V23H25V5.11111H12.5Z\"\r\n                  fill=\"#0E4F82\" />\r\n              </svg>\r\n\r\n              <span class=\"w-full white-space-nowrap overflow-hidden text-overflow-ellipsis\">{{masterSelecionada.razaosocial}}</span>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"bg-white2 border-round-right-2xl p-3 flex align-items-center cursor-pointer m-0 xl:w-1 w-full\"(click)=\"voltar()\">\r\n            <i class=\"pi pi-arrow-left\"></i>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center\">\r\n\r\n          <div class=\"grid formgrid col-10 md:col-7 md:col-6 p-fluid flex align-items-center\">\r\n            <span class=\"field p-0 col-12 xl:col-6 font-semibold \">Selecione a empresa</span>\r\n            <div class=\"field p-0 col-12 xl:col-6\">\r\n              <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search\"></i>\r\n                <input type=\"text\" pInputText (ngModelChange)=\"filtrarEmpresa($event)\" [(ngModel)]=\"txtPesquisa\" />\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          <div id=\"master-container\" class=\"field  mt-3 relative z-5 col-10 md:col-7  flex gap-2 justify-content-center flex-wrap max-h-15rem overflow-x-auto\" >\r\n\r\n            <div  class=\"grid formgrid col-12 p-fluid border-bottom-1 border-300\" *ngFor=\"let empresa of empresas\" >\r\n              <span [pTooltip]=\"empresa.nomeempresa || empresa.nomefantasia\" class=\"field md:col-10 col-12  flex gap-1\">\r\n                <span class=\"text-base white-space-nowrap overflow-hidden text-overflow-ellipsis\">{{empresa.nomeempresa || empresa.nomefantasia }}</span>\r\n              </span>\r\n\r\n              <div class=\"field md:col-2  col-12 bg-blue-900 flex align-items-center justify-content-center py-2 px-2 col border-round-md cursor-pointer\" (click)=\"selecionarEmpresa(empresa)\">\r\n                <i class=\"pi pi-angle-right text-xl text-white\"></i>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- FIM DO WORKSPACE EMPRESA -->\r\n\r\n    <div class=\" lg:block hidden w-full col-12 grid formgrid pointer-events-none\t\">\r\n      <div class=\"field col-12  flex justify-content-end\" id=\"personagens-imagem\"><img [src]=\"imgPersonagens\" class=\"field w-full col-12\" alt=\"\"></div>\r\n    </div>\r\n  </div>\r\n  <img [src]=\"imgLogoKeevo\" class=\"w-9rem mt-6\" />\r\n</div>\r\n", styles: ["*{margin:0}::ng-deep body{margin:0!important}.login-container{background-repeat:no-repeat;background-size:cover}#card-container{background:#fff;border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;-webkit-border-radius:14px}#logo{background:linear-gradient(97deg,#002542 5.7%,#115A94 102.3%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.border-card{border-radius:12px;border:1px dashed #2770E8}#master-card h1{color:#26406b}.bg-white1{background-color:#f1f1f1}.bg-white2{background-color:#f2f3f5}#personagens-imagem{width:60%!important;position:absolute;transform:translate(-2%,-91%)}#master-container{--sb-track-color: #f1f1f1;--sb-thumb-color: #183462;--sb-size: 5px;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}#master-container::-webkit-scrollbar{width:var(--sb-size)}#master-container::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:40px}#master-container::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:40px}span,.login-container{font-size:15px!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}\n"] }]
+            args: [{ selector: 'kv-workspace', template: "<div *ngIf=\"visivel\" [style]=\"styleBackground\" class=\"h-screen flex justify-content-center align-items-center login-container flex-column\">\r\n  <div id=\"card-container\"\r\n    class=\"flex flex-column justify-content-around card-login formgrid p-fluid col-12 w-10 lg:w-7\">\r\n    <div class=\"field col-12 flex justify-content-center mb-4\">\r\n      <h1 class=\"text-6xl text-blue-900\" id=\"logo\">{{nomeSistema}}</h1>\r\n    </div>\r\n\r\n\r\n    <!-- IN\u00CDCIO DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\r\n    <div *ngIf=\"!masterSelecionada\" class=\"col-12 z-5\">\r\n      <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center z-5\">\r\n        <div class=\"field col-6 text-lg\">\r\n          Ol\u00E1 <span class=\"font-bold\">{{nomeUsuario}},</span> bem vindo (a).\r\n        </div>\r\n        <div class=\"field col-6 text-lg\">\r\n          Escolha qual <span class=\"font-bold\">Workspace</span> voc\u00EA deseja\r\n          <span class=\"font-bold\">acessar</span>:\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center z-5\">\r\n        <div id=\"master-container\"\r\n          class=\"field col-7 flex gap-2 justify-content-center flex-wrap max-h-21rem overflow-x-auto z-5\" >\r\n\r\n          <div [pTooltip]=\"master.razaosocial\" id=\"master-card\" *ngFor=\"let master of masters\"\r\n\r\n            class=\"text-overflow-ellipsis overflow-hidden w-10rem h-10rem flex flex-column align-items-center justify-content-between text-center p-3 gap-2 border-card\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"23\" viewBox=\"0 0 25 23\" fill=\"#0E4F82\">\r\n              <path\r\n                d=\"M20 15.3333H17.5V17.8889H20M20 10.2222H17.5V12.7778H20M22.5 20.4444H12.5V17.8889H15V15.3333H12.5V12.7778H15V10.2222H12.5V7.66667H22.5M10 5.11111H7.5V2.55556H10M10 10.2222H7.5V7.66667H10M10 15.3333H7.5V12.7778H10M10 20.4444H7.5V17.8889H10M5 5.11111H2.5V2.55556H5M5 10.2222H2.5V7.66667H5M5 15.3333H2.5V12.7778H5M5 20.4444H2.5V17.8889H5M12.5 5.11111V0H0V23H25V5.11111H12.5Z\"\r\n                fill=\"#0E4F82\" />\r\n            </svg>\r\n\r\n            <div class=\"text-lg text-blue-800 text-overflow-ellipsis overflow-hidden h-3rem w-full text-center font-semibold\">\r\n              {{  master.razaosocial.split(' ')[0] + ' ' + master.razaosocial.split(' ')[1] || master.razaosocial  }}\r\n            </div>\r\n\r\n            <kv-button-personalize color=\"bg-blue-900\" label=\"Acessar\" (onClick)=\"selecionarMaster(master)\" ></kv-button-personalize>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- FIM DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\r\n\r\n    <!-- IN\u00CDCIO DO WORKSPACE EMPRESA -->\r\n    <div *ngIf=\"masterSelecionada && !empresaSelecionada\" class=\"col-12 z-5\">\r\n      <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center z-5\">\r\n\r\n        <div class=\"col-8 flex xl:flex-row flex-column p-0 border-card border-round-2xl justify-content-between z-5\">\r\n\r\n          <div class=\"flex flex-column xl:flex-row w-full xl:w-9\">\r\n            <div class=\"flex border-round-left-2xl bg-white1 p-3 flex align-items-center font-semibold m-0 xl:w-4 w-full z-5\">\r\n              Workspace\r\n            </div>\r\n\r\n            <div class=\"gap-2 p-3 flex align-items-center m-0 xl:w-7 sm:w-full\"\r\n              [pTooltip]=\"masterSelecionada.razaosocial\">\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"23\" viewBox=\"0 0 25 23\" fill=\"#0E4F82\">\r\n                <path\r\n                  d=\"M20 15.3333H17.5V17.8889H20M20 10.2222H17.5V12.7778H20M22.5 20.4444H12.5V17.8889H15V15.3333H12.5V12.7778H15V10.2222H12.5V7.66667H22.5M10 5.11111H7.5V2.55556H10M10 10.2222H7.5V7.66667H10M10 15.3333H7.5V12.7778H10M10 20.4444H7.5V17.8889H10M5 5.11111H2.5V2.55556H5M5 10.2222H2.5V7.66667H5M5 15.3333H2.5V12.7778H5M5 20.4444H2.5V17.8889H5M12.5 5.11111V0H0V23H25V5.11111H12.5Z\"\r\n                  fill=\"#0E4F82\" />\r\n              </svg>\r\n\r\n              <span class=\"w-full white-space-nowrap overflow-hidden text-overflow-ellipsis\">{{masterSelecionada.razaosocial}}</span>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"bg-white2 border-round-right-2xl p-3 flex align-items-center cursor-pointer m-0 xl:w-1 w-full\"(click)=\"voltar()\">\r\n            <i class=\"pi pi-arrow-left\"></i>\r\n          </div>\r\n        </div>\r\n\r\n\r\n        <div class=\"formgrid p-fluid field col-12 flex flex-column align-items-center\">\r\n\r\n          <div class=\"grid formgrid col-10 md:col-7 md:col-6 p-fluid flex align-items-center\">\r\n            <span class=\"field p-0 col-12 xl:col-6 font-semibold \">Selecione a empresa</span>\r\n            <div class=\"field p-0 col-12 xl:col-6\">\r\n              <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search\"></i>\r\n                <input type=\"text\" pInputText (ngModelChange)=\"filtrarEmpresa($event)\" [(ngModel)]=\"txtPesquisa\" />\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          <div id=\"master-container\" class=\"field  mt-3 relative z-5 col-10 md:col-7  flex gap-2 justify-content-center flex-wrap max-h-15rem overflow-x-auto\" >\r\n\r\n            <div  class=\"grid formgrid col-12 p-fluid border-bottom-1 border-300\" *ngFor=\"let empresa of empresas\" >\r\n              <span [pTooltip]=\"empresa.nomeempresa || empresa.nomefantasia\" class=\"field md:col-10 col-12  flex gap-1\">\r\n                <span class=\"text-base white-space-nowrap overflow-hidden text-overflow-ellipsis\">{{empresa.nomeempresa || empresa.nomefantasia }}</span>\r\n              </span>\r\n\r\n              <div class=\"field md:col-2  col-12 bg-blue-900 flex align-items-center justify-content-center py-2 px-2 col border-round-md cursor-pointer\" (click)=\"selecionarEmpresa(empresa)\">\r\n                <i class=\"pi pi-angle-right text-xl text-white\"></i>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- FIM DO WORKSPACE EMPRESA -->\r\n\r\n    <div class=\" lg:block hidden w-full col-12 grid formgrid pointer-events-none\t\">\r\n      <div class=\"field col-12  flex justify-content-end\" id=\"personagens-imagem\"><img [src]=\"imgPersonagens\" class=\"field w-full col-12\" alt=\"\"></div>\r\n    </div>\r\n  </div>\r\n  <img [src]=\"imgLogoKeevo\" class=\"w-9rem mt-6\" />\r\n</div>\r\n", styles: ["*{margin:0}::ng-deep body{margin:0!important}.login-container{background-repeat:no-repeat;background-size:cover}#card-container{background:#fff;border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;-webkit-border-radius:14px}#logo{background:linear-gradient(97deg,#002542 5.7%,#115a94 102.3%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.border-card{border-radius:12px;border:1px dashed #2770E8}#master-card h1{color:#26406b}.bg-white1{background-color:#f1f1f1}.bg-white2{background-color:#f2f3f5}#personagens-imagem{width:60%!important;position:absolute;transform:translate(-2%,-91%)}#master-container{--sb-track-color: #f1f1f1;--sb-thumb-color: #183462;--sb-size: 5px;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}#master-container::-webkit-scrollbar{width:var(--sb-size)}#master-container::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:40px}#master-container::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:40px}span,.login-container{font-size:15px!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { nomeSistema: [{
                 type: Input
             }], nomeUsuario: [{
@@ -3916,23 +3917,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class KvWorkspaceModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvWorkspaceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KvWorkspaceModule, declarations: [WorkspaceComponent], imports: [CommonModule,
+            PrimeNgModule,
+            ReactiveFormsModule,
+            ProgressSpinnerModule,
+            AutoCompleteModule,
+            FormsModule,
+            KvButtonsModule], exports: [WorkspaceComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvWorkspaceModule, imports: [CommonModule,
+            PrimeNgModule,
+            ReactiveFormsModule,
+            ProgressSpinnerModule,
+            AutoCompleteModule,
+            FormsModule,
+            KvButtonsModule] }); }
 }
-KvWorkspaceModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvWorkspaceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KvWorkspaceModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KvWorkspaceModule, declarations: [WorkspaceComponent], imports: [CommonModule,
-        PrimeNgModule,
-        ReactiveFormsModule,
-        ProgressSpinnerModule,
-        AutoCompleteModule,
-        FormsModule,
-        KvButtonsModule], exports: [WorkspaceComponent] });
-KvWorkspaceModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvWorkspaceModule, imports: [CommonModule,
-        PrimeNgModule,
-        ReactiveFormsModule,
-        ProgressSpinnerModule,
-        AutoCompleteModule,
-        FormsModule,
-        KvButtonsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvWorkspaceModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvWorkspaceModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3977,10 +3978,10 @@ class LoginComponent extends BaseComponentCrudForm {
             this.onLogin.emit(this.formGroup.value);
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoginComponent, deps: [{ token: i1$3.DialogService }, { token: NotificationService }, { token: i3$1.ActivatedRoute }, { token: i1$3.DynamicDialogRef }, { token: i1$3.DynamicDialogConfig }, { token: i3$1.Router }, { token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoginComponent, selector: "kv-login", inputs: { Background: "Background", SystemLogo: "SystemLogo", SystemColorPrimary: "SystemColorPrimary", SystemColorSecondary: "SystemColorSecondary" }, outputs: { onLogin: "onLogin" }, usesInheritance: true, ngImport: i0, template: "<div\r\n    id=\"kvLogin-container\"\r\n    class=\"flex justify-content-center align-items-center flex-column h-screen \"\r\n    [style.background-image]=\"'url(' + Background + ')'\"\r\n>\r\n\r\n    <!-- CARD PRINCIPAL -->\r\n    <div\r\n        [formGroup]=\" formGroup\"\r\n        class=\"flex flex-column align-items-center justify-content-between bg-white border-round-xl \"\r\n        [style.width.rem]=\"19\"\r\n        [style.height.px]=\"435\"\r\n        (keydown.enter)=\"save()\"\r\n    >\r\n\r\n        <!-- LOGO DO SISTEMA -->\r\n        <div class=\"flex flex-row align-items-center justify-content-center p-3 mt-2\">\r\n            <img\r\n                alt=\"Logo do Sistema\"\r\n                [style.height.rem]=\"4\"\r\n                [src]=\"SystemLogo\"\r\n            />\r\n        </div>\r\n\r\n        <!-- INFORMA\u00C7\u00D5ES CENTRAIS -->\r\n        <div class=\" grid formgrid p-fluid gap-2 p-3\">\r\n\r\n            <div\r\n                class=\" w-full \"\r\n                class=\"mb-2\"\r\n            >\r\n                <img\r\n                    [style.height.rem]=\"2.5\"\r\n                    class=\"ml-2\"\r\n                    alt=\"keepass\"\r\n                    src=\"https://work-assets.keevo.com.br/img/keepass-logo.png\"\r\n                />\r\n            </div>\r\n\r\n            <kv-input-text\r\n                componentId=\"usuario\"\r\n                label=\"CPF ou Email\"\r\n                formControlName=\"usuario\"\r\n                class=\"field col-12\"\r\n            >\r\n            </kv-input-text>\r\n\r\n            <kv-input-password\r\n                componentId=\"senha\"\r\n                label=\"Senha\"\r\n                [toggleMask]=\"true\"\r\n                formControlName=\"senha\"\r\n                [required]=\"true\"\r\n                class=\"field col-12\"\r\n            >\r\n            </kv-input-password>\r\n\r\n            <div\r\n                class=\"flex w-full justify-content-end mb-2\"\r\n                id=\"kvLogin-esqueceu-senha\"\r\n            >\r\n                <a\r\n                    href=\"https://keepass.seg.br/redefinirsenha\"\r\n                    target=\"_blank\"\r\n                    style=\"font-size: 0.8rem;\"\r\n                    [style.color]=\"SystemColorPrimary\"\r\n                >\r\n                    Esqueceu a senha?\r\n                </a>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <button\r\n            id=\"kvLogin-login-button\"\r\n            [style.background-color]=\"SystemColorPrimary\"\r\n            [style.color]=\"'white'\"\r\n            class=\"w-full \"\r\n            (click)=\"save()\"\r\n            [style.height.px]=\"50\"\r\n        ><strong>Login</strong></button>\r\n    </div>\r\n\r\n    <div id=\"kvLogin-cadastro\">\r\n        <p\r\n            [style.color]=\"SystemColorSecondary\"\r\n            style=\"font-size: 1rem;\"\r\n        >\r\n            N\u00E3o possui um Evopass?\r\n            <a\r\n                href=\"https://keepass.seg.br/cadastrar\"\r\n                target=\"_blank\"\r\n                [style.color]=\"SystemColorSecondary\"\r\n                style=\"font-size: 1rem;\"\r\n            >\r\n                Cadastre-se\r\n            </a>\r\n        </p>\r\n    </div>\r\n\r\n    <div class=\"logo-keevo\">\r\n        <img\r\n            src=\"https://work-assets.keevo.com.br/img/keevo-logo.png\"\r\n            [style.height.rem]=\"4\"\r\n        />\r\n    </div>\r\n\r\n</div>", styles: ["#kvLogin-container{font-family:Roboto,Arial,Helvetica,sans-serif!important;background:no-repeat center;background-size:cover}#kvLogin-esqueceu-senha{position:relative;bottom:.5rem;padding-right:10px}#kvLogin-esqueceu-senha a,#kvLogin-cadastro a{text-decoration:none;font-weight:500;cursor:pointer;gap:3px;transition:text-shadow .2s ease-in-out}#kvLogin-esqueceu-senha a:hover,#kvLogin-cadastro a:hover{text-shadow:0 0 2px rgba(158,158,158,.692)}#kvLogin-login-button{width:100%;height:3rem!important;border-radius:0 0 10px 10px;border:none;cursor:pointer;font-size:14px;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;-moz-transition:all ease-in .2s;-ms-transition:all ease-in .2s;-o-transition:all ease-in .2s}#kvLogin-login-button:hover{opacity:.9}.logo-keevo{position:relative;top:50px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: InputPasswordComponent, selector: "kv-input-password", inputs: ["feedback", "mediumRegex", "strongRegex", "toggleMask"] }, { kind: "component", type: InputTextComponent, selector: "kv-input-text" }] }); }
 }
-LoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LoginComponent, deps: [{ token: i1$3.DialogService }, { token: NotificationService }, { token: i3$1.ActivatedRoute }, { token: i1$3.DynamicDialogRef }, { token: i1$3.DynamicDialogConfig }, { token: i3$1.Router }, { token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-LoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: LoginComponent, selector: "kv-login", inputs: { Background: "Background", SystemLogo: "SystemLogo", SystemColorPrimary: "SystemColorPrimary", SystemColorSecondary: "SystemColorSecondary" }, outputs: { onLogin: "onLogin" }, usesInheritance: true, ngImport: i0, template: "<div\r\n    id=\"kvLogin-container\"\r\n    class=\"flex justify-content-center align-items-center flex-column h-screen \"\r\n    [style.background-image]=\"'url(' + Background + ')'\"\r\n>\r\n\r\n    <!-- CARD PRINCIPAL -->\r\n    <div\r\n        [formGroup]=\" formGroup\"\r\n        class=\"flex flex-column align-items-center justify-content-between bg-white border-round-xl \"\r\n        [style.width.rem]=\"19\"\r\n        [style.height.px]=\"435\"\r\n        (keydown.enter)=\"save()\"\r\n    >\r\n\r\n        <!-- LOGO DO SISTEMA -->\r\n        <div class=\"flex flex-row align-items-center justify-content-center p-3 mt-2\">\r\n            <img\r\n                alt=\"Logo do Sistema\"\r\n                [style.height.rem]=\"4\"\r\n                [src]=\"SystemLogo\"\r\n            />\r\n        </div>\r\n\r\n        <!-- INFORMA\u00C7\u00D5ES CENTRAIS -->\r\n        <div class=\" grid formgrid p-fluid gap-2 p-3\">\r\n\r\n            <div\r\n                class=\" w-full \"\r\n                class=\"mb-2\"\r\n            >\r\n                <img\r\n                    [style.height.rem]=\"2.5\"\r\n                    class=\"ml-2\"\r\n                    alt=\"keepass\"\r\n                    src=\"https://work-assets.keevo.com.br/img/keepass-logo.png\"\r\n                />\r\n            </div>\r\n\r\n            <kv-input-text\r\n                componentId=\"usuario\"\r\n                label=\"CPF ou Email\"\r\n                formControlName=\"usuario\"\r\n                class=\"field col-12\"\r\n            >\r\n            </kv-input-text>\r\n\r\n            <kv-input-password\r\n                componentId=\"senha\"\r\n                label=\"Senha\"\r\n                [toggleMask]=\"true\"\r\n                formControlName=\"senha\"\r\n                [required]=\"true\"\r\n                class=\"field col-12\"\r\n            >\r\n            </kv-input-password>\r\n\r\n            <div\r\n                class=\"flex w-full justify-content-end mb-2\"\r\n                id=\"kvLogin-esqueceu-senha\"\r\n            >\r\n                <a\r\n                    href=\"https://keepass.seg.br/redefinirsenha\"\r\n                    target=\"_blank\"\r\n                    style=\"font-size: 0.8rem;\"\r\n                    [style.color]=\"SystemColorPrimary\"\r\n                >\r\n                    Esqueceu a senha?\r\n                </a>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <button\r\n            id=\"kvLogin-login-button\"\r\n            [style.background-color]=\"SystemColorPrimary\"\r\n            [style.color]=\"'white'\"\r\n            class=\"w-full \"\r\n            (click)=\"save()\"\r\n            [style.height.px]=\"50\"\r\n        ><strong>Login</strong></button>\r\n    </div>\r\n\r\n    <div id=\"kvLogin-cadastro\">\r\n        <p\r\n            [style.color]=\"SystemColorSecondary\"\r\n            style=\"font-size: 1rem;\"\r\n        >\r\n            N\u00E3o possui um Evopass?\r\n            <a\r\n                href=\"https://keepass.seg.br/cadastrar\"\r\n                target=\"_blank\"\r\n                [style.color]=\"SystemColorSecondary\"\r\n                style=\"font-size: 1rem;\"\r\n            >\r\n                Cadastre-se\r\n            </a>\r\n        </p>\r\n    </div>\r\n\r\n    <div class=\"logo-keevo\">\r\n        <img\r\n            src=\"https://work-assets.keevo.com.br/img/keevo-logo.png\"\r\n            [style.height.rem]=\"4\"\r\n        />\r\n    </div>\r\n\r\n</div>", styles: ["#kvLogin-container{font-family:Roboto,Arial,Helvetica,sans-serif!important;background:no-repeat center;background-size:cover}#kvLogin-esqueceu-senha{position:relative;bottom:.5rem;padding-right:10px}#kvLogin-esqueceu-senha a,#kvLogin-cadastro a{text-decoration:none;font-weight:500;cursor:pointer;gap:3px;transition:text-shadow .2s ease-in-out}#kvLogin-esqueceu-senha a:hover,#kvLogin-cadastro a:hover{text-shadow:0 0 2px rgba(158,158,158,.692)}#kvLogin-login-button{width:100%;height:3rem!important;border-radius:0 0 10px 10px;border:none;cursor:pointer;font-size:14px;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;-moz-transition:all ease-in .2s;-ms-transition:all ease-in .2s;-o-transition:all ease-in .2s}#kvLogin-login-button:hover{opacity:.9}.logo-keevo{position:relative;top:50px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: InputPasswordComponent, selector: "kv-input-password", inputs: ["feedback", "mediumRegex", "strongRegex", "toggleMask"] }, { kind: "component", type: InputTextComponent, selector: "kv-input-text" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LoginComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoginComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-login', template: "<div\r\n    id=\"kvLogin-container\"\r\n    class=\"flex justify-content-center align-items-center flex-column h-screen \"\r\n    [style.background-image]=\"'url(' + Background + ')'\"\r\n>\r\n\r\n    <!-- CARD PRINCIPAL -->\r\n    <div\r\n        [formGroup]=\" formGroup\"\r\n        class=\"flex flex-column align-items-center justify-content-between bg-white border-round-xl \"\r\n        [style.width.rem]=\"19\"\r\n        [style.height.px]=\"435\"\r\n        (keydown.enter)=\"save()\"\r\n    >\r\n\r\n        <!-- LOGO DO SISTEMA -->\r\n        <div class=\"flex flex-row align-items-center justify-content-center p-3 mt-2\">\r\n            <img\r\n                alt=\"Logo do Sistema\"\r\n                [style.height.rem]=\"4\"\r\n                [src]=\"SystemLogo\"\r\n            />\r\n        </div>\r\n\r\n        <!-- INFORMA\u00C7\u00D5ES CENTRAIS -->\r\n        <div class=\" grid formgrid p-fluid gap-2 p-3\">\r\n\r\n            <div\r\n                class=\" w-full \"\r\n                class=\"mb-2\"\r\n            >\r\n                <img\r\n                    [style.height.rem]=\"2.5\"\r\n                    class=\"ml-2\"\r\n                    alt=\"keepass\"\r\n                    src=\"https://work-assets.keevo.com.br/img/keepass-logo.png\"\r\n                />\r\n            </div>\r\n\r\n            <kv-input-text\r\n                componentId=\"usuario\"\r\n                label=\"CPF ou Email\"\r\n                formControlName=\"usuario\"\r\n                class=\"field col-12\"\r\n            >\r\n            </kv-input-text>\r\n\r\n            <kv-input-password\r\n                componentId=\"senha\"\r\n                label=\"Senha\"\r\n                [toggleMask]=\"true\"\r\n                formControlName=\"senha\"\r\n                [required]=\"true\"\r\n                class=\"field col-12\"\r\n            >\r\n            </kv-input-password>\r\n\r\n            <div\r\n                class=\"flex w-full justify-content-end mb-2\"\r\n                id=\"kvLogin-esqueceu-senha\"\r\n            >\r\n                <a\r\n                    href=\"https://keepass.seg.br/redefinirsenha\"\r\n                    target=\"_blank\"\r\n                    style=\"font-size: 0.8rem;\"\r\n                    [style.color]=\"SystemColorPrimary\"\r\n                >\r\n                    Esqueceu a senha?\r\n                </a>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <button\r\n            id=\"kvLogin-login-button\"\r\n            [style.background-color]=\"SystemColorPrimary\"\r\n            [style.color]=\"'white'\"\r\n            class=\"w-full \"\r\n            (click)=\"save()\"\r\n            [style.height.px]=\"50\"\r\n        ><strong>Login</strong></button>\r\n    </div>\r\n\r\n    <div id=\"kvLogin-cadastro\">\r\n        <p\r\n            [style.color]=\"SystemColorSecondary\"\r\n            style=\"font-size: 1rem;\"\r\n        >\r\n            N\u00E3o possui um Evopass?\r\n            <a\r\n                href=\"https://keepass.seg.br/cadastrar\"\r\n                target=\"_blank\"\r\n                [style.color]=\"SystemColorSecondary\"\r\n                style=\"font-size: 1rem;\"\r\n            >\r\n                Cadastre-se\r\n            </a>\r\n        </p>\r\n    </div>\r\n\r\n    <div class=\"logo-keevo\">\r\n        <img\r\n            src=\"https://work-assets.keevo.com.br/img/keevo-logo.png\"\r\n            [style.height.rem]=\"4\"\r\n        />\r\n    </div>\r\n\r\n</div>", styles: ["#kvLogin-container{font-family:Roboto,Arial,Helvetica,sans-serif!important;background:no-repeat center;background-size:cover}#kvLogin-esqueceu-senha{position:relative;bottom:.5rem;padding-right:10px}#kvLogin-esqueceu-senha a,#kvLogin-cadastro a{text-decoration:none;font-weight:500;cursor:pointer;gap:3px;transition:text-shadow .2s ease-in-out}#kvLogin-esqueceu-senha a:hover,#kvLogin-cadastro a:hover{text-shadow:0 0 2px rgba(158,158,158,.692)}#kvLogin-login-button{width:100%;height:3rem!important;border-radius:0 0 10px 10px;border:none;cursor:pointer;font-size:14px;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;-moz-transition:all ease-in .2s;-ms-transition:all ease-in .2s;-o-transition:all ease-in .2s}#kvLogin-login-button:hover{opacity:.9}.logo-keevo{position:relative;top:50px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$3.DialogService }, { type: NotificationService }, { type: i3$1.ActivatedRoute }, { type: i1$3.DynamicDialogRef }, { type: i1$3.DynamicDialogConfig }, { type: i3$1.Router }, { type: i2$1.FormBuilder }]; }, propDecorators: { Background: [{
@@ -3996,23 +3997,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class KvLoginModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvLoginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KvLoginModule, declarations: [LoginComponent], imports: [CommonModule,
+            PrimeNgModule,
+            FormsModule,
+            ReactiveFormsModule,
+            KvInputsModule,
+            KvButtonsModule,
+            ProgressSpinnerModule], exports: [LoginComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvLoginModule, imports: [CommonModule,
+            PrimeNgModule,
+            FormsModule,
+            ReactiveFormsModule,
+            KvInputsModule,
+            KvButtonsModule,
+            ProgressSpinnerModule] }); }
 }
-KvLoginModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvLoginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KvLoginModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KvLoginModule, declarations: [LoginComponent], imports: [CommonModule,
-        PrimeNgModule,
-        FormsModule,
-        ReactiveFormsModule,
-        KvInputsModule,
-        KvButtonsModule,
-        ProgressSpinnerModule], exports: [LoginComponent] });
-KvLoginModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvLoginModule, imports: [CommonModule,
-        PrimeNgModule,
-        FormsModule,
-        ReactiveFormsModule,
-        KvInputsModule,
-        KvButtonsModule,
-        ProgressSpinnerModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvLoginModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvLoginModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -4122,10 +4123,10 @@ class PageFormComponent {
             }
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageFormComponent, deps: [{ token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PageFormComponent, selector: "kv-page-form", inputs: { formGroup: "formGroup", TituloForm: "TituloForm", SubTituloForm: "SubTituloForm", isSaveLoading: "isSaveLoading", popup: "popup", locationUseComponent: "locationUseComponent", iconBtnCancel: "iconBtnCancel", showBtnCancel: "showBtnCancel", txtBtnCancel: "txtBtnCancel", iconBtnSave: "iconBtnSave", showBtnSave: "showBtnSave", txtBtnSave: "txtBtnSave", actions: "actions", iconBtnSaveToogle: "iconBtnSaveToogle", showBtnSaveToogle: "showBtnSaveToogle", txtBtnSaveToogle: "txtBtnSaveToogle", disableBtnSair: "disableBtnSair" }, outputs: { onSave: "onSave", onCancel: "onCancel" }, ngImport: i0, template: "<div\r\n  [formGroup]=\"formGroup\"\r\n  class=\"grid-nogutter m-0\"\r\n  id=\"page-form-container\"\r\n>\r\n\r\n  <!-- Renderiza\u00E7\u00E3o do form -->\r\n  <div class=\"col-12 p-0\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Divider -->\r\n  <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n  <!-- Barra de a\u00E7\u00F5es -->\r\n  <div class=\"flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid\">\r\n\r\n\r\n    <kv-button-secondary\r\n      *ngIf=\"showBtnCancel\"\r\n      [label]=\"txtBtnCancel\"\r\n      [icon]=\"iconBtnCancel\"\r\n      (click)=\"cancel($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-secondary>\r\n\r\n    <kv-button-success\r\n      *ngIf=\"showBtnSave\"\r\n      [label]=\"txtBtnSave\"\r\n      [icon]=\"iconBtnSave\"\r\n      [loading]=\"isSaveLoading\"\r\n      (click)=\"save($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    />\r\n\r\n\r\n    <kv-button-popup\r\n      *ngIf=\"actions && showBtnSaveToogle\"\r\n      [label]=\"txtBtnSaveToogle\"\r\n      [icon]=\"iconBtnSaveToogle\"\r\n      (click)=\"menu.toggle($event)\"\r\n      [loading]=\"isSaveLoading\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-popup>\r\n\r\n    <p-menu\r\n      #menu\r\n      [popup]=\"true\"\r\n      [model]=\"actions\"\r\n      appendTo=\"body\"\r\n      class=\"w-full lg:w-auto\"\r\n    ></p-menu>\r\n  </div>\r\n\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: ButtonSecondaryComponent, selector: "kv-button-secondary" }, { kind: "component", type: ButtonSuccessComponent, selector: "kv-button-success" }, { kind: "component", type: ButtonPopupComponent, selector: "kv-button-popup", inputs: ["items"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-PageFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PageFormComponent, deps: [{ token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-PageFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: PageFormComponent, selector: "kv-page-form", inputs: { formGroup: "formGroup", TituloForm: "TituloForm", SubTituloForm: "SubTituloForm", isSaveLoading: "isSaveLoading", popup: "popup", locationUseComponent: "locationUseComponent", iconBtnCancel: "iconBtnCancel", showBtnCancel: "showBtnCancel", txtBtnCancel: "txtBtnCancel", iconBtnSave: "iconBtnSave", showBtnSave: "showBtnSave", txtBtnSave: "txtBtnSave", actions: "actions", iconBtnSaveToogle: "iconBtnSaveToogle", showBtnSaveToogle: "showBtnSaveToogle", txtBtnSaveToogle: "txtBtnSaveToogle", disableBtnSair: "disableBtnSair" }, outputs: { onSave: "onSave", onCancel: "onCancel" }, ngImport: i0, template: "<div\r\n  [formGroup]=\"formGroup\"\r\n  class=\"grid-nogutter m-0\"\r\n  id=\"page-form-container\"\r\n>\r\n\r\n  <!-- Renderiza\u00E7\u00E3o do form -->\r\n  <div class=\"col-12 p-0\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Divider -->\r\n  <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n  <!-- Barra de a\u00E7\u00F5es -->\r\n  <div class=\"flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid\">\r\n\r\n\r\n    <kv-button-secondary\r\n      *ngIf=\"showBtnCancel\"\r\n      [label]=\"txtBtnCancel\"\r\n      [icon]=\"iconBtnCancel\"\r\n      (click)=\"cancel($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-secondary>\r\n\r\n    <kv-button-success\r\n      *ngIf=\"showBtnSave\"\r\n      [label]=\"txtBtnSave\"\r\n      [icon]=\"iconBtnSave\"\r\n      [loading]=\"isSaveLoading\"\r\n      (click)=\"save($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    />\r\n\r\n\r\n    <kv-button-popup\r\n      *ngIf=\"actions && showBtnSaveToogle\"\r\n      [label]=\"txtBtnSaveToogle\"\r\n      [icon]=\"iconBtnSaveToogle\"\r\n      (click)=\"menu.toggle($event)\"\r\n      [loading]=\"isSaveLoading\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-popup>\r\n\r\n    <p-menu\r\n      #menu\r\n      [popup]=\"true\"\r\n      [model]=\"actions\"\r\n      appendTo=\"body\"\r\n      class=\"w-full lg:w-auto\"\r\n    ></p-menu>\r\n  </div>\r\n\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: ButtonSecondaryComponent, selector: "kv-button-secondary" }, { kind: "component", type: ButtonSuccessComponent, selector: "kv-button-success" }, { kind: "component", type: ButtonPopupComponent, selector: "kv-button-popup", inputs: ["items"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PageFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-page-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  [formGroup]=\"formGroup\"\r\n  class=\"grid-nogutter m-0\"\r\n  id=\"page-form-container\"\r\n>\r\n\r\n  <!-- Renderiza\u00E7\u00E3o do form -->\r\n  <div class=\"col-12 p-0\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Divider -->\r\n  <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n  <!-- Barra de a\u00E7\u00F5es -->\r\n  <div class=\"flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid\">\r\n\r\n\r\n    <kv-button-secondary\r\n      *ngIf=\"showBtnCancel\"\r\n      [label]=\"txtBtnCancel\"\r\n      [icon]=\"iconBtnCancel\"\r\n      (click)=\"cancel($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-secondary>\r\n\r\n    <kv-button-success\r\n      *ngIf=\"showBtnSave\"\r\n      [label]=\"txtBtnSave\"\r\n      [icon]=\"iconBtnSave\"\r\n      [loading]=\"isSaveLoading\"\r\n      (click)=\"save($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    />\r\n\r\n\r\n    <kv-button-popup\r\n      *ngIf=\"actions && showBtnSaveToogle\"\r\n      [label]=\"txtBtnSaveToogle\"\r\n      [icon]=\"iconBtnSaveToogle\"\r\n      (click)=\"menu.toggle($event)\"\r\n      [loading]=\"isSaveLoading\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-popup>\r\n\r\n    <p-menu\r\n      #menu\r\n      [popup]=\"true\"\r\n      [model]=\"actions\"\r\n      appendTo=\"body\"\r\n      class=\"w-full lg:w-auto\"\r\n    ></p-menu>\r\n  </div>\r\n\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}\n"] }]
         }], ctorParameters: function () { return [{ type: i2$1.FormBuilder }]; }, propDecorators: { formGroup: [{
@@ -4169,19 +4170,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class KvPageFormModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvPageFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KvPageFormModule, declarations: [PageFormComponent], imports: [CommonModule,
+            FormsModule,
+            PrimeNgModule,
+            KvButtonsModule,
+            ReactiveFormsModule], exports: [PageFormComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvPageFormModule, imports: [CommonModule,
+            FormsModule,
+            PrimeNgModule,
+            KvButtonsModule,
+            ReactiveFormsModule] }); }
 }
-KvPageFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvPageFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KvPageFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KvPageFormModule, declarations: [PageFormComponent], imports: [CommonModule,
-        FormsModule,
-        PrimeNgModule,
-        KvButtonsModule,
-        ReactiveFormsModule], exports: [PageFormComponent] });
-KvPageFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvPageFormModule, imports: [CommonModule,
-        FormsModule,
-        PrimeNgModule,
-        KvButtonsModule,
-        ReactiveFormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvPageFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvPageFormModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -4204,23 +4205,23 @@ class LoaderComponent {
     constructor() {
         this.loading = LoaderService.isLoading;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderComponent, selector: "kv-loader", ngImport: i0, template: "<ngx-loading [show]=\"(loading | async) || false\"></ngx-loading>\r\n", dependencies: [{ kind: "component", type: i1$5.NgxLoadingComponent, selector: "ngx-loading", inputs: ["show", "config", "template"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
-LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: LoaderComponent, selector: "kv-loader", ngImport: i0, template: "<ngx-loading [show]=\"(loading | async) || false\"></ngx-loading>\r\n", dependencies: [{ kind: "component", type: i1$5.NgxLoadingComponent, selector: "ngx-loading", inputs: ["show", "config", "template"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-loader', template: "<ngx-loading [show]=\"(loading | async) || false\"></ngx-loading>\r\n" }]
         }], ctorParameters: function () { return []; } });
 
 class KvLoaderModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KvLoaderModule, declarations: [LoaderComponent], imports: [CommonModule, i1$5.NgxLoadingModule], exports: [LoaderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvLoaderModule, imports: [CommonModule,
+            NgxLoadingModule.forRoot({
+                fullScreenBackdrop: true
+            })] }); }
 }
-KvLoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KvLoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KvLoaderModule, declarations: [LoaderComponent], imports: [CommonModule, i1$5.NgxLoadingModule], exports: [LoaderComponent] });
-KvLoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvLoaderModule, imports: [CommonModule,
-        NgxLoadingModule.forRoot({
-            fullScreenBackdrop: true
-        })] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvLoaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvLoaderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [LoaderComponent],
@@ -4255,10 +4256,10 @@ class AvatarComponent {
     handleImageError(event) {
         event.target.src = this.imageService.userDefaultImage();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarComponent, deps: [{ token: ImagensService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AvatarComponent, selector: "kv-avatar", inputs: { imageUrl: "imageUrl", borderColor: "borderColor", width: "width", height: "height" }, ngImport: i0, template: "<div class=\"field col-12\">\r\n    <img [src]=\"getImageSrc() || imageService.userDefaultImage()\" alt=\"Foto\" class=\"container-foto\" [style.border-color]=\"borderColor\" [style.width.px]=\"width\" [style.height.px]=\"height\" (error)=\"handleImageError($event)\" >\r\n  </div>\r\n  ", styles: ["img{border-style:solid;border-width:4px;border-radius:50%}\n"] }); }
 }
-AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AvatarComponent, deps: [{ token: ImagensService }], target: i0.ɵɵFactoryTarget.Component });
-AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: AvatarComponent, selector: "kv-avatar", inputs: { imageUrl: "imageUrl", borderColor: "borderColor", width: "width", height: "height" }, ngImport: i0, template: "<div class=\"field col-12\">\r\n    <img [src]=\"getImageSrc() || imageService.userDefaultImage()\" alt=\"Foto\" class=\"container-foto\" [style.border-color]=\"borderColor\" [style.width.px]=\"width\" [style.height.px]=\"height\" (error)=\"handleImageError($event)\" >\r\n  </div>\r\n  ", styles: ["img{border-style:solid;border-width:4px;border-radius:50%}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-avatar', template: "<div class=\"field col-12\">\r\n    <img [src]=\"getImageSrc() || imageService.userDefaultImage()\" alt=\"Foto\" class=\"container-foto\" [style.border-color]=\"borderColor\" [style.width.px]=\"width\" [style.height.px]=\"height\" (error)=\"handleImageError($event)\" >\r\n  </div>\r\n  ", styles: ["img{border-style:solid;border-width:4px;border-radius:50%}\n"] }]
         }], ctorParameters: function () { return [{ type: ImagensService }]; }, propDecorators: { imageUrl: [{
@@ -4272,11 +4273,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 
 class KvAvatarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KvAvatarModule, declarations: [AvatarComponent], exports: [AvatarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvAvatarModule }); }
 }
-KvAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KvAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KvAvatarModule, declarations: [AvatarComponent], exports: [AvatarComponent] });
-KvAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvAvatarModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvAvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -4289,63 +4290,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
         }] });
 
 class KeevoComponentsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KeevoComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: KeevoComponentsModule, imports: [KvInputsModule,
+            KvButtonsModule,
+            KvTableModule,
+            KvtreeViewModule,
+            KvChartModule,
+            KvMenuModule,
+            KvPickListModule,
+            KVTreeTableModule,
+            KvWorkspaceModule,
+            OrgchartModule,
+            KvLoginModule,
+            KvPageFormModule,
+            KvLoaderModule,
+            KvAvatarModule], exports: [KvInputsModule,
+            KvButtonsModule,
+            KvTableModule,
+            KvtreeViewModule,
+            KvChartModule,
+            KvMenuModule,
+            KvPickListModule,
+            KVTreeTableModule,
+            KvWorkspaceModule,
+            OrgchartModule,
+            KvLoginModule,
+            KvPageFormModule,
+            KvLoaderModule,
+            KvAvatarModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KeevoComponentsModule, imports: [KvInputsModule,
+            KvButtonsModule,
+            KvTableModule,
+            KvtreeViewModule,
+            KvChartModule,
+            KvMenuModule,
+            KvPickListModule,
+            KVTreeTableModule,
+            KvWorkspaceModule,
+            OrgchartModule,
+            KvLoginModule,
+            KvPageFormModule,
+            KvLoaderModule,
+            KvAvatarModule, KvInputsModule,
+            KvButtonsModule,
+            KvTableModule,
+            KvtreeViewModule,
+            KvChartModule,
+            KvMenuModule,
+            KvPickListModule,
+            KVTreeTableModule,
+            KvWorkspaceModule,
+            OrgchartModule,
+            KvLoginModule,
+            KvPageFormModule,
+            KvLoaderModule,
+            KvAvatarModule] }); }
 }
-KeevoComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KeevoComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KeevoComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KeevoComponentsModule, imports: [KvInputsModule,
-        KvButtonsModule,
-        KvTableModule,
-        KvtreeViewModule,
-        KvChartModule,
-        KvMenuModule,
-        KvPickListModule,
-        KVTreeTableModule,
-        KvWorkspaceModule,
-        OrgchartModule,
-        KvLoginModule,
-        KvPageFormModule,
-        KvLoaderModule,
-        KvAvatarModule], exports: [KvInputsModule,
-        KvButtonsModule,
-        KvTableModule,
-        KvtreeViewModule,
-        KvChartModule,
-        KvMenuModule,
-        KvPickListModule,
-        KVTreeTableModule,
-        KvWorkspaceModule,
-        OrgchartModule,
-        KvLoginModule,
-        KvPageFormModule,
-        KvLoaderModule,
-        KvAvatarModule] });
-KeevoComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KeevoComponentsModule, imports: [KvInputsModule,
-        KvButtonsModule,
-        KvTableModule,
-        KvtreeViewModule,
-        KvChartModule,
-        KvMenuModule,
-        KvPickListModule,
-        KVTreeTableModule,
-        KvWorkspaceModule,
-        OrgchartModule,
-        KvLoginModule,
-        KvPageFormModule,
-        KvLoaderModule,
-        KvAvatarModule, KvInputsModule,
-        KvButtonsModule,
-        KvTableModule,
-        KvtreeViewModule,
-        KvChartModule,
-        KvMenuModule,
-        KvPickListModule,
-        KVTreeTableModule,
-        KvWorkspaceModule,
-        OrgchartModule,
-        KvLoginModule,
-        KvPageFormModule,
-        KvLoaderModule,
-        KvAvatarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KeevoComponentsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KeevoComponentsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -4389,9 +4390,8 @@ class BaseComponentDropdownNew extends BaseComponentDropDown {
         if (this.dropDowValue)
             this.value = this.dropDowValue;
     }
-}
-BaseComponentDropdownNew.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentDropdownNew, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BaseComponentDropdownNew.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentDropdownNew, isStandalone: true, selector: "app-base-dropdown", inputs: { formGroup: "formGroup", formControlName: "formControlName", dropDowValue: "dropDowValue", itemTemplate: "itemTemplate", selectedItemTemplate: "selectedItemTemplate" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentDropdownNew, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseComponentDropdownNew, isStandalone: true, selector: "app-base-dropdown", inputs: { formGroup: "formGroup", formControlName: "formControlName", dropDowValue: "dropDowValue", itemTemplate: "itemTemplate", selectedItemTemplate: "selectedItemTemplate" }, usesInheritance: true, ngImport: i0, template: `
     <span>
       <kv-label
         [componentId]="componentId"
@@ -4474,8 +4474,9 @@ BaseComponentDropdownNew.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
       <kv-error [hasError]="hasControlError()">{{ erroMessage() }}</kv-error>
     </span>
     <ng-content></ng-content>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: KeevoComponentsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeNgModule }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["styleClass", "style", "layout", "type", "align"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: LabelModule }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "ngmodule", type: kvErrorModule }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentDropdownNew, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: KeevoComponentsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeNgModule }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: LabelModule }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "ngmodule", type: kvErrorModule }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseComponentDropdownNew, decorators: [{
             type: Component,
             args: [{
                     selector: 'app-base-dropdown',
@@ -4665,15 +4666,15 @@ class KeevoValidators {
 }
 
 class PipesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PipesModule, declarations: [CpfCnpjPipe,
+            TelefonePipe,
+            CodigoFipePipe], imports: [CommonModule], exports: [CpfCnpjPipe,
+            TelefonePipe,
+            CodigoFipePipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipesModule, imports: [CommonModule] }); }
 }
-PipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: PipesModule, declarations: [CpfCnpjPipe,
-        TelefonePipe,
-        CodigoFipePipe], imports: [CommonModule], exports: [CpfCnpjPipe,
-        TelefonePipe,
-        CodigoFipePipe] });
-PipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PipesModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PipesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PipesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -4752,10 +4753,10 @@ class BaseApiService {
     put(baseUrl, rota, data) {
         return this.http.put(`${baseUrl}${rota}`, data);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseApiService, deps: [{ token: i1$6.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseApiService, providedIn: 'root' }); }
 }
-BaseApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseApiService, deps: [{ token: i1$6.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-BaseApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseApiService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4803,10 +4804,10 @@ class BreadcrumbsService {
         }
         return breadcrumbs;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbsService, deps: [{ token: i3$1.Router }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbsService, providedIn: 'root' }); }
 }
-BreadcrumbsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BreadcrumbsService, deps: [{ token: i3$1.Router }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
-BreadcrumbsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BreadcrumbsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BreadcrumbsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4817,6 +4818,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 /*
  * Public API Surface of keevo-components
+ */
+/**
+ * Classes base de componentes
  */
 
 /**