keevo-components 1.5.135 → 1.5.137

package/fesm2020/keevo-components.mjs

@@ -1,19 +1,19 @@
 import * as i0 from '@angular/core';
 import { Component, Input, EventEmitter, Injectable, Output, ViewChildren, ContentChildren, forwardRef, ViewChild, Directive, Pipe, HostListener, NgModule } from '@angular/core';
-import { Subject, of } from 'rxjs';
+import { Subject, of, combineLatest, filter, finalize } from 'rxjs';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
-import { NgControl, FormControlName, FormGroupDirective, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { NgControl, FormControlName, FormGroupDirective, NG_VALUE_ACCESSOR, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i4 from 'primeng/checkbox';
 import { CheckboxModule } from 'primeng/checkbox';
-import * as i2$1 from 'primeng/dynamicdialog';
+import * as i1$1 from 'primeng/dynamicdialog';
 import { DynamicDialogModule, DialogService, DynamicDialogRef, DynamicDialogConfig } from 'primeng/dynamicdialog';
-import * as i1$1 from 'primeng/api';
+import * as i1$2 from 'primeng/api';
 import { ConfirmationService, MessageService } from 'primeng/api';
-import * as i1$2 from 'primeng/button';
+import * as i1$3 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
-import * as i2$2 from 'primeng/tooltip';
+import * as i2$1 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import * as i9 from 'primeng/divider';
 import { DividerModule } from 'primeng/divider';
@@ -37,12 +37,14 @@ import * as i5$1 from 'primeng/radiobutton';
 import { RadioButtonModule } from 'primeng/radiobutton';
 import * as i4$7 from 'primeng/inputswitch';
 import { InputSwitchModule } from 'primeng/inputswitch';
-import * as i2$3 from 'primeng/ripple';
+import * as i2$2 from 'primeng/ripple';
 import { RippleModule } from 'primeng/ripple';
 import * as i3 from 'primeng/chart';
 import { ChartModule } from 'primeng/chart';
 import * as i5$2 from 'primeng/menu';
 import { MenuModule } from 'primeng/menu';
+import * as i3$1 from '@angular/router';
+import { NavigationEnd } from '@angular/router';
 import * as i5$3 from '@angular/platform-browser';
 import * as i7 from 'primeng/autofocus';
 import { AutoFocusModule } from 'primeng/autofocus';
@@ -50,9 +52,9 @@ import * as i9$1 from 'primeng/card';
 import { CardModule } from 'primeng/card';
 import * as i14 from 'primeng/table';
 import { TableModule } from 'primeng/table';
-import * as i1$3 from 'primeng/tree';
+import * as i1$4 from 'primeng/tree';
 import { TreeModule } from 'primeng/tree';
-import * as i3$1 from 'primeng/picklist';
+import * as i3$2 from 'primeng/picklist';
 import { PickListModule } from 'primeng/picklist';
 import { AccordionModule } from 'primeng/accordion';
 import { BadgeModule } from 'primeng/badge';
@@ -91,8 +93,6 @@ import * as i14$1 from 'primeng/breadcrumb';
 import { BreadcrumbModule } from 'primeng/breadcrumb';
 import * as i8 from 'primeng/treetable';
 import { TreeTableModule } from 'primeng/treetable';
-import * as i1$4 from '@angular/router';
-import { NavigationEnd } from '@angular/router';
 import { OrgChart } from 'd3-org-chart';
 import * as d3 from 'd3';
 import { ProgressSpinnerModule } from 'primeng/progressspinner';
@@ -300,20 +300,14 @@ class CheckComponent extends BaseComponentInput {
     emitOnCheckChange(event) {
         this.onCheckChange.emit(event);
     }
-    ngOnInit() {
-        if (this.checkValueTrue)
-            this.value = this.checkValueTrue;
-    }
 }
 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", inputs: { checkValueTrue: "checkValueTrue" }, 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:12px}}@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:40px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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.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.ɵ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:12px}}@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:40px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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.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: [{
             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:12px}}@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:40px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { onCheckChange: [{
                 type: Output
-            }], checkValueTrue: [{
-                type: Input
             }] } });
 
 class ObjectService {
@@ -449,14 +443,14 @@ class BaseComponentDropDown extends BaseComponentInput {
         this.value = value;
     }
 }
-BaseComponentDropDown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentDropDown, deps: [{ token: ComponentService }, { token: i2$1.DialogService }], target: i0.ɵɵFactoryTarget.Component });
+BaseComponentDropDown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentDropDown, deps: [{ token: ComponentService }, { token: i1$1.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: [{
             type: Component,
             args: [{
                     template: '',
                 }]
-        }], ctorParameters: function () { return [{ type: ComponentService }, { type: i2$1.DialogService }]; }, propDecorators: { filteredOptions: [{
+        }], ctorParameters: function () { return [{ type: ComponentService }, { type: i1$1.DialogService }]; }, propDecorators: { filteredOptions: [{
                 type: Input
             }], options: [{
                 type: Input
@@ -503,12 +497,12 @@ class DropdownComponent extends BaseComponentDropDown {
             this.value = this.dropDowValue;
     }
 }
-DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DropdownComponent, deps: [{ token: ComponentService }, { token: i2$1.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 class=\"p-float-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    <ng-template *ngIf=\"showAddButton\" pTemplate=\"footer\">\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)\"></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 let-selectedItem pTemplate=\"item\" *ngIf=\"itemTemplate\">\r\n      <ng-container\r\n      [ngTemplateOutlet]=\"itemTemplate\"\r\n      [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n    <ng-template let-item pTemplate=\"selectedItem\" *ngIf=\"selectedItemTemplate\">\r\n      <ng-container\r\n      [ngTemplateOutlet]=\"selectedItemTemplate\"\r\n      [ngTemplateOutletContext]=\"{ $implicit: item }\"\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  <label [for]=\"componentId\">{{ label }}</label>\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:40px}*{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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$2.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: i10.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"] }] });
+DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DropdownComponent, deps: [{ token: ComponentService }, { token: i1$1.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 class=\"p-float-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    <ng-template *ngIf=\"showAddButton\" pTemplate=\"footer\">\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)\"></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 let-selectedItem pTemplate=\"item\" *ngIf=\"itemTemplate\">\r\n      <ng-container\r\n      [ngTemplateOutlet]=\"itemTemplate\"\r\n      [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n    <ng-template let-item pTemplate=\"selectedItem\" *ngIf=\"selectedItemTemplate\">\r\n      <ng-container\r\n      [ngTemplateOutlet]=\"selectedItemTemplate\"\r\n      [ngTemplateOutletContext]=\"{ $implicit: item }\"\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  <label [for]=\"componentId\">{{ label }}</label>\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:40px}*{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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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$3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$1.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: i10.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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-dropdown', providers: ComponentProviders(DropdownComponent), template: "<span class=\"p-float-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    <ng-template *ngIf=\"showAddButton\" pTemplate=\"footer\">\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)\"></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 let-selectedItem pTemplate=\"item\" *ngIf=\"itemTemplate\">\r\n      <ng-container\r\n      [ngTemplateOutlet]=\"itemTemplate\"\r\n      [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n    <ng-template let-item pTemplate=\"selectedItem\" *ngIf=\"selectedItemTemplate\">\r\n      <ng-container\r\n      [ngTemplateOutlet]=\"selectedItemTemplate\"\r\n      [ngTemplateOutletContext]=\"{ $implicit: item }\"\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  <label [for]=\"componentId\">{{ label }}</label>\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:40px}*{margin:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: ComponentService }, { type: i2$1.DialogService }]; }, propDecorators: { dropDowValue: [{
+        }], ctorParameters: function () { return [{ type: ComponentService }, { type: i1$1.DialogService }]; }, propDecorators: { dropDowValue: [{
                 type: Input
             }], itemTemplate: [{
                 type: Input
@@ -997,7 +991,7 @@ class ButtonSecondaryComponent extends BaseComponentButton {
     }
 }
 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:40px}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$3.Ripple, selector: "[pRipple]" }] });
+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:40px}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$2.Ripple, selector: "[pRipple]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", 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:40px}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}\n"] }]
@@ -1009,7 +1003,7 @@ class ButtonSuccessComponent extends BaseComponentButton {
     }
 }
 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:40px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$3.Ripple, selector: "[pRipple]" }] });
+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:40px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$2.Ripple, selector: "[pRipple]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", 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:40px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"] }]
@@ -1021,10 +1015,10 @@ class ButtonPersonalizeComponent extends BaseComponentButton {
     }
 }
 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: "\r\n<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</button>\r\n\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$3.Ripple, selector: "[pRipple]" }] });
+ButtonPersonalizeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ButtonPersonalizeComponent, selector: "kv-button-personalize", usesInheritance: true, ngImport: i0, template: "\r\n<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  class=\"btn-personalize\">\r\n</button>\r\n\r\n", styles: [".btn-personalize{height:40px}\n"], dependencies: [{ kind: "directive", type: i1$3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$2.Ripple, selector: "[pRipple]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ButtonPersonalizeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-button-personalize', template: "\r\n<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</button>\r\n\r\n" }]
+            args: [{ selector: 'kv-button-personalize', template: "\r\n<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  class=\"btn-personalize\">\r\n</button>\r\n\r\n", styles: [".btn-personalize{height:40px}\n"] }]
         }], ctorParameters: function () { return []; } });
 
 const PeriodosChart = {
@@ -1134,7 +1128,7 @@ class ChartComponent {
     }
 }
 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:40px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.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: i10.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$2.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2$3.Ripple, selector: "[pRipple]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+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:40px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.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: i10.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$2.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2$2.Ripple, selector: "[pRipple]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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: [{
             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:40px}*{margin:0}\n"] }]
@@ -1252,6 +1246,567 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                 type: Output
             }] } });
 
+class FormService {
+    static disableControl(formGroup, controName) {
+        formGroup?.controls[controName]?.disable();
+    }
+    static disableAndClearControl(formGroup, controName, value) {
+        this.disableControl(formGroup, controName);
+        this.setControlValue(formGroup, controName, null || value);
+    }
+    static enableControl(formGroup, controName) {
+        formGroup?.controls[controName]?.enable();
+    }
+    static getFormValue(formGroup, controName) {
+        return formGroup?.controls[controName]?.value;
+    }
+    static hasControlError(formGroup, control, errorCode) {
+        const formControl = formGroup.get(control);
+        let hasError = false;
+        if (!formControl)
+            return false;
+        if (errorCode)
+            hasError = formControl.hasError(errorCode);
+        else
+            hasError = formControl.errors ? true : false;
+        return hasError && formControl.touched;
+    }
+    static invalidForm(formGroup, notification) {
+        const keys = Object.keys(formGroup.getRawValue());
+        keys.forEach(k => {
+            const control = formGroup.controls[k];
+            if (notification) {
+                if (notification?.item2) {
+                    const item = ObjectService.findObject(notification.item2, 'property', k);
+                    if (item)
+                        control.setErrors({ backendError: true, erroMessage: item.message });
+                }
+                else {
+                    const item = ObjectService.findObject(notification, 'key', k);
+                    if (item)
+                        control.setErrors({ backendError: true, erroMessage: item.message });
+                }
+            }
+            if (!control.valid) {
+                control.markAsTouched();
+            }
+        });
+    }
+    static openDialog(dialogService, componentType, callBackFunction, paramsDialog) {
+        const ref = dialogService.open(componentType, {
+            closable: paramsDialog?.closable || false,
+            maximizable: paramsDialog?.maximizable || true,
+            height: paramsDialog?.height || 'auto',
+            width: paramsDialog?.width,
+            styleClass: paramsDialog?.styleClass,
+            data: { id: paramsDialog?.id, popup: paramsDialog?.popup || true }
+        });
+        ref.onClose.subscribe((data) => {
+            if (data)
+                callBackFunction(data);
+        });
+    }
+    // static openDialog(
+    //   dialogService: DialogService,
+    //   componentType: Type<any>,
+    //   callBackFunction: Function,
+    //   id?: any,
+    //   width?: string,
+    //   height?: string
+    // ) {
+    //   const ref = dialogService.open(componentType, {
+    //     width: width,
+    //     height: height,
+    //     closable: false,
+    //     maximizable: true,
+    //     data: { id: id, popup: true }
+    //   });
+    //   ref.onClose.subscribe((data: any) => {
+    //     if (data) callBackFunction(data);
+    //   });
+    // }
+    static setControlValue(formGroup, controName, value) {
+        formGroup?.controls[controName]?.setValue(value);
+    }
+    static setValidators(formGroup, controName, validators) {
+        formGroup?.controls[controName]?.setValidators(validators);
+        formGroup?.controls[controName]?.updateValueAndValidity();
+    }
+    static clearValidators(formGroup, controName) {
+        formGroup?.controls[controName]?.updateValueAndValidity();
+    }
+}
+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: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class NotificationService {
+    constructor(confirmationService, messageService) {
+        this.confirmationService = confirmationService;
+        this.messageService = messageService;
+    }
+    question(config) {
+        this.confirmationService.confirm({
+            header: config.type === 'alert' ? 'Atenção' : 'Confirmação',
+            icon: `pi ${config.type === 'alert' ? 'pi-exclamation-triangle' : 'pi-question-circle'}`,
+            acceptLabel: 'Sim',
+            acceptButtonStyleClass: 'p-button-success',
+            rejectLabel: 'Não',
+            rejectButtonStyleClass: 'p-button-secondary',
+            ...config,
+        });
+    }
+    dialog(config) {
+        let dialogHeader;
+        let dialogIcon;
+        switch (config.type) {
+            case 'alert':
+                dialogHeader = 'Atenção';
+                dialogIcon = 'pi pi-exclamation-triangle';
+                break;
+            case 'info':
+                dialogHeader = 'Info';
+                dialogIcon = 'pi pi-info-circle';
+                break;
+            case 'error':
+                dialogHeader = 'Erro';
+                dialogIcon = 'pi pi-times-circle';
+                break;
+        }
+        this.confirmationService.confirm({
+            header: dialogHeader,
+            icon: dialogIcon,
+            acceptLabel: 'Ok',
+            acceptButtonStyleClass: 'p-button-success',
+            rejectVisible: false,
+            message: config.message,
+        });
+    }
+    toastSuccess(message) {
+        this.messageService.add({ severity: 'success', summary: 'Sucesso', detail: message });
+    }
+    toastInfo(message) {
+        this.messageService.add({ severity: 'info', summary: 'Info', detail: message });
+    }
+    toastWarn(message) {
+        this.messageService.add({ severity: 'warn', summary: 'Aviso', detail: message });
+    }
+    toastError(message) {
+        this.messageService.add({ severity: 'error', summary: 'Erro', detail: message });
+    }
+}
+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: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.ConfirmationService }, { type: i1$2.MessageService }]; } });
+
+class BaseComponentCrud {
+    constructor(dialogService, notificationService) {
+        this.dialogService = dialogService;
+        this.notificationService = notificationService;
+        this.isReport = false;
+        this.itemsReport = [];
+    }
+    /**
+     * Fecha um relatório
+     */
+    closeReport() {
+        this.isReport = false;
+    }
+    /**
+     * Abre um form dialog
+     * @param componentType - Componente que será renderizado
+     * @param callBackFunction - Função de callback que deverá ser chamada após o fechamento do dialog
+     * @param paramsDialog - Parâmetros do dialog
+     */
+    openDialog(componentType, callBackFunction, paramsDialog) {
+        FormService.openDialog(this.dialogService, componentType, callBackFunction, paramsDialog);
+    }
+    /**
+     * Imprime um relatório na tela
+     * @param obs - Observable com o carregamento do relatório
+     */
+    printReportFilter(obs) {
+        obs
+            //.pipe(loading())
+            .subscribe({
+            next: (res) => {
+                this.itemsReport = res;
+                this.isReport = true;
+            },
+            error: (e) => {
+                this.toastError(e);
+            },
+        });
+    }
+    /**
+     * Exibe um toast com um erro
+     * @param err - Erro
+     */
+    toastError(err) {
+        if (err) {
+            if (err.message) {
+                this.notificationService.toastError(err.message);
+            }
+        }
+    }
+}
+BaseComponentCrud.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentCrud, deps: [{ token: i1$1.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: [{
+            type: Component,
+            args: [{
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: NotificationService }]; } });
+
+class BaseComponentCrudForm extends BaseComponentCrud {
+    constructor(dialogService, notificationService, activatedRoute, dynamicDialogRef, dynamicDialogConfig, router) {
+        super(dialogService, notificationService);
+        this.activatedRoute = activatedRoute;
+        this.dynamicDialogRef = dynamicDialogRef;
+        this.dynamicDialogConfig = dynamicDialogConfig;
+        this.router = router;
+        this.isAccordionExpanded = false;
+        this.isNewRegistry = false;
+        this.isSaveLoading = false;
+        this.isView = false;
+        this.formGroup = new FormGroup({});
+        this.actions = [];
+        this.popup = false;
+        this.registry = null;
+        this.onSetFormValues = false;
+    }
+    /**
+     * Método disparado para tratamento das notificações do backend
+     * @param err - Notificação
+     */
+    backendError(err) {
+        if (err) {
+            if (err.status == 404) {
+                this.notificationService.toastError(err.error.item2[0].message);
+                return;
+            }
+            else if (err.status == 400) {
+                // Erros de validação de domínio do backend
+                if (Array.isArray(err.error)) {
+                    if (err.error?.length) {
+                        if (err.error.length == 1 && err.error[0].key == '') {
+                            this.notificationService.toastError(err.error[0].message);
+                            return;
+                        }
+                        this.invalidForm(err.error);
+                        return;
+                    }
+                }
+                else if (err.error?.title) {
+                    // Erro de json no backend
+                    this.notificationService.toastError(err.error.title);
+                    return;
+                }
+            }
+            else if (err.status == 415) {
+                if (err.error?.title) {
+                    // Erro de json no backend
+                    this.notificationService.toastError(err.error.title);
+                    return;
+                }
+            }
+            // Qualquer outro tipo de erro que tenha mensagem
+            if (err.message) {
+                this.notificationService.toastError(err.message);
+            }
+        }
+    }
+    /**
+     * Método disparado ao clicar no botão de cancelamento
+     */
+    cancel() {
+        this.notificationService.question({
+            type: 'question',
+            message: 'Deseja cancelar a operação?',
+            accept: () => {
+                this.navigateList();
+            },
+        });
+    }
+    /**
+     * Verifica se houveram alterações nos componentes do formControl
+     * @param controls - Nomes do controles no formGroup
+     * @returns Observable
+     */
+    detectFormControlChanges(controls) {
+        const controlList = [];
+        controls.forEach(controlName => controlList.push(this.formGroup.controls[controlName].valueChanges));
+        return combineLatest(controlList).pipe(filter(() => !this.onSetFormValues));
+    }
+    /**
+     * Método responsável por desabilitar um componente
+     * @param controlName - Nome do controle no formGroup
+     */
+    disableComponent(controlName) {
+        FormService.disableControl(this.formGroup, controlName);
+    }
+    /**
+     * Método responsável por limpar e desabilitar um componente
+     * @param controlName - Nome do controle no formGroup
+     * @param value - Valor default
+     */
+    disableAndClearComponent(controlName, value) {
+        FormService.disableAndClearControl(this.formGroup, controlName, value);
+    }
+    /**
+     * Método responsável por habilitar um componente
+     * @param controlName - Nome do controle no formGroup
+     */
+    enableComponent(controName) {
+        FormService.enableControl(this.formGroup, controName);
+    }
+    /**
+     * Método que retorna o valor de um componente
+     * @param controlName - Nome do controle no formGroup
+     * @returns - Valor
+     */
+    getFormValue(controlName) {
+        return FormService.getFormValue(this.formGroup, controlName);
+    }
+    /**
+     * Verifica se o componente possui erro
+     * @param controlName - Nome do controle no formGroup
+     */
+    hasControlError(controlName, errorCode) {
+        return FormService.hasControlError(this.formGroup, controlName, errorCode);
+    }
+    /**
+     * Seta inconsistências para o fomulário
+     * @param notification - Lista de notificações
+     */
+    invalidForm(notification) {
+        FormService.invalidForm(this.formGroup, notification);
+    }
+    /**
+     * Método responsável pelo carregamento da tela
+     * @param obs - Observable responsável pelo salvamento dos dados
+     */
+    loadData(obs, propertyDescripton) {
+        obs
+            //.pipe(loading())
+            .subscribe((data) => {
+            this.isNewRegistry = false;
+            this.registry = data;
+            this.setFormValues(this.registry);
+            this.loadGrids();
+            //this.dadosTela.tituloForm = this.tituloForm<T>(false, propertyDescripton);
+            //this.setTitlePopup();
+        });
+    }
+    loadGrids() { }
+    /**
+     * Método disparado para retornar a lista
+     */
+    navigateList(id = null) {
+        if (this.popup) {
+            this.dynamicDialogRef.close(id);
+        }
+        else if (this.dadosTela?.rotaListar) {
+            this.router.navigate([this.dadosTela.rotaListar]);
+        }
+    }
+    ngOnDestroy() {
+        if (this.dynamicDialogRef) {
+            this.dynamicDialogRef.close();
+        }
+    }
+    ngOnInit() {
+        this.configureForm();
+        this.popup = this.dynamicDialogConfig?.data?.popup || false;
+        this.activatedRoute.params.subscribe((params) => {
+            if (params['id']) {
+                this.loadForm(params['id']);
+            }
+            else if (this.dynamicDialogConfig?.data?.id) {
+                this.loadForm(this.dynamicDialogConfig.data.id);
+            }
+            else {
+                this.isNewRegistry = true;
+                //this.dadosTela.tituloForm = this.tituloForm(true, '');
+                //this.setTitlePopup();
+                this.loadGrids();
+            }
+        });
+    }
+    /**
+     * Método disparado para salvar dados
+     * @param obs - Observable responsável pelo salvamento dos dados
+     */
+    saveData(obs) {
+        obs
+            .pipe((src) => {
+            this.isSaveLoading = true;
+            return src.pipe(finalize(() => {
+                this.isSaveLoading = false;
+            }));
+        })
+            .subscribe({
+            next: (res) => {
+                this.notificationService.toastSuccess(res.item2[0].message);
+                this.navigateList(res.item1);
+            },
+            error: (e) => {
+                this.backendError(e);
+            },
+        });
+    }
+    /**
+     * Método se atualiza o valor de um componente do formGroup
+     * @param controName - Nome do controle
+     * @param value - Valor para atualização
+     */
+    setControlValue(controName, value) {
+        FormService.setControlValue(this.formGroup, controName, value);
+    }
+    /**
+     * Atualiza valores dos componentes do formGroup
+     * @param values - Valores para atualização
+     */
+    setFormValues(values) {
+        this.onSetFormValues = true;
+        this.formGroup.patchValue(values, { emitEvent: false });
+        this.onSetFormValues = false;
+    }
+    /**
+     * Atualiza o validador de um componente do formGroup
+     * @param controName - Nome do controle
+     * @param validators - Regra de validação
+     */
+    setValidators(controName, validators) {
+        FormService.setValidators(this.formGroup, controName, validators);
+    }
+    // private setTitlePopup() {
+    //   if (this.popup) {
+    //     if (this.dynamicDialogConfig)
+    //       this.dynamicDialogConfig.header = this.dadosTela.tituloForm;
+    //   }
+    // }
+    // protected tituloForm<T>(isNew: boolean, propertyDescripton: string): string {
+    //   if (isNew) {
+    //     return `${this.dadosTela.masculino ? 'Novo' : 'Nova'} ${this.dadosTela.nomeCadastro}`;
+    //   }
+    //   else if (this.isView) {
+    //     return `Visualização ${this.dadosTela.masculino ? 'do' : 'da'} ${this.dadosTela.nomeCadastro}: ${ObjectService.getProperty<T>(this.registry, propertyDescripton)}`;
+    //   } else {
+    //     return `Edição ${this.dadosTela.masculino ? 'do' : 'da'} ${this.dadosTela.nomeCadastro}: ${ObjectService.getProperty<T>(this.registry, propertyDescripton)}`;
+    //   }
+    // }
+    /**
+     * Dispara os métodos de validações do formulário
+     * @returns - True/False
+     */
+    validateForm() {
+        let valid = false;
+        if (this.formGroup && this.formGroup.valid) {
+            valid = true;
+        }
+        else {
+            this.isAccordionExpanded = true;
+            this.invalidForm();
+            if (this.dadosTela?.mensagemValidacao) {
+                this.notificationService.dialog({
+                    type: 'alert',
+                    message: 'Verifique os campos obrigatórios.',
+                });
+            }
+        }
+        return valid;
+    }
+}
+BaseComponentCrudForm.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentCrudForm, deps: [{ token: i1$1.DialogService }, { token: NotificationService }, { token: i3$1.ActivatedRoute }, { token: i1$1.DynamicDialogRef }, { token: i1$1.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: [{
+            type: Component,
+            args: [{
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: NotificationService }, { type: i3$1.ActivatedRoute }, { type: i1$1.DynamicDialogRef }, { type: i1$1.DynamicDialogConfig }, { type: i3$1.Router }]; } });
+
+class TablePaginate {
+    constructor() {
+        this.paginaInicial = 1;
+        this.tamanhoPagina = 10;
+        this.termoPesquisa = '';
+        this.ordenacao = '';
+    }
+}
+
+class BaseComponentCrudList extends BaseComponentCrud {
+    constructor(dialogService, notificationService, router) {
+        super(dialogService, notificationService);
+        this.router = router;
+        this.totalRecords = 0;
+        this.actionsPageList = [];
+    }
+    ngOnInit() {
+        this.loadFilters();
+        this.configureTable();
+        // Tabela não configurada para paginação
+        if (!this.tableConfig.lazy)
+            this.loadTable(new TablePaginate());
+    }
+    /**
+     * Método que seta o registro selecionado na tabela
+     * @param event - Registro
+     */
+    activeItem(event) {
+        this.selectedItem = event;
+    }
+    /**
+     * Método que dispara o carregamento da tabela
+     * @param obs - Observable de carregamento dos dados
+     */
+    loadData(obs) {
+        obs
+            //.pipe(loading())
+            .subscribe({
+            next: (res) => {
+                this.totalRecords = res.item1;
+                this.dataSource = res.item2;
+            },
+            error: (e) => {
+                this.toastError(e);
+            },
+        });
+    }
+    /**
+     * Método que dispara a paginação
+     */
+    paginate(event) {
+        this.loadTable(event);
+    }
+    /**
+     * Método que dispara a atualização da página inteira
+     */
+    refresh() {
+        this.loadTable(new TablePaginate());
+    }
+}
+BaseComponentCrudList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentCrudList, deps: [{ token: i1$1.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: [{
+            type: Component,
+            args: [{
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: NotificationService }, { type: i3$1.Router }]; } });
+
 class TemplateDirective {
     constructor(template) {
         this.template = template;
@@ -1739,10 +2294,10 @@ class TableComponent {
     }
 }
 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 }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i5$3.DomSanitizer }], 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", tableSize: "tableSize", applyStyle: "applyStyle", acoesLinhaTabela: "acoesLinhaTabela", filterColumnsBtn: "filterColumnsBtn" }, outputs: { onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", onPaginate: "onPaginate", onSelectionChange: "onSelectionChange", doubleClickEvent: "doubleClickEvent", filterField: "filterField" }, host: { listeners: { "window:resize": "onWindowResize($event)", "document:keydown.escape": "onEscapeKey($event)", "document:click": "onClickEvent($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  <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    [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]=\"false\"\r\n    [pageLinks]=\"1\"\r\n    [responsive]=\"true\"\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'\r\n              : 'flex flex-row align-items-center col-12 md:col-6 lg:col-4 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(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            id=\"botaoFiltro\"\r\n            *ngIf=\"filterColumnsBtn\"\r\n            class=\"p-button-raised p-button-text actionLoteBtns\"\r\n            (click)=\"abrirMenuFiltro($event)\"\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          <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 *ngFor=\"let action of config.actionsLote\" class=\"btns-options\">\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      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\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\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></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 *ngIf=\"col.headerTooltip\" class=\"material-symbols-outlined flex align-items-center\" [pTooltip]=\"col.headerTooltip\">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\r\n            [value]=\"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          >\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 *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 [class]=\"returnClassChip(rowData, col)\"\r\n                [pTooltip]=\"returnTooltipIcon(rowData, col)\">{{\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 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          </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          >\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 *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 [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          </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\"\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]=\"'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)\"\r\n            >\r\n              <span class=\"material-symbols-outlined\" style=\"font-size: 20px\">\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 pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td [attr.colspan]=\"columns.length + 2\" style=\"text-align: center\">\r\n          Nenhum registro encontrado\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/>\r\n", styles: [".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}#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{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 (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i7.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i4.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: i2$2.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$5.InputText, selector: "[pInputText]" }, { kind: "component", type: i5$2.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+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", tableSize: "tableSize", applyStyle: "applyStyle", acoesLinhaTabela: "acoesLinhaTabela", filterColumnsBtn: "filterColumnsBtn" }, outputs: { onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", onPaginate: "onPaginate", onSelectionChange: "onSelectionChange", doubleClickEvent: "doubleClickEvent", filterField: "filterField" }, host: { listeners: { "window:resize": "onWindowResize($event)", "document:keydown.escape": "onEscapeKey($event)", "document:click": "onClickEvent($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  <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    [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]=\"false\"\r\n    [pageLinks]=\"1\"\r\n    [responsive]=\"true\"\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'\r\n              : 'flex flex-row align-items-center col-12 md:col-6 lg:col-4 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(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            id=\"botaoFiltro\"\r\n            *ngIf=\"filterColumnsBtn\"\r\n            class=\"p-button-raised p-button-text actionLoteBtns\"\r\n            (click)=\"abrirMenuFiltro($event)\"\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          <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 *ngFor=\"let action of config.actionsLote\" class=\"btns-options\">\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      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\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\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></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 *ngIf=\"col.headerTooltip\" class=\"material-symbols-outlined flex align-items-center\" [pTooltip]=\"col.headerTooltip\">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\r\n            [value]=\"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          >\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 *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 [class]=\"returnClassChip(rowData, col)\"\r\n                [pTooltip]=\"returnTooltipIcon(rowData, col)\">{{\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 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          </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          >\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 *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 [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          </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\"\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]=\"'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)\"\r\n            >\r\n              <span class=\"material-symbols-outlined\" style=\"font-size: 20px\">\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 pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td [attr.colspan]=\"columns.length + 2\" style=\"text-align: center\">\r\n          Nenhum registro encontrado\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/>\r\n", styles: [".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}#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{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;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 (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i7.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i1$3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i4.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: i2$1.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$5.InputText, selector: "[pInputText]" }, { kind: "component", type: i5$2.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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: [{
             type: Component,
-            args: [{ selector: 'kv-table', template: "<div>\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    [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]=\"false\"\r\n    [pageLinks]=\"1\"\r\n    [responsive]=\"true\"\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'\r\n              : 'flex flex-row align-items-center col-12 md:col-6 lg:col-4 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(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            id=\"botaoFiltro\"\r\n            *ngIf=\"filterColumnsBtn\"\r\n            class=\"p-button-raised p-button-text actionLoteBtns\"\r\n            (click)=\"abrirMenuFiltro($event)\"\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          <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 *ngFor=\"let action of config.actionsLote\" class=\"btns-options\">\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      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\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\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></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 *ngIf=\"col.headerTooltip\" class=\"material-symbols-outlined flex align-items-center\" [pTooltip]=\"col.headerTooltip\">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\r\n            [value]=\"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          >\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 *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 [class]=\"returnClassChip(rowData, col)\"\r\n                [pTooltip]=\"returnTooltipIcon(rowData, col)\">{{\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 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          </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          >\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 *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 [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          </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\"\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]=\"'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)\"\r\n            >\r\n              <span class=\"material-symbols-outlined\" style=\"font-size: 20px\">\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 pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td [attr.colspan]=\"columns.length + 2\" style=\"text-align: center\">\r\n          Nenhum registro encontrado\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/>\r\n", styles: [".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}#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{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 (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}}\n"] }]
+            args: [{ selector: 'kv-table', template: "<div>\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    [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]=\"false\"\r\n    [pageLinks]=\"1\"\r\n    [responsive]=\"true\"\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'\r\n              : 'flex flex-row align-items-center col-12 md:col-6 lg:col-4 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(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            id=\"botaoFiltro\"\r\n            *ngIf=\"filterColumnsBtn\"\r\n            class=\"p-button-raised p-button-text actionLoteBtns\"\r\n            (click)=\"abrirMenuFiltro($event)\"\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          <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 *ngFor=\"let action of config.actionsLote\" class=\"btns-options\">\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      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\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\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></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 *ngIf=\"col.headerTooltip\" class=\"material-symbols-outlined flex align-items-center\" [pTooltip]=\"col.headerTooltip\">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\r\n            [value]=\"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          >\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 *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 [class]=\"returnClassChip(rowData, col)\"\r\n                [pTooltip]=\"returnTooltipIcon(rowData, col)\">{{\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 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          </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          >\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 *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 [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          </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\"\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]=\"'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)\"\r\n            >\r\n              <span class=\"material-symbols-outlined\" style=\"font-size: 20px\">\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 pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td [attr.colspan]=\"columns.length + 2\" style=\"text-align: center\">\r\n          Nenhum registro encontrado\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/>\r\n", styles: [".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}#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{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;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 (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: i1.DecimalPipe }, { type: CodigoFipePipe }, { type: CpfCnpjPipe }, { type: TelefonePipe }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i5$3.DomSanitizer }]; }, propDecorators: { templates: [{
                 type: ContentChildren,
                 args: [TemplateDirective]
@@ -1816,7 +2371,7 @@ class TreeViewComponent {
     }
 }
 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$3.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.ɵ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: [{
             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>" }]
@@ -1843,7 +2398,7 @@ class PickListComponent {
     }
 }
 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:40px}*{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$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$1.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"] }] });
+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:40px}*{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: [{
             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:40px}*{margin:0}\n"] }]
@@ -1944,7 +2499,7 @@ class WorkspaceComponent {
     }
 }
 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.idmaster + '-' + (empresa.nomeempresa || empresa.nomefantasia) \" class=\"field md:col-10 col-12  flex gap-1\">\r\n                <span class=\"font-bold text-base white-space-nowrap overflow-hidden text-overflow-ellipsis\">{{empresa.idmaster}}</span> - <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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}\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: i2$2.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$5.InputText, selector: "[pInputText]" }, { kind: "directive", type: i2.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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.ɵ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.idmaster + '-' + (empresa.nomeempresa || empresa.nomefantasia) \" class=\"field md:col-10 col-12  flex gap-1\">\r\n                <span class=\"font-bold text-base white-space-nowrap overflow-hidden text-overflow-ellipsis\">{{empresa.idmaster}}</span> - <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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}\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: i2$1.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$5.InputText, selector: "[pInputText]" }, { kind: "directive", type: i2.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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: [{
             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.idmaster + '-' + (empresa.nomeempresa || empresa.nomefantasia) \" class=\"field md:col-10 col-12  flex gap-1\">\r\n                <span class=\"font-bold text-base white-space-nowrap overflow-hidden text-overflow-ellipsis\">{{empresa.idmaster}}</span> - <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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}\n"] }]
@@ -2513,12 +3068,12 @@ class MenuComponent {
             return '';
     }
 }
-MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MenuComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$4.Router }, { token: i1$4.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", breadCrumbs: "breadCrumbs" }, outputs: { licencaChange: "licencaChange", gerenciarKeePassEvent: "gerenciarKeePassEvent", sairEvent: "sairEvent", expandMenuEmit: "expandMenuEmit" }, 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 {{expandMenu ? 'mx-1' : '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)=\"visibleDialogLicenca = !visibleDialogLicenca\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.licencaSelecionada.razaosocial\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{MascaraNomeLicenca(this.licencaSelecionada.razaosocial)}}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{MascaraCnpj(this.licencaSelecionada.cnpj)}}</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)=\"visibleDialogLicenca = !visibleDialogLicenca\"\r\n              [pTooltip]=\"'Alterar Licen\u00E7a'\"\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\">\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\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)}} 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' : ''}}\"\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\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ menu.descricaomenu }}</span>\r\n            </a>\r\n\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.menupai\">\r\n              <a\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' : ''}}\"\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\"\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\"\r\n                  *ngIf=\"expandMenu\"\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)\r\n            \">\r\n            <a\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"callRoute(filho.link)\"\r\n              pRipple\r\n              class=\"{{verificarPaginaSelecionada(filho.link)}} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white 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\"\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 *ngIf=\"breadCrumbs\">\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\"\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 *ngIf=\"!breadCrumbs\"></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</div>\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\r\n  <ng-template pTemplate=\"container\">\r\n\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        <!-- <img\r\n          alt=\"logo\"\r\n          style=\"width: 2rem; height: 2rem;\"\r\n        /> -->\r\n        {{ menu.sistema.nomesistema.charAt(0).toUpperCase() }}\r\n\r\n      </button>\r\n\r\n\r\n      <!-- <p-button styleClass=\"p-button-outlined\">\r\n        <img alt=\"logo\" src=\"https://primefaces.org/cdn/primeng/images/primeng-icon.svg\" style=\"width: 1.5rem\" />\r\n        <span class=\"ml-2 font-bold\">PrimeNG</span>\r\n    </p-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}.page-content{background:linear-gradient(to bottom,#d4d3d3 20%,#ffffff 30%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}::ng-deep .p-breadcrumb ul li:last-child .p-menuitem-text{font-weight:700}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#0c3e66!important;font-weight:500}span,.breadcrumb-title{font-size:15px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}::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}\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: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i9$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "directive", type: i2$2.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$1.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: i10.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$1.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2$3.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.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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", breadCrumbs: "breadCrumbs" }, outputs: { licencaChange: "licencaChange", gerenciarKeePassEvent: "gerenciarKeePassEvent", sairEvent: "sairEvent", expandMenuEmit: "expandMenuEmit" }, 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 {{expandMenu ? 'mx-1' : '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)=\"visibleDialogLicenca = !visibleDialogLicenca\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.licencaSelecionada.razaosocial\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{MascaraNomeLicenca(this.licencaSelecionada.razaosocial)}}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{MascaraCnpj(this.licencaSelecionada.cnpj)}}</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)=\"visibleDialogLicenca = !visibleDialogLicenca\"\r\n              [pTooltip]=\"'Alterar Licen\u00E7a'\"\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\">\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\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)}} 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' : ''}}\"\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\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ menu.descricaomenu }}</span>\r\n            </a>\r\n\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.menupai\">\r\n              <a\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' : ''}}\"\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\"\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\"\r\n                  *ngIf=\"expandMenu\"\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)\r\n            \">\r\n            <a\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"callRoute(filho.link)\"\r\n              pRipple\r\n              class=\"{{verificarPaginaSelecionada(filho.link)}} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white 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\"\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 *ngIf=\"breadCrumbs\">\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\"\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 *ngIf=\"!breadCrumbs\"></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</div>\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\r\n  <ng-template pTemplate=\"container\">\r\n\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        <!-- <img\r\n          alt=\"logo\"\r\n          style=\"width: 2rem; height: 2rem;\"\r\n        /> -->\r\n        {{ menu.sistema.nomesistema.charAt(0).toUpperCase() }}\r\n\r\n      </button>\r\n\r\n\r\n      <!-- <p-button styleClass=\"p-button-outlined\">\r\n        <img alt=\"logo\" src=\"https://primefaces.org/cdn/primeng/images/primeng-icon.svg\" style=\"width: 1.5rem\" />\r\n        <span class=\"ml-2 font-bold\">PrimeNG</span>\r\n    </p-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}.page-content{background:linear-gradient(to bottom,#d4d3d3 20%,#ffffff 30%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}::ng-deep .p-breadcrumb ul li:last-child .p-menuitem-text{font-weight:700}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#0c3e66!important;font-weight:500}span,.breadcrumb-title{font-size:15px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}::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}\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: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i1$3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i9$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "directive", type: i2$1.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$1.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: i10.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$1.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2$2.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.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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: [{
             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 {{expandMenu ? 'mx-1' : '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)=\"visibleDialogLicenca = !visibleDialogLicenca\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.licencaSelecionada.razaosocial\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{MascaraNomeLicenca(this.licencaSelecionada.razaosocial)}}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{MascaraCnpj(this.licencaSelecionada.cnpj)}}</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)=\"visibleDialogLicenca = !visibleDialogLicenca\"\r\n              [pTooltip]=\"'Alterar Licen\u00E7a'\"\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\">\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\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)}} 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' : ''}}\"\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\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ menu.descricaomenu }}</span>\r\n            </a>\r\n\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.menupai\">\r\n              <a\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' : ''}}\"\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\"\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\"\r\n                  *ngIf=\"expandMenu\"\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)\r\n            \">\r\n            <a\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"callRoute(filho.link)\"\r\n              pRipple\r\n              class=\"{{verificarPaginaSelecionada(filho.link)}} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white 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\"\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 *ngIf=\"breadCrumbs\">\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\"\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 *ngIf=\"!breadCrumbs\"></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</div>\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\r\n  <ng-template pTemplate=\"container\">\r\n\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        <!-- <img\r\n          alt=\"logo\"\r\n          style=\"width: 2rem; height: 2rem;\"\r\n        /> -->\r\n        {{ menu.sistema.nomesistema.charAt(0).toUpperCase() }}\r\n\r\n      </button>\r\n\r\n\r\n      <!-- <p-button styleClass=\"p-button-outlined\">\r\n        <img alt=\"logo\" src=\"https://primefaces.org/cdn/primeng/images/primeng-icon.svg\" style=\"width: 1.5rem\" />\r\n        <span class=\"ml-2 font-bold\">PrimeNG</span>\r\n    </p-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}.page-content{background:linear-gradient(to bottom,#d4d3d3 20%,#ffffff 30%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}::ng-deep .p-breadcrumb ul li:last-child .p-menuitem-text{font-weight:700}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#0c3e66!important;font-weight:500}span,.breadcrumb-title{font-size:15px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}::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}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$4.Router }, { type: i1$4.ActivatedRoute }]; }, propDecorators: { menuCompleto: [{
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i3$1.Router }, { type: i3$1.ActivatedRoute }]; }, propDecorators: { menuCompleto: [{
                 type: Input
             }], licencas: [{
                 type: Input
@@ -2840,10 +3395,10 @@ class TreeTableComponent {
     }
 }
 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", rightCollapse: "rightCollapse", applyStyle: "applyStyle", _templates: ["templates", "_templates"], colorButtonToggleNodes: "colorButtonToggleNodes" }, outputs: { onFilter: "onFilter", onPaginate: "onPaginate", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote" }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<div>\r\n\r\n  <p-treeTable #tt [value]=\"dataSource\" [columns]=\"config.columns\" [(selection)]=\"selectedItems\" [scrollable]=\"true\"\r\n    selectionMode=\"checkbox\" [(selection)]=\"selectedNodes\" [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [paginator]=\"paginator\" [rows]=\"rows\" [totalRecords]=\"tamanhoTotalTree\" [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\" rowGroupMode=\"subheader\" groupRowsBy=\"id\" >\r\n\r\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableToggleNodes || config.enableFilter\">\r\n      <div class=\"flex justify-content-between\" *ngIf=\"config.enableSelect\">\r\n\r\n        <div *ngIf=\"config.enableToggleNodes\">\r\n          <kv-button-personalize (click)=\"toggleNodes()\" [color]=\"colorButtonToggleNodes+ ' border-none'\" [label]=\"isExpanded ? 'Recolher Todos' : 'Expandir Todos'\" [icon]=\"isExpanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></kv-button-personalize>\r\n        </div>\r\n\r\n        <div class=\"p-input-icon-left\" *ngIf=\"config.enableFilter\">\r\n          <i class=\"pi pi-search\"></i>\r\n          <input type=\"text\" pInputText placeholder=\"Global Search\" (input)=\"onGlobalFilter(tt,$event)\" />\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        <th *ngIf=\"config.enableSelect\" style=\"width: 30px;\">\r\n          <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"></p-treeTableHeaderCheckbox>\r\n        </th>\r\n\r\n        <th [style.width]=\"col.width\" *ngFor=\"let col of columns\" [ttSortableColumn]=\"col.sortable ? col.field : false\"\r\n          [ttSortableColumnDisabled]=\"col.sortable == false\">\r\n\r\n\r\n          <div [class]=\"'flex flex-row ml-2'\">\r\n            {{ col.header }}\r\n\r\n            <p-treeTableSortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-treeTableSortIcon>\r\n\r\n            <span *ngIf=\"col.headerTooltip\" class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\">info</span>\r\n\r\n          </div>\r\n        </th>\r\n        <th [style.width]=\"'20px'\" *ngIf=\"config.actions && config.actions.length > 0\"></th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n\r\n    <ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\r\n\r\n\r\n      <tr *ngIf=\"rowNode.level == 0\" [style.height]=\"espacamentoPai\">\r\n      </tr>\r\n\r\n\r\n        <tr [ttRow]=\"rowNode\">\r\n          <td [style]=\"applyStyle(rowData, col)\" *ngFor=\"let col of config.columns; let i = index,\" class=\"rowTable\" [ngClass]=\"{'flex': i == 0, 'margem-filho': i == 0 && rowNode.level != 0 && espacamentoLateral }\" >\r\n\r\n\r\n            <!-- // Collapse -->\r\n            <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"!rightCollapse && i == 0\"></p-treeTableToggler>\r\n            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\"\r\n              *ngIf=\"rightCollapse && i == 0\"></p-treeTableToggler>\r\n\r\n\r\n            <!-- // Checkbox para multisele\u00E7\u00E3o-->\r\n            <p-treeTableCheckbox (click)=\"activeItemLote(selectedItems)\" [value]=\"rowNode\"\r\n              *ngIf=\"config.enableSelect == true && i === 0\"></p-treeTableCheckbox>\r\n\r\n            <!-- // Campo com tipo booleano -->\r\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\r\n\r\n              <!-- // Campo com tipo padr\u00E3o -->\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col) && !col.template\"\r\n                [ngClass]=\"{'flex align-items-center max-w-max': i == config.columns.length-1}\">\r\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n\r\n              <!-- // Campo com tipo imagem -->\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              <!-- // Campo com tipo de chip -->\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span class=\"p-element border-null border-round-2xl chip-style p-2 text-null w-auto\"\r\n                  [pTooltip]=\"rowData[col.field]\">{{\r\n                  transformValue(rowData, col)\r\n                  }} teste</span>\r\n              </div>\r\n\r\n            </span>\r\n\r\n\r\n            <!-- // Template campo booleano -->\r\n            <ng-template #booleanField>\r\n              <i *ngIf=\"!col.iconField\" [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\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\r\n            <!-- // Template campo personalizado -->\r\n            <ng-container *ngIf=\"col.template && getCustomTemplate(col.template.name) \"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData, rowNodeLevel: rowNode.level }\">\r\n            </ng-container>\r\n\r\n          </td>\r\n\r\n\r\n\r\n          <td *ngIf=\"config.actions && config.actions.length > 0\" style=\"width: 20px;\"\r\n            [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\">\r\n\r\n\r\n            <div *ngIf=\"!validaLinhaAcaoVazia(rowData, rowNode)\">\r\n              <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"acoesLinhaTabela\">\r\n                <div *ngFor=\"let action of config.actions\">\r\n                  <button id=\"actionBtns\" pButton *ngIf=\"exibirCampo(action, rowData)\"\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"activeItem(rowNode, rowData); action?.command()\"\r\n                    [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\" [tooltipPosition]=\"'bottom'\"\r\n                    [disabled]=\"callDisabled(action, rowData)\">\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  \r\n              <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"!acoesLinhaTabela\">\r\n                <button id=\"moreVertBtn\" pButton class=\"actionBtns p-button-text p-button-raised\"\r\n                  (click)=\"menu.toggle($event); activeItem(rowNode, rowData)\">\r\n                  <span class=\"material-symbols-outlined\" style=\"font-size: 20px\">\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                <p-menu #menu [popup]=\"true\" [model]=\"menuItems\" appendTo=\"body\"></p-menu>\r\n  \r\n                <!-- :: Icone de collapse na direita :: -->\r\n                <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"rightCollapse\"></p-treeTableToggler>\r\n              </div>\r\n            </div>\r\n\r\n\r\n\r\n          </td>\r\n\r\n\r\n\r\n\r\n        </tr>\r\n\r\n\r\n\r\n    </ng-template>\r\n\r\n\r\n    <!-- :: Template para icone de collapse na direita -->\r\n    <ng-template *ngIf=\"rightCollapse\" pTemplate=\"togglericon\" let-open>\r\n      <span *ngIf=\"open\" class=\"pi pi-angle-left\"></span>\r\n      <span *ngIf=\"!open\" class=\"pi pi-angle-down\"></span>\r\n    </ng-template>\r\n\r\n\r\n\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 [attr.colspan]=\"columns.length + 2\" style=\"text-align: center\">\r\n          Nenhum registro encontrado\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n  </p-treeTable>\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: [".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}#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{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 (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}}:host ::ng-deep .hiddenVisible span{visibility:hidden!important;cursor:hidden}.margem-filho{margin-left:25px!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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$2.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$5.InputText, selector: "[pInputText]" }, { kind: "component", type: i5$2.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i8.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: i8.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i8.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "component", type: i8.TTSortIcon, selector: "p-treeTableSortIcon", inputs: ["field", "ariaLabelDesc", "ariaLabelAsc"] }, { kind: "directive", type: i8.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i8.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i8.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }, { kind: "component", type: ButtonPersonalizeComponent, selector: "kv-button-personalize" }] });
+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", rightCollapse: "rightCollapse", applyStyle: "applyStyle", _templates: ["templates", "_templates"], colorButtonToggleNodes: "colorButtonToggleNodes" }, outputs: { onFilter: "onFilter", onPaginate: "onPaginate", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote" }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<div>\r\n\r\n  <p-treeTable #tt [value]=\"dataSource\" [columns]=\"config.columns\" [(selection)]=\"selectedItems\" [scrollable]=\"true\"\r\n    selectionMode=\"checkbox\" [(selection)]=\"selectedNodes\" [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [paginator]=\"paginator\" [rows]=\"rows\" [totalRecords]=\"tamanhoTotalTree\" [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\" rowGroupMode=\"subheader\" groupRowsBy=\"id\" >\r\n\r\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableToggleNodes || config.enableFilter\">\r\n      <div class=\"flex justify-content-between\" *ngIf=\"config.enableSelect\">\r\n\r\n        <div *ngIf=\"config.enableToggleNodes\">\r\n          <kv-button-personalize (click)=\"toggleNodes()\" [color]=\"colorButtonToggleNodes+ ' border-none'\" [label]=\"isExpanded ? 'Recolher Todos' : 'Expandir Todos'\" [icon]=\"isExpanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></kv-button-personalize>\r\n        </div>\r\n\r\n        <div class=\"p-input-icon-left\" *ngIf=\"config.enableFilter\">\r\n          <i class=\"pi pi-search\"></i>\r\n          <input type=\"text\" pInputText placeholder=\"Global Search\" (input)=\"onGlobalFilter(tt,$event)\" />\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        <th *ngIf=\"config.enableSelect\" style=\"width: 30px;\">\r\n          <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"></p-treeTableHeaderCheckbox>\r\n        </th>\r\n\r\n        <th [style.width]=\"col.width\" *ngFor=\"let col of columns\" [ttSortableColumn]=\"col.sortable ? col.field : false\"\r\n          [ttSortableColumnDisabled]=\"col.sortable == false\">\r\n\r\n\r\n          <div [class]=\"'flex flex-row ml-2'\">\r\n            {{ col.header }}\r\n\r\n            <p-treeTableSortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-treeTableSortIcon>\r\n\r\n            <span *ngIf=\"col.headerTooltip\" class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\">info</span>\r\n\r\n          </div>\r\n        </th>\r\n        <th [style.width]=\"'20px'\" *ngIf=\"config.actions && config.actions.length > 0\"></th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n\r\n    <ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\r\n\r\n\r\n      <tr *ngIf=\"rowNode.level == 0\" [style.height]=\"espacamentoPai\">\r\n      </tr>\r\n\r\n\r\n        <tr [ttRow]=\"rowNode\">\r\n          <td [style]=\"applyStyle(rowData, col)\" *ngFor=\"let col of config.columns; let i = index,\" class=\"rowTable\" [ngClass]=\"{'flex': i == 0, 'margem-filho': i == 0 && rowNode.level != 0 && espacamentoLateral }\" >\r\n\r\n\r\n            <!-- // Collapse -->\r\n            <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"!rightCollapse && i == 0\"></p-treeTableToggler>\r\n            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\"\r\n              *ngIf=\"rightCollapse && i == 0\"></p-treeTableToggler>\r\n\r\n\r\n            <!-- // Checkbox para multisele\u00E7\u00E3o-->\r\n            <p-treeTableCheckbox (click)=\"activeItemLote(selectedItems)\" [value]=\"rowNode\"\r\n              *ngIf=\"config.enableSelect == true && i === 0\"></p-treeTableCheckbox>\r\n\r\n            <!-- // Campo com tipo booleano -->\r\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\r\n\r\n              <!-- // Campo com tipo padr\u00E3o -->\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col) && !col.template\"\r\n                [ngClass]=\"{'flex align-items-center max-w-max': i == config.columns.length-1}\">\r\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n\r\n              <!-- // Campo com tipo imagem -->\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              <!-- // Campo com tipo de chip -->\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span class=\"p-element border-null border-round-2xl chip-style p-2 text-null w-auto\"\r\n                  [pTooltip]=\"rowData[col.field]\">{{\r\n                  transformValue(rowData, col)\r\n                  }} teste</span>\r\n              </div>\r\n\r\n            </span>\r\n\r\n\r\n            <!-- // Template campo booleano -->\r\n            <ng-template #booleanField>\r\n              <i *ngIf=\"!col.iconField\" [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\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\r\n            <!-- // Template campo personalizado -->\r\n            <ng-container *ngIf=\"col.template && getCustomTemplate(col.template.name) \"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData, rowNodeLevel: rowNode.level }\">\r\n            </ng-container>\r\n\r\n          </td>\r\n\r\n\r\n\r\n          <td *ngIf=\"config.actions && config.actions.length > 0 && !validaLinhaAcaoVazia(rowData, rowNode)\" style=\"width: 20px;\"\r\n            [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\">\r\n\r\n\r\n            <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"acoesLinhaTabela\">\r\n              <div *ngFor=\"let action of config.actions\">\r\n                <button id=\"actionBtns\" pButton *ngIf=\"exibirCampo(action, rowData)\"\r\n                  class=\"actionBtns p-button-text p-button-raised\"\r\n                  (click)=\"activeItem(rowNode, rowData); action?.command()\"\r\n                  [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\" [tooltipPosition]=\"'bottom'\"\r\n                  [disabled]=\"callDisabled(action, rowData)\">\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\r\n            <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"!acoesLinhaTabela\">\r\n              <button id=\"moreVertBtn\" pButton class=\"actionBtns p-button-text p-button-raised\"\r\n                (click)=\"menu.toggle($event); activeItem(rowNode, rowData)\">\r\n                <span class=\"material-symbols-outlined\" style=\"font-size: 20px\">\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              <p-menu #menu [popup]=\"true\" [model]=\"menuItems\" appendTo=\"body\"></p-menu>\r\n\r\n              <!-- :: Icone de collapse na direita :: -->\r\n              <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"rightCollapse\"></p-treeTableToggler>\r\n            </div>\r\n\r\n          </td>\r\n\r\n\r\n\r\n\r\n        </tr>\r\n\r\n\r\n\r\n    </ng-template>\r\n\r\n\r\n    <!-- :: Template para icone de collapse na direita -->\r\n    <ng-template *ngIf=\"rightCollapse\" pTemplate=\"togglericon\" let-open>\r\n      <span *ngIf=\"open\" class=\"pi pi-angle-left\"></span>\r\n      <span *ngIf=\"!open\" class=\"pi pi-angle-down\"></span>\r\n    </ng-template>\r\n\r\n\r\n\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 [attr.colspan]=\"columns.length + 2\" style=\"text-align: center\">\r\n          Nenhum registro encontrado\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n  </p-treeTable>\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: [".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}#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{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 (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}}:host ::ng-deep .hiddenVisible span{visibility:hidden!important;cursor:hidden}.margem-filho{margin-left:25px!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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$1.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$5.InputText, selector: "[pInputText]" }, { kind: "component", type: i5$2.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i8.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: i8.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i8.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "component", type: i8.TTSortIcon, selector: "p-treeTableSortIcon", inputs: ["field", "ariaLabelDesc", "ariaLabelAsc"] }, { kind: "directive", type: i8.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i8.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i8.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }, { kind: "component", type: ButtonPersonalizeComponent, selector: "kv-button-personalize" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TreeTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-treetable', template: "<div>\r\n\r\n  <p-treeTable #tt [value]=\"dataSource\" [columns]=\"config.columns\" [(selection)]=\"selectedItems\" [scrollable]=\"true\"\r\n    selectionMode=\"checkbox\" [(selection)]=\"selectedNodes\" [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [paginator]=\"paginator\" [rows]=\"rows\" [totalRecords]=\"tamanhoTotalTree\" [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\" rowGroupMode=\"subheader\" groupRowsBy=\"id\" >\r\n\r\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableToggleNodes || config.enableFilter\">\r\n      <div class=\"flex justify-content-between\" *ngIf=\"config.enableSelect\">\r\n\r\n        <div *ngIf=\"config.enableToggleNodes\">\r\n          <kv-button-personalize (click)=\"toggleNodes()\" [color]=\"colorButtonToggleNodes+ ' border-none'\" [label]=\"isExpanded ? 'Recolher Todos' : 'Expandir Todos'\" [icon]=\"isExpanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></kv-button-personalize>\r\n        </div>\r\n\r\n        <div class=\"p-input-icon-left\" *ngIf=\"config.enableFilter\">\r\n          <i class=\"pi pi-search\"></i>\r\n          <input type=\"text\" pInputText placeholder=\"Global Search\" (input)=\"onGlobalFilter(tt,$event)\" />\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        <th *ngIf=\"config.enableSelect\" style=\"width: 30px;\">\r\n          <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"></p-treeTableHeaderCheckbox>\r\n        </th>\r\n\r\n        <th [style.width]=\"col.width\" *ngFor=\"let col of columns\" [ttSortableColumn]=\"col.sortable ? col.field : false\"\r\n          [ttSortableColumnDisabled]=\"col.sortable == false\">\r\n\r\n\r\n          <div [class]=\"'flex flex-row ml-2'\">\r\n            {{ col.header }}\r\n\r\n            <p-treeTableSortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-treeTableSortIcon>\r\n\r\n            <span *ngIf=\"col.headerTooltip\" class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\">info</span>\r\n\r\n          </div>\r\n        </th>\r\n        <th [style.width]=\"'20px'\" *ngIf=\"config.actions && config.actions.length > 0\"></th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n\r\n    <ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\r\n\r\n\r\n      <tr *ngIf=\"rowNode.level == 0\" [style.height]=\"espacamentoPai\">\r\n      </tr>\r\n\r\n\r\n        <tr [ttRow]=\"rowNode\">\r\n          <td [style]=\"applyStyle(rowData, col)\" *ngFor=\"let col of config.columns; let i = index,\" class=\"rowTable\" [ngClass]=\"{'flex': i == 0, 'margem-filho': i == 0 && rowNode.level != 0 && espacamentoLateral }\" >\r\n\r\n\r\n            <!-- // Collapse -->\r\n            <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"!rightCollapse && i == 0\"></p-treeTableToggler>\r\n            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\"\r\n              *ngIf=\"rightCollapse && i == 0\"></p-treeTableToggler>\r\n\r\n\r\n            <!-- // Checkbox para multisele\u00E7\u00E3o-->\r\n            <p-treeTableCheckbox (click)=\"activeItemLote(selectedItems)\" [value]=\"rowNode\"\r\n              *ngIf=\"config.enableSelect == true && i === 0\"></p-treeTableCheckbox>\r\n\r\n            <!-- // Campo com tipo booleano -->\r\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\r\n\r\n              <!-- // Campo com tipo padr\u00E3o -->\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col) && !col.template\"\r\n                [ngClass]=\"{'flex align-items-center max-w-max': i == config.columns.length-1}\">\r\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n\r\n              <!-- // Campo com tipo imagem -->\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              <!-- // Campo com tipo de chip -->\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span class=\"p-element border-null border-round-2xl chip-style p-2 text-null w-auto\"\r\n                  [pTooltip]=\"rowData[col.field]\">{{\r\n                  transformValue(rowData, col)\r\n                  }} teste</span>\r\n              </div>\r\n\r\n            </span>\r\n\r\n\r\n            <!-- // Template campo booleano -->\r\n            <ng-template #booleanField>\r\n              <i *ngIf=\"!col.iconField\" [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\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\r\n            <!-- // Template campo personalizado -->\r\n            <ng-container *ngIf=\"col.template && getCustomTemplate(col.template.name) \"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData, rowNodeLevel: rowNode.level }\">\r\n            </ng-container>\r\n\r\n          </td>\r\n\r\n\r\n\r\n          <td *ngIf=\"config.actions && config.actions.length > 0\" style=\"width: 20px;\"\r\n            [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\">\r\n\r\n\r\n            <div *ngIf=\"!validaLinhaAcaoVazia(rowData, rowNode)\">\r\n              <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"acoesLinhaTabela\">\r\n                <div *ngFor=\"let action of config.actions\">\r\n                  <button id=\"actionBtns\" pButton *ngIf=\"exibirCampo(action, rowData)\"\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"activeItem(rowNode, rowData); action?.command()\"\r\n                    [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\" [tooltipPosition]=\"'bottom'\"\r\n                    [disabled]=\"callDisabled(action, rowData)\">\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  \r\n              <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"!acoesLinhaTabela\">\r\n                <button id=\"moreVertBtn\" pButton class=\"actionBtns p-button-text p-button-raised\"\r\n                  (click)=\"menu.toggle($event); activeItem(rowNode, rowData)\">\r\n                  <span class=\"material-symbols-outlined\" style=\"font-size: 20px\">\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                <p-menu #menu [popup]=\"true\" [model]=\"menuItems\" appendTo=\"body\"></p-menu>\r\n  \r\n                <!-- :: Icone de collapse na direita :: -->\r\n                <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"rightCollapse\"></p-treeTableToggler>\r\n              </div>\r\n            </div>\r\n\r\n\r\n\r\n          </td>\r\n\r\n\r\n\r\n\r\n        </tr>\r\n\r\n\r\n\r\n    </ng-template>\r\n\r\n\r\n    <!-- :: Template para icone de collapse na direita -->\r\n    <ng-template *ngIf=\"rightCollapse\" pTemplate=\"togglericon\" let-open>\r\n      <span *ngIf=\"open\" class=\"pi pi-angle-left\"></span>\r\n      <span *ngIf=\"!open\" class=\"pi pi-angle-down\"></span>\r\n    </ng-template>\r\n\r\n\r\n\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 [attr.colspan]=\"columns.length + 2\" style=\"text-align: center\">\r\n          Nenhum registro encontrado\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n  </p-treeTable>\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: [".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}#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{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 (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}}:host ::ng-deep .hiddenVisible span{visibility:hidden!important;cursor:hidden}.margem-filho{margin-left:25px!important}\n"] }]
+            args: [{ selector: 'kv-treetable', template: "<div>\r\n\r\n  <p-treeTable #tt [value]=\"dataSource\" [columns]=\"config.columns\" [(selection)]=\"selectedItems\" [scrollable]=\"true\"\r\n    selectionMode=\"checkbox\" [(selection)]=\"selectedNodes\" [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [paginator]=\"paginator\" [rows]=\"rows\" [totalRecords]=\"tamanhoTotalTree\" [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\" rowGroupMode=\"subheader\" groupRowsBy=\"id\" >\r\n\r\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableToggleNodes || config.enableFilter\">\r\n      <div class=\"flex justify-content-between\" *ngIf=\"config.enableSelect\">\r\n\r\n        <div *ngIf=\"config.enableToggleNodes\">\r\n          <kv-button-personalize (click)=\"toggleNodes()\" [color]=\"colorButtonToggleNodes+ ' border-none'\" [label]=\"isExpanded ? 'Recolher Todos' : 'Expandir Todos'\" [icon]=\"isExpanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></kv-button-personalize>\r\n        </div>\r\n\r\n        <div class=\"p-input-icon-left\" *ngIf=\"config.enableFilter\">\r\n          <i class=\"pi pi-search\"></i>\r\n          <input type=\"text\" pInputText placeholder=\"Global Search\" (input)=\"onGlobalFilter(tt,$event)\" />\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        <th *ngIf=\"config.enableSelect\" style=\"width: 30px;\">\r\n          <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"></p-treeTableHeaderCheckbox>\r\n        </th>\r\n\r\n        <th [style.width]=\"col.width\" *ngFor=\"let col of columns\" [ttSortableColumn]=\"col.sortable ? col.field : false\"\r\n          [ttSortableColumnDisabled]=\"col.sortable == false\">\r\n\r\n\r\n          <div [class]=\"'flex flex-row ml-2'\">\r\n            {{ col.header }}\r\n\r\n            <p-treeTableSortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-treeTableSortIcon>\r\n\r\n            <span *ngIf=\"col.headerTooltip\" class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\">info</span>\r\n\r\n          </div>\r\n        </th>\r\n        <th [style.width]=\"'20px'\" *ngIf=\"config.actions && config.actions.length > 0\"></th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n\r\n    <ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\r\n\r\n\r\n      <tr *ngIf=\"rowNode.level == 0\" [style.height]=\"espacamentoPai\">\r\n      </tr>\r\n\r\n\r\n        <tr [ttRow]=\"rowNode\">\r\n          <td [style]=\"applyStyle(rowData, col)\" *ngFor=\"let col of config.columns; let i = index,\" class=\"rowTable\" [ngClass]=\"{'flex': i == 0, 'margem-filho': i == 0 && rowNode.level != 0 && espacamentoLateral }\" >\r\n\r\n\r\n            <!-- // Collapse -->\r\n            <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"!rightCollapse && i == 0\"></p-treeTableToggler>\r\n            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\"\r\n              *ngIf=\"rightCollapse && i == 0\"></p-treeTableToggler>\r\n\r\n\r\n            <!-- // Checkbox para multisele\u00E7\u00E3o-->\r\n            <p-treeTableCheckbox (click)=\"activeItemLote(selectedItems)\" [value]=\"rowNode\"\r\n              *ngIf=\"config.enableSelect == true && i === 0\"></p-treeTableCheckbox>\r\n\r\n            <!-- // Campo com tipo booleano -->\r\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\r\n\r\n              <!-- // Campo com tipo padr\u00E3o -->\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col) && !col.template\"\r\n                [ngClass]=\"{'flex align-items-center max-w-max': i == config.columns.length-1}\">\r\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n\r\n              <!-- // Campo com tipo imagem -->\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              <!-- // Campo com tipo de chip -->\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span class=\"p-element border-null border-round-2xl chip-style p-2 text-null w-auto\"\r\n                  [pTooltip]=\"rowData[col.field]\">{{\r\n                  transformValue(rowData, col)\r\n                  }} teste</span>\r\n              </div>\r\n\r\n            </span>\r\n\r\n\r\n            <!-- // Template campo booleano -->\r\n            <ng-template #booleanField>\r\n              <i *ngIf=\"!col.iconField\" [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\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\r\n            <!-- // Template campo personalizado -->\r\n            <ng-container *ngIf=\"col.template && getCustomTemplate(col.template.name) \"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData, rowNodeLevel: rowNode.level }\">\r\n            </ng-container>\r\n\r\n          </td>\r\n\r\n\r\n\r\n          <td *ngIf=\"config.actions && config.actions.length > 0 && !validaLinhaAcaoVazia(rowData, rowNode)\" style=\"width: 20px;\"\r\n            [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\">\r\n\r\n\r\n            <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"acoesLinhaTabela\">\r\n              <div *ngFor=\"let action of config.actions\">\r\n                <button id=\"actionBtns\" pButton *ngIf=\"exibirCampo(action, rowData)\"\r\n                  class=\"actionBtns p-button-text p-button-raised\"\r\n                  (click)=\"activeItem(rowNode, rowData); action?.command()\"\r\n                  [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\" [tooltipPosition]=\"'bottom'\"\r\n                  [disabled]=\"callDisabled(action, rowData)\">\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\r\n            <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"!acoesLinhaTabela\">\r\n              <button id=\"moreVertBtn\" pButton class=\"actionBtns p-button-text p-button-raised\"\r\n                (click)=\"menu.toggle($event); activeItem(rowNode, rowData)\">\r\n                <span class=\"material-symbols-outlined\" style=\"font-size: 20px\">\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              <p-menu #menu [popup]=\"true\" [model]=\"menuItems\" appendTo=\"body\"></p-menu>\r\n\r\n              <!-- :: Icone de collapse na direita :: -->\r\n              <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"rightCollapse\"></p-treeTableToggler>\r\n            </div>\r\n\r\n          </td>\r\n\r\n\r\n\r\n\r\n        </tr>\r\n\r\n\r\n\r\n    </ng-template>\r\n\r\n\r\n    <!-- :: Template para icone de collapse na direita -->\r\n    <ng-template *ngIf=\"rightCollapse\" pTemplate=\"togglericon\" let-open>\r\n      <span *ngIf=\"open\" class=\"pi pi-angle-left\"></span>\r\n      <span *ngIf=\"!open\" class=\"pi pi-angle-down\"></span>\r\n    </ng-template>\r\n\r\n\r\n\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 [attr.colspan]=\"columns.length + 2\" style=\"text-align: center\">\r\n          Nenhum registro encontrado\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n  </p-treeTable>\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: [".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}#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{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 (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}}:host ::ng-deep .hiddenVisible span{visibility:hidden!important;cursor:hidden}.margem-filho{margin-left:25px!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: i1.DecimalPipe }, { type: CodigoFipePipe }, { type: CpfCnpjPipe }, { type: TelefonePipe }]; }, propDecorators: { config: [{
                 type: Input
             }], dataSource: [{
@@ -2987,7 +3542,7 @@ class OrgchartComponent {
     }
 }
 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: i2$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
+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: i2$1.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: [{
             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"] }]
@@ -3190,79 +3745,6 @@ class TranslatePrimeng {
     }
 }
 
-class NotificationService {
-    constructor(confirmationService, messageService) {
-        this.confirmationService = confirmationService;
-        this.messageService = messageService;
-    }
-    question(config) {
-        this.confirmationService.confirm({
-            header: config.type === 'alert' ? 'Atenção' : 'Confirmação',
-            icon: `pi ${config.type === 'alert' ? 'pi-exclamation-triangle' : 'pi-question-circle'}`,
-            acceptLabel: 'Sim',
-            acceptButtonStyleClass: 'p-button-success',
-            rejectLabel: 'Não',
-            rejectButtonStyleClass: 'p-button-secondary',
-            ...config,
-        });
-    }
-    dialog(config) {
-        let dialogHeader;
-        let dialogIcon;
-        switch (config.type) {
-            case 'alert':
-                dialogHeader = 'Atenção';
-                dialogIcon = 'pi pi-exclamation-triangle';
-                break;
-            case 'info':
-                dialogHeader = 'Info';
-                dialogIcon = 'pi pi-info-circle';
-                break;
-            case 'error':
-                dialogHeader = 'Erro';
-                dialogIcon = 'pi pi-times-circle';
-                break;
-        }
-        this.confirmationService.confirm({
-            header: dialogHeader,
-            icon: dialogIcon,
-            acceptLabel: 'Ok',
-            acceptButtonStyleClass: 'p-button-success',
-            rejectVisible: false,
-            message: config.message,
-        });
-    }
-    toastSuccess(message) {
-        this.messageService.add({ severity: 'success', summary: 'Sucesso', detail: message });
-    }
-    toastInfo(message) {
-        this.messageService.add({ severity: 'info', summary: 'Info', detail: message });
-    }
-    toastWarn(message) {
-        this.messageService.add({ severity: 'warn', summary: 'Aviso', detail: message });
-    }
-    toastError(message) {
-        this.messageService.add({ severity: 'error', summary: 'Erro', detail: message });
-    }
-}
-NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NotificationService, deps: [{ token: i1$1.ConfirmationService }, { token: i1$1.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: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.ConfirmationService }, { type: i1$1.MessageService }]; } });
-
-class TablePaginate {
-    constructor() {
-        this.paginaInicial = 1;
-        this.tamanhoPagina = 10;
-        this.termoPesquisa = '';
-        this.ordenacao = '';
-    }
-}
-
 ;
 
 /*
@@ -3273,5 +3755,5 @@ class TablePaginate {
  * Generated bundle index. Do not edit.
  */
 
-export { BaseChartComponent, BaseComponent, BaseComponentButton, BaseComponentDropDown, BaseComponentInput, BaseComponentMultiSelect, ButtonPersonalizeComponent, ButtonSecondaryComponent, ButtonSuccessComponent, ChartComponent, CheckComponent, CodigoFipePipe, ComponentProviders, ComponentService, CpfCnpjPipe, DropdownComponent, ErrorComponent, InputCalendarComponent, InputMaskComponent, InputNumberComponent, InputPasswordComponent, InputTextComponent, InputTextareaComponent, InputTimeComponent, KVTreeTableModule, KeevoComponentsModule, KvButtonsModule, KvChartModule, KvInputsModule, KvMenuModule, KvPickListModule, KvTableModule, KvWorkspaceModule, KvtreeViewModule, MenuComponent, MultiSelectComponent, NotificationService, ObjectService, OrgchartComponent, OrgchartModule, PeriodosChart, PickListComponent, PipesModule, PrimeNgModule, RadioGroupComponent, SwitchComponent, TableComponent, TablePaginate, TelefonePipe, TranslatePrimeng, TreeTableComponent, TreeViewComponent, WorkspaceComponent, kvErrorModule };
+export { BaseChartComponent, BaseComponent, BaseComponentButton, BaseComponentCrud, BaseComponentCrudForm, BaseComponentCrudList, BaseComponentDropDown, BaseComponentInput, BaseComponentMultiSelect, ButtonPersonalizeComponent, ButtonSecondaryComponent, ButtonSuccessComponent, ChartComponent, CheckComponent, CodigoFipePipe, ComponentProviders, ComponentService, CpfCnpjPipe, DropdownComponent, ErrorComponent, InputCalendarComponent, InputMaskComponent, InputNumberComponent, InputPasswordComponent, InputTextComponent, InputTextareaComponent, InputTimeComponent, KVTreeTableModule, KeevoComponentsModule, KvButtonsModule, KvChartModule, KvInputsModule, KvMenuModule, KvPickListModule, KvTableModule, KvWorkspaceModule, KvtreeViewModule, MenuComponent, MultiSelectComponent, NotificationService, ObjectService, OrgchartComponent, OrgchartModule, PeriodosChart, PickListComponent, PipesModule, PrimeNgModule, RadioGroupComponent, SwitchComponent, TableComponent, TablePaginate, TelefonePipe, TranslatePrimeng, TreeTableComponent, TreeViewComponent, WorkspaceComponent, kvErrorModule };
 //# sourceMappingURL=keevo-components.mjs.map