keevo-components 1.8.158 → 1.8.159

package/fesm2022/keevo-components.mjs

@@ -260,11 +260,11 @@ class KvChartComponent {
         this.onSelectionValue.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvChartComponent, 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:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i3.UIChart, selector: "p-chart", inputs: ["type", "plugins", "width", "height", "responsive", "ariaLabel", "ariaLabelledBy", "data", "options"], outputs: ["onDataSelect"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvChartComponent, 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\">\n  <div class=\"flex align-items-start justify-content-between mb-6\">\n    <label class=\"text-900 text-xl font-semibold\">{{ title }}</label>\n    <div>\n      <p-dropdown\n        *ngIf=\"showDatas\"\n        [options]=\"periodos\"\n        [(ngModel)]=\"selectedData\"\n        optionLabel=\"label\"\n        optionValue=\"value\"\n        styleClass=\"w-15rem\"\n        (onChange)=\"selectionValue($event)\">\n      </p-dropdown>\n      <button\n        *ngIf=\"showMenu\"\n        pButton\n        pRipple\n        icon=\"pi pi-ellipsis-h\"\n        class=\"p-button-rounded p-button-secondary\"\n        style=\"margin-left: 10px;\"\n        (click)=\"menu.toggle($event)\">\n      </button>\n      <p-menu\n        #menu\n        [popup]=\"true\"\n        appendTo=\"body\"\n        [model]=\"menuItems\">\n      </p-menu>\n    </div>\n  </div>\n  <p-chart\n    #chart\n    [type]=\"type\"\n    [data]=\"data\"\n    [options]=\"options\"\n    height=\"300px\">\n  </p-chart>\n</div>\n", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i3.UIChart, selector: "p-chart", inputs: ["type", "plugins", "width", "height", "responsive", "ariaLabel", "ariaLabelledBy", "data", "options"], outputs: ["onDataSelect"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvChartComponent, 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:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-chart', template: "<div class=\"card h-full\">\n  <div class=\"flex align-items-start justify-content-between mb-6\">\n    <label class=\"text-900 text-xl font-semibold\">{{ title }}</label>\n    <div>\n      <p-dropdown\n        *ngIf=\"showDatas\"\n        [options]=\"periodos\"\n        [(ngModel)]=\"selectedData\"\n        optionLabel=\"label\"\n        optionValue=\"value\"\n        styleClass=\"w-15rem\"\n        (onChange)=\"selectionValue($event)\">\n      </p-dropdown>\n      <button\n        *ngIf=\"showMenu\"\n        pButton\n        pRipple\n        icon=\"pi pi-ellipsis-h\"\n        class=\"p-button-rounded p-button-secondary\"\n        style=\"margin-left: 10px;\"\n        (click)=\"menu.toggle($event)\">\n      </button>\n      <p-menu\n        #menu\n        [popup]=\"true\"\n        appendTo=\"body\"\n        [model]=\"menuItems\">\n      </p-menu>\n    </div>\n  </div>\n  <p-chart\n    #chart\n    [type]=\"type\"\n    [data]=\"data\"\n    [options]=\"options\"\n    height=\"300px\">\n  </p-chart>\n</div>\n", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { title: [{
                 type: Input
             }], type: [{
@@ -1075,11 +1075,11 @@ class KvErrorComponent {
         this.emitError = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvErrorComponent, selector: "kv-error", inputs: { formControl: "formControl", setHasError: ["hasError", "setHasError"] }, ngImport: i0, template: "<small id=\"error-message\" class=\"p-error block\" style=\"height: 0px !important;\" >\r\n  <ng-content *ngIf=\"hasError\"></ng-content>\r\n</small>\r\n", styles: ["#error-message{left:1px;font-size:.8rem!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvErrorComponent, selector: "kv-error", inputs: { formControl: "formControl", setHasError: ["hasError", "setHasError"] }, ngImport: i0, template: "<small id=\"error-message\" class=\"p-error block\" style=\"height: 0px !important;\" >\n  <ng-content *ngIf=\"hasError\"></ng-content>\n</small>\n", styles: ["#error-message{left:1px;font-size:.8rem!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvErrorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-error', template: "<small id=\"error-message\" class=\"p-error block\" style=\"height: 0px !important;\" >\r\n  <ng-content *ngIf=\"hasError\"></ng-content>\r\n</small>\r\n", styles: ["#error-message{left:1px;font-size:.8rem!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}\n"] }]
+            args: [{ selector: 'kv-error', template: "<small id=\"error-message\" class=\"p-error block\" style=\"height: 0px !important;\" >\n  <ng-content *ngIf=\"hasError\"></ng-content>\n</small>\n", styles: ["#error-message{left:1px;font-size:.8rem!important;font-family:Roboto,Arial,Helvetica,sans-serif!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { formControl: [{
                 type: Input
             }], setHasError: [{
@@ -1206,6 +1206,7 @@ class BaseComponentDropDown extends BaseComponentInput {
         this.dialogService = dialogService;
         this.filter = true;
         this.lazy = false;
+        this.loading = false;
         this.showAddButton = false;
         this.showClear = true;
         this.onAddClick = new EventEmitter();
@@ -1214,7 +1215,6 @@ class BaseComponentDropDown extends BaseComponentInput {
         this.onSelectionChange = new EventEmitter();
         this.onSelectionValue = new EventEmitter();
         this.requestComplete = new EventEmitter();
-        this.loading = false;
         this.loadingCombo = () => {
             if (!this.lazy) {
                 return (src) => {
@@ -1288,7 +1288,9 @@ class BaseComponentDropDown extends BaseComponentInput {
         });
         ref.onClose.subscribe((id) => {
             if (id) {
-                this.listar().subscribe((data) => {
+                this.listar()
+                    .pipe(this.loadingCombo())
+                    .subscribe((data) => {
                     this.options = data;
                     this.filteredOptions = data;
                     if (id)
@@ -1330,7 +1332,7 @@ class BaseComponentDropDown extends BaseComponentInput {
         this.value = value;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: BaseComponentDropDown, deps: [{ token: ComponentService }, { token: i1$3.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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", onLoadCombo: "onLoadCombo", onSelectionChange: "onSelectionChange", onSelectionValue: "onSelectionValue", requestComplete: "requestComplete" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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", loading: "loading", showAddButton: "showAddButton", showClear: "showClear", widthField: "widthField" }, outputs: { onAddClick: "onAddClick", onClick: "onClick", onLoadCombo: "onLoadCombo", onSelectionChange: "onSelectionChange", onSelectionValue: "onSelectionValue", requestComplete: "requestComplete" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: BaseComponentDropDown, decorators: [{
             type: Component,
@@ -1357,6 +1359,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                 type: Input
             }], lazy: [{
                 type: Input
+            }], loading: [{
+                type: Input
             }], showAddButton: [{
                 type: Input
             }], showClear: [{
@@ -1392,11 +1396,11 @@ function ComponentProviders(ref) {
 
 class KvLabelComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvLabelComponent, selector: "kv-label", inputs: { componentId: "componentId", label: "label" }, ngImport: i0, template: "<p class=\"m-0\">\r\n    <label\r\n        [for]=\"componentId\"\r\n        class=\"label-style\"\r\n    >{{ label }}</label>\r\n</p>", styles: ["::ng-deep .label-style{position:relative;left:1px;font-size:.8rem!important;padding-top:0rem;padding-bottom:0rem;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvLabelComponent, selector: "kv-label", inputs: { componentId: "componentId", label: "label" }, ngImport: i0, template: "<p class=\"m-0\">\n    <label\n        [for]=\"componentId\"\n        class=\"label-style\"\n    >{{ label }}</label>\n</p>", styles: ["::ng-deep .label-style{position:relative;left:1px;font-size:.8rem!important;padding-top:0rem;padding-bottom:0rem;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-label', template: "<p class=\"m-0\">\r\n    <label\r\n        [for]=\"componentId\"\r\n        class=\"label-style\"\r\n    >{{ label }}</label>\r\n</p>", styles: ["::ng-deep .label-style{position:relative;left:1px;font-size:.8rem!important;padding-top:0rem;padding-bottom:0rem;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}\n"] }]
+            args: [{ selector: 'kv-label', template: "<p class=\"m-0\">\n    <label\n        [for]=\"componentId\"\n        class=\"label-style\"\n    >{{ label }}</label>\n</p>", styles: ["::ng-deep .label-style{position:relative;left:1px;font-size:.8rem!important;padding-top:0rem;padding-bottom:0rem;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}\n"] }]
         }], propDecorators: { componentId: [{
                 type: Input
             }], label: [{
@@ -1412,11 +1416,11 @@ class KvDropdownComponent extends BaseComponentDropDown {
             this.value = this.dropDowValue;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvDropdownComponent, deps: [{ token: ComponentService }, { token: i1$3.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvDropdownComponent, selector: "kv-dropdown", inputs: { dropDowValue: "dropDowValue", itemTemplate: "itemTemplate", selectedItemTemplate: "selectedItemTemplate" }, providers: ComponentProviders(KvDropdownComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-dropdown\r\n    appendTo=\"body\"\r\n    scrollHeight=\"250px\"\r\n    styleClass=\"inputs\"\r\n    [(ngModel)]=\"value\"\r\n    [class]=\"baseInputClass\"\r\n    [disabled]=\"disabled\"\r\n    [emptyMessage]=\"emptyMessage()\"\r\n    [filter]=\"filter\"\r\n    [group]=\"group\"\r\n    [inputId]=\"componentId\"\r\n    [lazy]=\"lazy\"\r\n    [loading]=\"loading\"\r\n    [optionDisabled]=\"optionDisabled\"\r\n    [optionGroupChildren]=\"optionGroupChildren\"\r\n    [optionGroupLabel]=\"optionGroupLabel\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [options]=\"filteredOptions\"\r\n    [optionValue]=\"optionValue\"\r\n    [panelStyle]=\"{ width: widthField, overflow: 'auto' }\"\r\n    [showClear]=\"showClear\"\r\n    [style]=\"{'width':widthField}\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onChange)=\"onInputChange($event)\"\r\n    (onClick)=\"onInputClick($event)\"\r\n    (onFilter)=\"onInputFilter($event)\"\r\n  >\r\n\r\n    <ng-template\r\n      *ngIf=\"showAddButton\"\r\n      pTemplate=\"footer\"\r\n    >\r\n      <p-divider></p-divider>\r\n      <div class=\"flex flex-wrap card-container p-1\">\r\n        <div class=\"flex justify-content-center\">\r\n          <button\r\n            pButton\r\n            label=\"Incluir\"\r\n            pTooltip=\"Clique aqui para incluir um novo registro\"\r\n            tooltipPosition=\"bottom\"\r\n            icon=\"pi pi-plus\"\r\n            class=\"p-button-rounded p-button-success mr-2\"\r\n            (click)=\"addClick($event)\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n    <ng-template\r\n      let-item\r\n      pTemplate=\"item\"\r\n      *ngIf=\"itemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n    <ng-template\r\n      let-selectedItem\r\n      pTemplate=\"selectedItem\"\r\n      *ngIf=\"selectedItemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedItemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n  </p-dropdown>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["::ng-deep .p-dropdown .p-dropdown-label{display:flex;align-items:center}::ng-deep .p-dropdown{width:100%}@media only screen and (min-width: 700px){::ng-deep .p-dropdown-panel{max-width:700px}}@media only screen and (max-width: 700px){::ng-deep .p-dropdown-panel{max-width:400px}}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5$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: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i10.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvDropdownComponent, selector: "kv-dropdown", inputs: { dropDowValue: "dropDowValue", itemTemplate: "itemTemplate", selectedItemTemplate: "selectedItemTemplate" }, providers: ComponentProviders(KvDropdownComponent), usesInheritance: true, ngImport: i0, template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <p-dropdown\n    appendTo=\"body\"\n    scrollHeight=\"250px\"\n    styleClass=\"inputs\"\n    [(ngModel)]=\"value\"\n    [class]=\"baseInputClass\"\n    [disabled]=\"disabled\"\n    [emptyMessage]=\"emptyMessage()\"\n    [filter]=\"filter\"\n    [group]=\"group\"\n    [inputId]=\"componentId\"\n    [lazy]=\"lazy\"\n    [loading]=\"loading\"\n    [optionDisabled]=\"optionDisabled\"\n    [optionGroupChildren]=\"optionGroupChildren\"\n    [optionGroupLabel]=\"optionGroupLabel\"\n    [optionLabel]=\"optionLabel\"\n    [options]=\"filteredOptions\"\n    [optionValue]=\"optionValue\"\n    [panelStyle]=\"{ width: widthField, overflow: 'auto' }\"\n    [showClear]=\"showClear\"\n    [style]=\"{'width':widthField}\"\n    (onBlur)=\"onInputBlur($event)\"\n    (onChange)=\"onInputChange($event)\"\n    (onClick)=\"onInputClick($event)\"\n    (onFilter)=\"onInputFilter($event)\"\n  >\n\n    <ng-template\n      *ngIf=\"showAddButton\"\n      pTemplate=\"footer\"\n    >\n      <p-divider></p-divider>\n      <div class=\"flex flex-wrap card-container p-1\">\n        <div class=\"flex justify-content-center\">\n          <button\n            pButton\n            label=\"Incluir\"\n            pTooltip=\"Clique aqui para incluir um novo registro\"\n            tooltipPosition=\"bottom\"\n            icon=\"pi pi-plus\"\n            class=\"p-button-rounded p-button-success mr-2\"\n            (click)=\"addClick($event)\"\n          ></button>\n        </div>\n      </div>\n    </ng-template>\n\n    <!-- :: -->\n\n    <ng-template\n      let-item\n      pTemplate=\"item\"\n      *ngIf=\"itemTemplate\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"itemTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\n      >\n\n      </ng-container>\n    </ng-template>\n\n\n    <ng-template\n      let-selectedItem\n      pTemplate=\"selectedItem\"\n      *ngIf=\"selectedItemTemplate\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"selectedItemTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\n      >\n\n      </ng-container>\n    </ng-template>\n\n    <!-- :: -->\n\n  </p-dropdown>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>\n", styles: ["::ng-deep .p-dropdown .p-dropdown-label{display:flex;align-items:center}::ng-deep .p-dropdown{width:100%}@media only screen and (min-width: 700px){::ng-deep .p-dropdown-panel{max-width:700px}}@media only screen and (max-width: 700px){::ng-deep .p-dropdown-panel{max-width:400px}}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5$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: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i10.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-dropdown', providers: ComponentProviders(KvDropdownComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-dropdown\r\n    appendTo=\"body\"\r\n    scrollHeight=\"250px\"\r\n    styleClass=\"inputs\"\r\n    [(ngModel)]=\"value\"\r\n    [class]=\"baseInputClass\"\r\n    [disabled]=\"disabled\"\r\n    [emptyMessage]=\"emptyMessage()\"\r\n    [filter]=\"filter\"\r\n    [group]=\"group\"\r\n    [inputId]=\"componentId\"\r\n    [lazy]=\"lazy\"\r\n    [loading]=\"loading\"\r\n    [optionDisabled]=\"optionDisabled\"\r\n    [optionGroupChildren]=\"optionGroupChildren\"\r\n    [optionGroupLabel]=\"optionGroupLabel\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [options]=\"filteredOptions\"\r\n    [optionValue]=\"optionValue\"\r\n    [panelStyle]=\"{ width: widthField, overflow: 'auto' }\"\r\n    [showClear]=\"showClear\"\r\n    [style]=\"{'width':widthField}\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onChange)=\"onInputChange($event)\"\r\n    (onClick)=\"onInputClick($event)\"\r\n    (onFilter)=\"onInputFilter($event)\"\r\n  >\r\n\r\n    <ng-template\r\n      *ngIf=\"showAddButton\"\r\n      pTemplate=\"footer\"\r\n    >\r\n      <p-divider></p-divider>\r\n      <div class=\"flex flex-wrap card-container p-1\">\r\n        <div class=\"flex justify-content-center\">\r\n          <button\r\n            pButton\r\n            label=\"Incluir\"\r\n            pTooltip=\"Clique aqui para incluir um novo registro\"\r\n            tooltipPosition=\"bottom\"\r\n            icon=\"pi pi-plus\"\r\n            class=\"p-button-rounded p-button-success mr-2\"\r\n            (click)=\"addClick($event)\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n    <ng-template\r\n      let-item\r\n      pTemplate=\"item\"\r\n      *ngIf=\"itemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n    <ng-template\r\n      let-selectedItem\r\n      pTemplate=\"selectedItem\"\r\n      *ngIf=\"selectedItemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedItemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n  </p-dropdown>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["::ng-deep .p-dropdown .p-dropdown-label{display:flex;align-items:center}::ng-deep .p-dropdown{width:100%}@media only screen and (min-width: 700px){::ng-deep .p-dropdown-panel{max-width:700px}}@media only screen and (max-width: 700px){::ng-deep .p-dropdown-panel{max-width:400px}}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-dropdown', providers: ComponentProviders(KvDropdownComponent), template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <p-dropdown\n    appendTo=\"body\"\n    scrollHeight=\"250px\"\n    styleClass=\"inputs\"\n    [(ngModel)]=\"value\"\n    [class]=\"baseInputClass\"\n    [disabled]=\"disabled\"\n    [emptyMessage]=\"emptyMessage()\"\n    [filter]=\"filter\"\n    [group]=\"group\"\n    [inputId]=\"componentId\"\n    [lazy]=\"lazy\"\n    [loading]=\"loading\"\n    [optionDisabled]=\"optionDisabled\"\n    [optionGroupChildren]=\"optionGroupChildren\"\n    [optionGroupLabel]=\"optionGroupLabel\"\n    [optionLabel]=\"optionLabel\"\n    [options]=\"filteredOptions\"\n    [optionValue]=\"optionValue\"\n    [panelStyle]=\"{ width: widthField, overflow: 'auto' }\"\n    [showClear]=\"showClear\"\n    [style]=\"{'width':widthField}\"\n    (onBlur)=\"onInputBlur($event)\"\n    (onChange)=\"onInputChange($event)\"\n    (onClick)=\"onInputClick($event)\"\n    (onFilter)=\"onInputFilter($event)\"\n  >\n\n    <ng-template\n      *ngIf=\"showAddButton\"\n      pTemplate=\"footer\"\n    >\n      <p-divider></p-divider>\n      <div class=\"flex flex-wrap card-container p-1\">\n        <div class=\"flex justify-content-center\">\n          <button\n            pButton\n            label=\"Incluir\"\n            pTooltip=\"Clique aqui para incluir um novo registro\"\n            tooltipPosition=\"bottom\"\n            icon=\"pi pi-plus\"\n            class=\"p-button-rounded p-button-success mr-2\"\n            (click)=\"addClick($event)\"\n          ></button>\n        </div>\n      </div>\n    </ng-template>\n\n    <!-- :: -->\n\n    <ng-template\n      let-item\n      pTemplate=\"item\"\n      *ngIf=\"itemTemplate\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"itemTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\n      >\n\n      </ng-container>\n    </ng-template>\n\n\n    <ng-template\n      let-selectedItem\n      pTemplate=\"selectedItem\"\n      *ngIf=\"selectedItemTemplate\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"selectedItemTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\n      >\n\n      </ng-container>\n    </ng-template>\n\n    <!-- :: -->\n\n  </p-dropdown>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>\n", styles: ["::ng-deep .p-dropdown .p-dropdown-label{display:flex;align-items:center}::ng-deep .p-dropdown{width:100%}@media only screen and (min-width: 700px){::ng-deep .p-dropdown-panel{max-width:700px}}@media only screen and (max-width: 700px){::ng-deep .p-dropdown-panel{max-width:400px}}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }, { type: i1$3.DialogService }], propDecorators: { dropDowValue: [{
                 type: Input
             }], itemTemplate: [{
@@ -2670,11 +2674,11 @@ class KvAvatarComponent {
         event.target.src = this.imageService.userDefaultImage();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvAvatarComponent, deps: [{ token: ImagensService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvAvatarComponent, selector: "kv-avatar", inputs: { imageUrl: "imageUrl", borderColor: "borderColor", width: "width", height: "height", btnAlterarFoto: "btnAlterarFoto" }, outputs: { imageUrlChange: "imageUrlChange", removerFotoEvent: "removerFotoEvent" }, ngImport: i0, template: "<div class=\"image-container\">\r\n  <img [src]=\"getImageSrc() || imageService.userDefaultImage()\" alt=\"Foto\" class=\"container-foto\" [style.border-color]=\"borderColor\" [style.width.px]=\"width\" [style.height.px]=\"height\" (error)=\"handleImageError($event)\" >\r\n  <div class=\"btn\">\r\n    <input *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"selectFotoSelecionada($event)\">\r\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\" class=\"botao-alterar-foto border-circle\" (click)=\"openFile()\">\r\n      <i class=\"pi pi-camera icon-edit\"></i>\r\n    </button>\r\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" class=\"botao-excluir-foto border-circle\" (click)=\"removerFoto()\">\r\n      <i class=\"pi pi-trash icon-delete\"></i>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["img{border-style:solid;border-width:4px;border-radius:50%}.botao-alterar-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvAvatarComponent, selector: "kv-avatar", inputs: { imageUrl: "imageUrl", borderColor: "borderColor", width: "width", height: "height", btnAlterarFoto: "btnAlterarFoto" }, outputs: { imageUrlChange: "imageUrlChange", removerFotoEvent: "removerFotoEvent" }, ngImport: i0, template: "<div class=\"image-container\">\n  <img [src]=\"getImageSrc() || imageService.userDefaultImage()\" alt=\"Foto\" class=\"container-foto\" [style.border-color]=\"borderColor\" [style.width.px]=\"width\" [style.height.px]=\"height\" (error)=\"handleImageError($event)\" >\n  <div class=\"btn\">\n    <input *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"selectFotoSelecionada($event)\">\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\" class=\"botao-alterar-foto border-circle\" (click)=\"openFile()\">\n      <i class=\"pi pi-camera icon-edit\"></i>\n    </button>\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" class=\"botao-excluir-foto border-circle\" (click)=\"removerFoto()\">\n      <i class=\"pi pi-trash icon-delete\"></i>\n    </button>\n  </div>\n</div>\n", styles: ["img{border-style:solid;border-width:4px;border-radius:50%}.botao-alterar-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-avatar', template: "<div class=\"image-container\">\r\n  <img [src]=\"getImageSrc() || imageService.userDefaultImage()\" alt=\"Foto\" class=\"container-foto\" [style.border-color]=\"borderColor\" [style.width.px]=\"width\" [style.height.px]=\"height\" (error)=\"handleImageError($event)\" >\r\n  <div class=\"btn\">\r\n    <input *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"selectFotoSelecionada($event)\">\r\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\" class=\"botao-alterar-foto border-circle\" (click)=\"openFile()\">\r\n      <i class=\"pi pi-camera icon-edit\"></i>\r\n    </button>\r\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" class=\"botao-excluir-foto border-circle\" (click)=\"removerFoto()\">\r\n      <i class=\"pi pi-trash icon-delete\"></i>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["img{border-style:solid;border-width:4px;border-radius:50%}.botao-alterar-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}\n"] }]
+            args: [{ selector: 'kv-avatar', template: "<div class=\"image-container\">\n  <img [src]=\"getImageSrc() || imageService.userDefaultImage()\" alt=\"Foto\" class=\"container-foto\" [style.border-color]=\"borderColor\" [style.width.px]=\"width\" [style.height.px]=\"height\" (error)=\"handleImageError($event)\" >\n  <div class=\"btn\">\n    <input *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"selectFotoSelecionada($event)\">\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\" class=\"botao-alterar-foto border-circle\" (click)=\"openFile()\">\n      <i class=\"pi pi-camera icon-edit\"></i>\n    </button>\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" class=\"botao-excluir-foto border-circle\" (click)=\"removerFoto()\">\n      <i class=\"pi pi-trash icon-delete\"></i>\n    </button>\n  </div>\n</div>\n", styles: ["img{border-style:solid;border-width:4px;border-radius:50%}.botao-alterar-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}\n"] }]
         }], ctorParameters: () => [{ type: ImagensService }], propDecorators: { imageUrl: [{
                 type: Input
             }], borderColor: [{
@@ -2732,11 +2736,11 @@ class KvButtonPersonalizeComponent extends BaseComponentButton {
         this.backgroundColor = this.color;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonPersonalizeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvButtonPersonalizeComponent, selector: "kv-button-personalize", inputs: { colorHover: "colorHover", textColor: "textColor" }, usesInheritance: true, ngImport: i0, template: "<button\r\n  pButton\r\n  pRipple\r\n  [icon]=\"icon\"\r\n  [label]=\"label\"\r\n  [loading]=\"loading\"\r\n  (click)=\"click($event)\"\r\n  [disabled]=\"disabled\"\r\n  class=\"btn-personalize\"\r\n  [style.color]=\"textColor\"\r\n  [style.backgroundColor]=\"backgroundColor\"\r\n  [style.borderColor]=\"backgroundColor\"\r\n  (mouseover)=\"onMouseOver()\"\r\n  (mouseout)=\"onMouseOut()\"\r\n  [text]=\"text\"\r\n></button>\r\n", styles: [".btn-personalize{height:35px}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvButtonPersonalizeComponent, selector: "kv-button-personalize", inputs: { colorHover: "colorHover", textColor: "textColor" }, usesInheritance: true, ngImport: i0, template: "<button\n  pButton\n  pRipple\n  [icon]=\"icon\"\n  [label]=\"label\"\n  [loading]=\"loading\"\n  (click)=\"click($event)\"\n  [disabled]=\"disabled\"\n  class=\"btn-personalize\"\n  [style.color]=\"textColor\"\n  [style.backgroundColor]=\"backgroundColor\"\n  [style.borderColor]=\"backgroundColor\"\n  (mouseover)=\"onMouseOver()\"\n  (mouseout)=\"onMouseOut()\"\n  [text]=\"text\"\n></button>\n", styles: [".btn-personalize{height:35px}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonPersonalizeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-button-personalize', template: "<button\r\n  pButton\r\n  pRipple\r\n  [icon]=\"icon\"\r\n  [label]=\"label\"\r\n  [loading]=\"loading\"\r\n  (click)=\"click($event)\"\r\n  [disabled]=\"disabled\"\r\n  class=\"btn-personalize\"\r\n  [style.color]=\"textColor\"\r\n  [style.backgroundColor]=\"backgroundColor\"\r\n  [style.borderColor]=\"backgroundColor\"\r\n  (mouseover)=\"onMouseOver()\"\r\n  (mouseout)=\"onMouseOut()\"\r\n  [text]=\"text\"\r\n></button>\r\n", styles: [".btn-personalize{height:35px}\n"] }]
+            args: [{ selector: 'kv-button-personalize', template: "<button\n  pButton\n  pRipple\n  [icon]=\"icon\"\n  [label]=\"label\"\n  [loading]=\"loading\"\n  (click)=\"click($event)\"\n  [disabled]=\"disabled\"\n  class=\"btn-personalize\"\n  [style.color]=\"textColor\"\n  [style.backgroundColor]=\"backgroundColor\"\n  [style.borderColor]=\"backgroundColor\"\n  (mouseover)=\"onMouseOver()\"\n  (mouseout)=\"onMouseOut()\"\n  [text]=\"text\"\n></button>\n", styles: [".btn-personalize{height:35px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { colorHover: [{
                 type: Input
             }], textColor: [{
@@ -2763,11 +2767,11 @@ class KvButtonPopupComponent extends BaseComponentButton {
         this.icon = this.icon === 'pi pi-chevron-down' ? 'pi pi-chevron-up' : 'pi pi-chevron-down';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvButtonPopupComponent, selector: "kv-button-popup", inputs: { items: "items", classBtn: "classBtn" }, usesInheritance: true, ngImport: i0, template: "<p-menu #menu [model]=\"items\" appendTo=\"body\" [popup]=\"true\" (onShow)=\"handleShow()\" (onHide)=\"handleHide()\"></p-menu>\r\n<button\r\n    pButton\r\n    pRipple\r\n    class=\"{{classBtn}} btn-popup\"\r\n    [icon]=\"icon\"\r\n    iconPos=\"right\"\r\n    [label]=\"label\"\r\n    [loading]=\"loading\"\r\n    [disabled]=\"disabled\"\r\n    (click)=\"menu.toggle($event)\">\r\n</button>\r\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}.btn-secondary{background-color:#f2f3f5!important;color:#000000de!important}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}.btn-popup{height:35px}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvButtonPopupComponent, selector: "kv-button-popup", inputs: { items: "items", classBtn: "classBtn" }, usesInheritance: true, ngImport: i0, template: "<p-menu #menu [model]=\"items\" appendTo=\"body\" [popup]=\"true\" (onShow)=\"handleShow()\" (onHide)=\"handleHide()\"></p-menu>\n<button\n    pButton\n    pRipple\n    class=\"{{classBtn}} btn-popup\"\n    [icon]=\"icon\"\n    iconPos=\"right\"\n    [label]=\"label\"\n    [loading]=\"loading\"\n    [disabled]=\"disabled\"\n    (click)=\"menu.toggle($event)\">\n</button>\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}.btn-secondary{background-color:#f2f3f5!important;color:#000000de!important}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}.btn-popup{height:35px}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonPopupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-button-popup', template: "<p-menu #menu [model]=\"items\" appendTo=\"body\" [popup]=\"true\" (onShow)=\"handleShow()\" (onHide)=\"handleHide()\"></p-menu>\r\n<button\r\n    pButton\r\n    pRipple\r\n    class=\"{{classBtn}} btn-popup\"\r\n    [icon]=\"icon\"\r\n    iconPos=\"right\"\r\n    [label]=\"label\"\r\n    [loading]=\"loading\"\r\n    [disabled]=\"disabled\"\r\n    (click)=\"menu.toggle($event)\">\r\n</button>\r\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}.btn-secondary{background-color:#f2f3f5!important;color:#000000de!important}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}.btn-popup{height:35px}\n"] }]
+            args: [{ selector: 'kv-button-popup', template: "<p-menu #menu [model]=\"items\" appendTo=\"body\" [popup]=\"true\" (onShow)=\"handleShow()\" (onHide)=\"handleHide()\"></p-menu>\n<button\n    pButton\n    pRipple\n    class=\"{{classBtn}} btn-popup\"\n    [icon]=\"icon\"\n    iconPos=\"right\"\n    [label]=\"label\"\n    [loading]=\"loading\"\n    [disabled]=\"disabled\"\n    (click)=\"menu.toggle($event)\">\n</button>\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}.btn-secondary{background-color:#f2f3f5!important;color:#000000de!important}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}.btn-popup{height:35px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { items: [{
                 type: Input
             }], classBtn: [{
@@ -2779,11 +2783,11 @@ class KvButtonSecondaryComponent extends BaseComponentButton {
         super();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvButtonSecondaryComponent, selector: "kv-button-secondary", usesInheritance: true, ngImport: i0, template: "\r\n<button\r\n  pButton\r\n  pRipple\r\n  class=\"btn-secondary border-300\"\r\n  [icon]=\"icon\"\r\n  [label]=\"label\"\r\n  [loading]=\"loading\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"click($event)\">\r\n</button>\r\n\r\n", styles: [".btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:35px}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvButtonSecondaryComponent, selector: "kv-button-secondary", usesInheritance: true, ngImport: i0, template: "\n<button\n  pButton\n  pRipple\n  class=\"btn-secondary border-300\"\n  [icon]=\"icon\"\n  [label]=\"label\"\n  [loading]=\"loading\"\n  [disabled]=\"disabled\"\n  (click)=\"click($event)\">\n</button>\n\n", styles: [".btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:35px}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonSecondaryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-button-secondary', template: "\r\n<button\r\n  pButton\r\n  pRipple\r\n  class=\"btn-secondary border-300\"\r\n  [icon]=\"icon\"\r\n  [label]=\"label\"\r\n  [loading]=\"loading\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"click($event)\">\r\n</button>\r\n\r\n", styles: [".btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:35px}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}\n"] }]
+            args: [{ selector: 'kv-button-secondary', template: "\n<button\n  pButton\n  pRipple\n  class=\"btn-secondary border-300\"\n  [icon]=\"icon\"\n  [label]=\"label\"\n  [loading]=\"loading\"\n  [disabled]=\"disabled\"\n  (click)=\"click($event)\">\n</button>\n\n", styles: [".btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:35px}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}\n"] }]
         }], ctorParameters: () => [] });
 
 class KvButtonSuccessComponent extends BaseComponentButton {
@@ -2791,11 +2795,11 @@ class KvButtonSuccessComponent extends BaseComponentButton {
         super();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvButtonSuccessComponent, selector: "kv-button-success", usesInheritance: true, ngImport: i0, template: "<button\r\n  pButton\r\n  pRipple\r\n  class=\"btn-success border-green-500\"\r\n  [icon]=\"icon\"\r\n  [label]=\"label\"\r\n  [loading]=\"loading\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"click($event)\">\r\n</button>\r\n\r\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvButtonSuccessComponent, selector: "kv-button-success", usesInheritance: true, ngImport: i0, template: "<button\n  pButton\n  pRipple\n  class=\"btn-success border-green-500\"\n  [icon]=\"icon\"\n  [label]=\"label\"\n  [loading]=\"loading\"\n  [disabled]=\"disabled\"\n  (click)=\"click($event)\">\n</button>\n\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonSuccessComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-button-success', template: "<button\r\n  pButton\r\n  pRipple\r\n  class=\"btn-success border-green-500\"\r\n  [icon]=\"icon\"\r\n  [label]=\"label\"\r\n  [loading]=\"loading\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"click($event)\">\r\n</button>\r\n\r\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"] }]
+            args: [{ selector: 'kv-button-success', template: "<button\n  pButton\n  pRipple\n  class=\"btn-success border-green-500\"\n  [icon]=\"icon\"\n  [label]=\"label\"\n  [loading]=\"loading\"\n  [disabled]=\"disabled\"\n  (click)=\"click($event)\">\n</button>\n\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"] }]
         }], ctorParameters: () => [] });
 
 class KvButtonsModule {
@@ -2849,11 +2853,11 @@ class KvCarouselComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCarouselComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvCarouselComponent, selector: "kv-carousel", inputs: { carouselData: "carouselData" }, ngImport: i0, template: "<p-carousel id=\"carousel\" [value]=\"carouselData\" [indicatorStyleClass]=\"'carousel-indicator'\" [autoplayInterval]=\"5000\" \r\n  [showIndicators]=\"true\"  [showNavigators]=\"false\" [numVisible]=\"1\" [numScroll]=\"1\" [circular]=\"true\" styleClass=\"h-full\">\r\n>\r\n  <ng-template pTemplate=\"item\" let-banner class=\"justify-content-center align-items-center \">\r\n    <img [src]=\"banner.img\" class=\"w-full border-round-banner\" [style.height.px]=\"heightCarousel\"\r\n      (click)=\"navigateToLink(banner.link)\">\r\n  </ng-template>\r\n</p-carousel>\r\n", styles: ["::ng-deep .p-carousel-indicators{position:absolute;left:50%;transform:translate(-50%);bottom:-1rem}::ng-deep .carousel-indicator{width:15px!important;height:4px!important;margin:-3px!important;padding:0!important;background-color:#eeeeeed0}::ng-deep .carousel-indicator:hover{background-color:#efefef}button.p-carousel-indicator.p-link{background-color:#f0f8ff!important}::ng-deep .p-carousel .p-carousel-content{overflow:hidden!important;position:relative}::ng-deep .border-round-banner{border-radius:20px!important;max-height:500px}\n"], dependencies: [{ kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2$2.Carousel, selector: "p-carousel", inputs: ["page", "numVisible", "numScroll", "responsiveOptions", "orientation", "verticalViewPortHeight", "contentClass", "indicatorsContentClass", "indicatorsContentStyle", "indicatorStyleClass", "indicatorStyle", "value", "circular", "showIndicators", "showNavigators", "autoplayInterval", "style", "styleClass"], outputs: ["onPage"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvCarouselComponent, selector: "kv-carousel", inputs: { carouselData: "carouselData" }, ngImport: i0, template: "<p-carousel id=\"carousel\" [value]=\"carouselData\" [indicatorStyleClass]=\"'carousel-indicator'\" [autoplayInterval]=\"5000\" \n  [showIndicators]=\"true\"  [showNavigators]=\"false\" [numVisible]=\"1\" [numScroll]=\"1\" [circular]=\"true\" styleClass=\"h-full\">\n>\n  <ng-template pTemplate=\"item\" let-banner class=\"justify-content-center align-items-center \">\n    <img [src]=\"banner.img\" class=\"w-full border-round-banner\" [style.height.px]=\"heightCarousel\"\n      (click)=\"navigateToLink(banner.link)\">\n  </ng-template>\n</p-carousel>\n", styles: ["::ng-deep .p-carousel-indicators{position:absolute;left:50%;transform:translate(-50%);bottom:-1rem}::ng-deep .carousel-indicator{width:15px!important;height:4px!important;margin:-3px!important;padding:0!important;background-color:#eeeeeed0}::ng-deep .carousel-indicator:hover{background-color:#efefef}button.p-carousel-indicator.p-link{background-color:#f0f8ff!important}::ng-deep .p-carousel .p-carousel-content{overflow:hidden!important;position:relative}::ng-deep .border-round-banner{border-radius:20px!important;max-height:500px}\n"], dependencies: [{ kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2$2.Carousel, selector: "p-carousel", inputs: ["page", "numVisible", "numScroll", "responsiveOptions", "orientation", "verticalViewPortHeight", "contentClass", "indicatorsContentClass", "indicatorsContentStyle", "indicatorStyleClass", "indicatorStyle", "value", "circular", "showIndicators", "showNavigators", "autoplayInterval", "style", "styleClass"], outputs: ["onPage"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCarouselComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-carousel', template: "<p-carousel id=\"carousel\" [value]=\"carouselData\" [indicatorStyleClass]=\"'carousel-indicator'\" [autoplayInterval]=\"5000\" \r\n  [showIndicators]=\"true\"  [showNavigators]=\"false\" [numVisible]=\"1\" [numScroll]=\"1\" [circular]=\"true\" styleClass=\"h-full\">\r\n>\r\n  <ng-template pTemplate=\"item\" let-banner class=\"justify-content-center align-items-center \">\r\n    <img [src]=\"banner.img\" class=\"w-full border-round-banner\" [style.height.px]=\"heightCarousel\"\r\n      (click)=\"navigateToLink(banner.link)\">\r\n  </ng-template>\r\n</p-carousel>\r\n", styles: ["::ng-deep .p-carousel-indicators{position:absolute;left:50%;transform:translate(-50%);bottom:-1rem}::ng-deep .carousel-indicator{width:15px!important;height:4px!important;margin:-3px!important;padding:0!important;background-color:#eeeeeed0}::ng-deep .carousel-indicator:hover{background-color:#efefef}button.p-carousel-indicator.p-link{background-color:#f0f8ff!important}::ng-deep .p-carousel .p-carousel-content{overflow:hidden!important;position:relative}::ng-deep .border-round-banner{border-radius:20px!important;max-height:500px}\n"] }]
+            args: [{ selector: 'kv-carousel', template: "<p-carousel id=\"carousel\" [value]=\"carouselData\" [indicatorStyleClass]=\"'carousel-indicator'\" [autoplayInterval]=\"5000\" \n  [showIndicators]=\"true\"  [showNavigators]=\"false\" [numVisible]=\"1\" [numScroll]=\"1\" [circular]=\"true\" styleClass=\"h-full\">\n>\n  <ng-template pTemplate=\"item\" let-banner class=\"justify-content-center align-items-center \">\n    <img [src]=\"banner.img\" class=\"w-full border-round-banner\" [style.height.px]=\"heightCarousel\"\n      (click)=\"navigateToLink(banner.link)\">\n  </ng-template>\n</p-carousel>\n", styles: ["::ng-deep .p-carousel-indicators{position:absolute;left:50%;transform:translate(-50%);bottom:-1rem}::ng-deep .carousel-indicator{width:15px!important;height:4px!important;margin:-3px!important;padding:0!important;background-color:#eeeeeed0}::ng-deep .carousel-indicator:hover{background-color:#efefef}button.p-carousel-indicator.p-link{background-color:#f0f8ff!important}::ng-deep .p-carousel .p-carousel-content{overflow:hidden!important;position:relative}::ng-deep .border-round-banner{border-radius:20px!important;max-height:500px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { carouselData: [{
                 type: Input
             }] } });
@@ -2916,11 +2920,11 @@ class KvCheckComponent extends BaseComponentInput {
         this.onCheckChange.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCheckComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvCheckComponent, selector: "kv-check", outputs: { onCheckChange: "onCheckChange" }, providers: ComponentProviders(KvCheckComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"field-checkbox flex flex-column align-items-start\">\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  >\r\n  </p-checkbox>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:16px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i9.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvCheckComponent, selector: "kv-check", outputs: { onCheckChange: "onCheckChange" }, providers: ComponentProviders(KvCheckComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"field-checkbox flex flex-column align-items-start\">\n  <p-checkbox\n    [binary]=\"true\"\n    [disabled]=\"disabled\"\n    [label]=\"label\"\n    [inputId]=\"componentId\"\n    [(ngModel)]=\"value\"\n    (onChange)=\"emitOnCheckChange($event)\"\n  >\n  </p-checkbox>\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</div>", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:16px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i9.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCheckComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-check', providers: ComponentProviders(KvCheckComponent), template: "<div class=\"field-checkbox flex flex-column align-items-start\">\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  >\r\n  </p-checkbox>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:16px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-check', providers: ComponentProviders(KvCheckComponent), template: "<div class=\"field-checkbox flex flex-column align-items-start\">\n  <p-checkbox\n    [binary]=\"true\"\n    [disabled]=\"disabled\"\n    [label]=\"label\"\n    [inputId]=\"componentId\"\n    [(ngModel)]=\"value\"\n    (onChange)=\"emitOnCheckChange($event)\"\n  >\n  </p-checkbox>\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</div>", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:16px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { onCheckChange: [{
                 type: Output
             }] } });
@@ -2993,11 +2997,11 @@ class KvEditorComponent extends BaseComponentInput {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvEditorComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvEditorComponent, selector: "kv-editor", inputs: { readonly: "readonly", canvaHeigth: "canvaHeigth", debug: "debug" }, outputs: { onTextChange: "onTextChange", onSelectionChange: "onSelectionChange" }, providers: ComponentProviders(KvEditorComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"kv-editor-container\">\r\n  <div #editor id=\"kv-editor-toolbar\">\r\n    <span class=\"ql-formats\">\r\n      <select class=\"ql-font\">\r\n        <option value=\"roboto\">Roboto</option>\r\n        <option value=\"monospace\">Monospace</option>\r\n        <option value=\"inter\">Inter</option>\r\n        <option selected>Sans Serif</option>\r\n        <option value=\"serif\">Serif</option>\r\n      </select>\r\n\r\n      <select class=\"ql-header\">\r\n        <option value=\"1\">Titulo</option>\r\n        <option value=\"2\">Subtitulo</option>\r\n        <option selected>Normal</option>\r\n      </select>\r\n\r\n      <span class=\"ql-format-group\">\r\n        <select title=\"Size\" class=\"ql-size\">\r\n          <option value=\"15px\">15px</option>\r\n          <option value=\"20px\">20px</option>\r\n          <option value=\"30px\">30px</option>\r\n          <option value=\"40px\">40px</option>\r\n          <option value=\"50px\">50px</option>\r\n          <option value=\"70px\">70px</option>\r\n          <option value=\"90px\">90px</option>\r\n        </select>\r\n      </span>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-bold\"></button>\r\n      <button class=\"ql-italic\"></button>\r\n      <button class=\"ql-underline\"></button>\r\n      <button class=\"ql-strike\"></button>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <select class=\"ql-color\"></select>\r\n      <select class=\"ql-background\"></select>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-script\" value=\"sub\"></button>\r\n      <button class=\"ql-script\" value=\"super\"></button>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-header\" value=\"1\"></button>\r\n      <button class=\"ql-header\" value=\"2\"></button>\r\n      <button class=\"ql-blockquote\"></button>\r\n      <button class=\"ql-code-block\"></button>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-list\" value=\"ordered\"></button>\r\n      <button class=\"ql-list\" value=\"bullet\"></button>\r\n      <button class=\"ql-indent\" value=\"-1\"></button>\r\n      <button class=\"ql-indent\" value=\"+1\"></button>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-direction\" value=\"rtl\"></button>\r\n      <select class=\"ql-align\"></select>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-link\"></button>\r\n      <button class=\"ql-image\"></button>\r\n      <button class=\"ql-video\"></button>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-clean\"></button>\r\n    </span>\r\n  </div>\r\n  <div id=\"kv-editor\" [style.height]=\"canvaHeigth\"></div>\r\n</div>\r\n\r\n\r\n\r\n  <link href=\"https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.snow.css\" rel=\"stylesheet\" />\r\n  <link href=\"https://fonts.googleapis.com/css?family=Roboto\" rel=\"stylesheet\">\r\n  <script src=\"https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.js\"></script>\r\n  <script src=\"https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js\"></script>\r\n\r\n\r\n  <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.bubble.css\" />\r\n  <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css\" />\r\n  <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css\" />\r\n\r\n\r\n  <!-- Import fonts -->\r\n\r\n  <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\r\n\r\n  <link href=\"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Inter:wght@100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap\" rel=\"stylesheet\">\r\n  <link href=\"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Inter:wght@100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\" rel=\"stylesheet\">\r\n\r\n", styles: [":host ::ng-deep .ql-font-roboto{font-family:Roboto,sans-serif}:host ::ng-deep .ql-font-inter{font-family:Inter var,sans-serif}\n"], dependencies: [{ kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvEditorComponent, selector: "kv-editor", inputs: { readonly: "readonly", canvaHeigth: "canvaHeigth", debug: "debug" }, outputs: { onTextChange: "onTextChange", onSelectionChange: "onSelectionChange" }, providers: ComponentProviders(KvEditorComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"kv-editor-container\">\n  <div #editor id=\"kv-editor-toolbar\">\n    <span class=\"ql-formats\">\n      <select class=\"ql-font\">\n        <option value=\"roboto\">Roboto</option>\n        <option value=\"monospace\">Monospace</option>\n        <option value=\"inter\">Inter</option>\n        <option selected>Sans Serif</option>\n        <option value=\"serif\">Serif</option>\n      </select>\n\n      <select class=\"ql-header\">\n        <option value=\"1\">Titulo</option>\n        <option value=\"2\">Subtitulo</option>\n        <option selected>Normal</option>\n      </select>\n\n      <span class=\"ql-format-group\">\n        <select title=\"Size\" class=\"ql-size\">\n          <option value=\"15px\">15px</option>\n          <option value=\"20px\">20px</option>\n          <option value=\"30px\">30px</option>\n          <option value=\"40px\">40px</option>\n          <option value=\"50px\">50px</option>\n          <option value=\"70px\">70px</option>\n          <option value=\"90px\">90px</option>\n        </select>\n      </span>\n    </span>\n\n    <span class=\"ql-formats\">\n      <button class=\"ql-bold\"></button>\n      <button class=\"ql-italic\"></button>\n      <button class=\"ql-underline\"></button>\n      <button class=\"ql-strike\"></button>\n    </span>\n\n    <span class=\"ql-formats\">\n      <select class=\"ql-color\"></select>\n      <select class=\"ql-background\"></select>\n    </span>\n\n    <span class=\"ql-formats\">\n      <button class=\"ql-script\" value=\"sub\"></button>\n      <button class=\"ql-script\" value=\"super\"></button>\n    </span>\n\n    <span class=\"ql-formats\">\n      <button class=\"ql-header\" value=\"1\"></button>\n      <button class=\"ql-header\" value=\"2\"></button>\n      <button class=\"ql-blockquote\"></button>\n      <button class=\"ql-code-block\"></button>\n    </span>\n\n    <span class=\"ql-formats\">\n      <button class=\"ql-list\" value=\"ordered\"></button>\n      <button class=\"ql-list\" value=\"bullet\"></button>\n      <button class=\"ql-indent\" value=\"-1\"></button>\n      <button class=\"ql-indent\" value=\"+1\"></button>\n    </span>\n\n    <span class=\"ql-formats\">\n      <button class=\"ql-direction\" value=\"rtl\"></button>\n      <select class=\"ql-align\"></select>\n    </span>\n\n    <span class=\"ql-formats\">\n      <button class=\"ql-link\"></button>\n      <button class=\"ql-image\"></button>\n      <button class=\"ql-video\"></button>\n    </span>\n\n    <span class=\"ql-formats\">\n      <button class=\"ql-clean\"></button>\n    </span>\n  </div>\n  <div id=\"kv-editor\" [style.height]=\"canvaHeigth\"></div>\n</div>\n\n\n\n  <link href=\"https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.snow.css\" rel=\"stylesheet\" />\n  <link href=\"https://fonts.googleapis.com/css?family=Roboto\" rel=\"stylesheet\">\n  <script src=\"https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.js\"></script>\n  <script src=\"https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js\"></script>\n\n\n  <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.bubble.css\" />\n  <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css\" />\n  <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css\" />\n\n\n  <!-- Import fonts -->\n\n  <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n\n  <link href=\"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Inter:wght@100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Inter:wght@100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\" rel=\"stylesheet\">\n\n", styles: [":host ::ng-deep .ql-font-roboto{font-family:Roboto,sans-serif}:host ::ng-deep .ql-font-inter{font-family:Inter var,sans-serif}\n"], dependencies: [{ kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-editor', providers: ComponentProviders(KvEditorComponent), template: "<div class=\"kv-editor-container\">\r\n  <div #editor id=\"kv-editor-toolbar\">\r\n    <span class=\"ql-formats\">\r\n      <select class=\"ql-font\">\r\n        <option value=\"roboto\">Roboto</option>\r\n        <option value=\"monospace\">Monospace</option>\r\n        <option value=\"inter\">Inter</option>\r\n        <option selected>Sans Serif</option>\r\n        <option value=\"serif\">Serif</option>\r\n      </select>\r\n\r\n      <select class=\"ql-header\">\r\n        <option value=\"1\">Titulo</option>\r\n        <option value=\"2\">Subtitulo</option>\r\n        <option selected>Normal</option>\r\n      </select>\r\n\r\n      <span class=\"ql-format-group\">\r\n        <select title=\"Size\" class=\"ql-size\">\r\n          <option value=\"15px\">15px</option>\r\n          <option value=\"20px\">20px</option>\r\n          <option value=\"30px\">30px</option>\r\n          <option value=\"40px\">40px</option>\r\n          <option value=\"50px\">50px</option>\r\n          <option value=\"70px\">70px</option>\r\n          <option value=\"90px\">90px</option>\r\n        </select>\r\n      </span>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-bold\"></button>\r\n      <button class=\"ql-italic\"></button>\r\n      <button class=\"ql-underline\"></button>\r\n      <button class=\"ql-strike\"></button>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <select class=\"ql-color\"></select>\r\n      <select class=\"ql-background\"></select>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-script\" value=\"sub\"></button>\r\n      <button class=\"ql-script\" value=\"super\"></button>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-header\" value=\"1\"></button>\r\n      <button class=\"ql-header\" value=\"2\"></button>\r\n      <button class=\"ql-blockquote\"></button>\r\n      <button class=\"ql-code-block\"></button>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-list\" value=\"ordered\"></button>\r\n      <button class=\"ql-list\" value=\"bullet\"></button>\r\n      <button class=\"ql-indent\" value=\"-1\"></button>\r\n      <button class=\"ql-indent\" value=\"+1\"></button>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-direction\" value=\"rtl\"></button>\r\n      <select class=\"ql-align\"></select>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-link\"></button>\r\n      <button class=\"ql-image\"></button>\r\n      <button class=\"ql-video\"></button>\r\n    </span>\r\n\r\n    <span class=\"ql-formats\">\r\n      <button class=\"ql-clean\"></button>\r\n    </span>\r\n  </div>\r\n  <div id=\"kv-editor\" [style.height]=\"canvaHeigth\"></div>\r\n</div>\r\n\r\n\r\n\r\n  <link href=\"https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.snow.css\" rel=\"stylesheet\" />\r\n  <link href=\"https://fonts.googleapis.com/css?family=Roboto\" rel=\"stylesheet\">\r\n  <script src=\"https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.js\"></script>\r\n  <script src=\"https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js\"></script>\r\n\r\n\r\n  <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.bubble.css\" />\r\n  <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css\" />\r\n  <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css\" />\r\n\r\n\r\n  <!-- Import fonts -->\r\n\r\n  <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\r\n\r\n  <link href=\"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Inter:wght@100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap\" rel=\"stylesheet\">\r\n  <link href=\"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Inter:wght@100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\" rel=\"stylesheet\">\r\n\r\n", styles: [":host ::ng-deep .ql-font-roboto{font-family:Roboto,sans-serif}:host ::ng-deep .ql-font-inter{font-family:Inter var,sans-serif}\n"] }]
+            args: [{ selector: 'kv-editor', providers: ComponentProviders(KvEditorComponent), template: "<div class=\"kv-editor-container\">\n  <div #editor id=\"kv-editor-toolbar\">\n    <span class=\"ql-formats\">\n      <select class=\"ql-font\">\n        <option value=\"roboto\">Roboto</option>\n        <option value=\"monospace\">Monospace</option>\n        <option value=\"inter\">Inter</option>\n        <option selected>Sans Serif</option>\n        <option value=\"serif\">Serif</option>\n      </select>\n\n      <select class=\"ql-header\">\n        <option value=\"1\">Titulo</option>\n        <option value=\"2\">Subtitulo</option>\n        <option selected>Normal</option>\n      </select>\n\n      <span class=\"ql-format-group\">\n        <select title=\"Size\" class=\"ql-size\">\n          <option value=\"15px\">15px</option>\n          <option value=\"20px\">20px</option>\n          <option value=\"30px\">30px</option>\n          <option value=\"40px\">40px</option>\n          <option value=\"50px\">50px</option>\n          <option value=\"70px\">70px</option>\n          <option value=\"90px\">90px</option>\n        </select>\n      </span>\n    </span>\n\n    <span class=\"ql-formats\">\n      <button class=\"ql-bold\"></button>\n      <button class=\"ql-italic\"></button>\n      <button class=\"ql-underline\"></button>\n      <button class=\"ql-strike\"></button>\n    </span>\n\n    <span class=\"ql-formats\">\n      <select class=\"ql-color\"></select>\n      <select class=\"ql-background\"></select>\n    </span>\n\n    <span class=\"ql-formats\">\n      <button class=\"ql-script\" value=\"sub\"></button>\n      <button class=\"ql-script\" value=\"super\"></button>\n    </span>\n\n    <span class=\"ql-formats\">\n      <button class=\"ql-header\" value=\"1\"></button>\n      <button class=\"ql-header\" value=\"2\"></button>\n      <button class=\"ql-blockquote\"></button>\n      <button class=\"ql-code-block\"></button>\n    </span>\n\n    <span class=\"ql-formats\">\n      <button class=\"ql-list\" value=\"ordered\"></button>\n      <button class=\"ql-list\" value=\"bullet\"></button>\n      <button class=\"ql-indent\" value=\"-1\"></button>\n      <button class=\"ql-indent\" value=\"+1\"></button>\n    </span>\n\n    <span class=\"ql-formats\">\n      <button class=\"ql-direction\" value=\"rtl\"></button>\n      <select class=\"ql-align\"></select>\n    </span>\n\n    <span class=\"ql-formats\">\n      <button class=\"ql-link\"></button>\n      <button class=\"ql-image\"></button>\n      <button class=\"ql-video\"></button>\n    </span>\n\n    <span class=\"ql-formats\">\n      <button class=\"ql-clean\"></button>\n    </span>\n  </div>\n  <div id=\"kv-editor\" [style.height]=\"canvaHeigth\"></div>\n</div>\n\n\n\n  <link href=\"https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.snow.css\" rel=\"stylesheet\" />\n  <link href=\"https://fonts.googleapis.com/css?family=Roboto\" rel=\"stylesheet\">\n  <script src=\"https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.js\"></script>\n  <script src=\"https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js\"></script>\n\n\n  <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.bubble.css\" />\n  <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css\" />\n  <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css\" />\n\n\n  <!-- Import fonts -->\n\n  <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n\n  <link href=\"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Inter:wght@100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap\" rel=\"stylesheet\">\n  <link href=\"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Inter:wght@100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\" rel=\"stylesheet\">\n\n", styles: [":host ::ng-deep .ql-font-roboto{font-family:Roboto,sans-serif}:host ::ng-deep .ql-font-inter{font-family:Inter var,sans-serif}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { readonly: [{
                 type: Input
             }], canvaHeigth: [{
@@ -3089,11 +3093,11 @@ class KvInputCalendarComponent extends BaseComponentInput {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputCalendarComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputCalendarComponent, selector: "kv-input-calendar", inputs: { isYear: "isYear", isMonthYear: "isMonthYear", minDate: "minDate", maxDate: "maxDate", showButtonBar: "showButtonBar", showIcon: "showIcon", showTime: "showTime", selectionMode: "selectionMode" }, outputs: { onSelectionChange: "onSelectionChange", onSelectionValue: "onSelectionValue" }, providers: ComponentProviders(KvInputCalendarComponent), viewQueries: [{ propertyName: "dateFilter", first: true, predicate: ["dateFilter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-calendar\r\n    #dateFilter\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [minDate]=\"minDate\"\r\n    [maxDate]=\"maxDate\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [showButtonBar]=\"showButtonBar\"\r\n    [showIcon]=\"showIcon\"\r\n    [showTime]=\"showTime\"\r\n    [view]=\"typeView\"\r\n    [dateFormat]=\"dateFormat\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClose)=\"onInputClose($event)\"\r\n    (onSelect)=\"onInputChange($event)\"\r\n    styleClass=\"inputs\"\r\n  >\r\n  </p-calendar>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5$2.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputCalendarComponent, selector: "kv-input-calendar", inputs: { isYear: "isYear", isMonthYear: "isMonthYear", minDate: "minDate", maxDate: "maxDate", showButtonBar: "showButtonBar", showIcon: "showIcon", showTime: "showTime", selectionMode: "selectionMode" }, outputs: { onSelectionChange: "onSelectionChange", onSelectionValue: "onSelectionValue" }, providers: ComponentProviders(KvInputCalendarComponent), viewQueries: [{ propertyName: "dateFilter", first: true, predicate: ["dateFilter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <p-calendar\n    #dateFilter\n    appendTo=\"body\"\n    [class]=\"baseInputClass\"\n    [id]=\"componentId\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    [selectionMode]=\"selectionMode\"\n    [showButtonBar]=\"showButtonBar\"\n    [showIcon]=\"showIcon\"\n    [showTime]=\"showTime\"\n    [view]=\"typeView\"\n    [dateFormat]=\"dateFormat\"\n    (onBlur)=\"onInputBlur($event)\"\n    (onClose)=\"onInputClose($event)\"\n    (onSelect)=\"onInputChange($event)\"\n    styleClass=\"inputs\"\n  >\n  </p-calendar>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5$2.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputCalendarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-calendar', providers: ComponentProviders(KvInputCalendarComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-calendar\r\n    #dateFilter\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [minDate]=\"minDate\"\r\n    [maxDate]=\"maxDate\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [showButtonBar]=\"showButtonBar\"\r\n    [showIcon]=\"showIcon\"\r\n    [showTime]=\"showTime\"\r\n    [view]=\"typeView\"\r\n    [dateFormat]=\"dateFormat\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClose)=\"onInputClose($event)\"\r\n    (onSelect)=\"onInputChange($event)\"\r\n    styleClass=\"inputs\"\r\n  >\r\n  </p-calendar>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-input-calendar', providers: ComponentProviders(KvInputCalendarComponent), template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <p-calendar\n    #dateFilter\n    appendTo=\"body\"\n    [class]=\"baseInputClass\"\n    [id]=\"componentId\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    [selectionMode]=\"selectionMode\"\n    [showButtonBar]=\"showButtonBar\"\n    [showIcon]=\"showIcon\"\n    [showTime]=\"showTime\"\n    [view]=\"typeView\"\n    [dateFormat]=\"dateFormat\"\n    (onBlur)=\"onInputBlur($event)\"\n    (onClose)=\"onInputClose($event)\"\n    (onSelect)=\"onInputChange($event)\"\n    styleClass=\"inputs\"\n  >\n  </p-calendar>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { isYear: [{
                 type: Input
             }], isMonthYear: [{
@@ -3128,11 +3132,11 @@ class KvInputMaskComponent extends BaseComponentInput {
         this.onComplete.emit($event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputMaskComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputMaskComponent, selector: "kv-input-mask", inputs: { mask: "mask" }, outputs: { onComplete: "onComplete" }, providers: ComponentProviders(KvInputMaskComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-inputMask\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [inputId]=\"componentId\"\r\n    [disabled]=\"disabled\"\r\n    [placeholder]=\"placeholder\"\r\n    [(ngModel)]=\"value\"\r\n    [mask]=\"mask\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onInput)=\"onInputInput($event)\"\r\n    (onComplete)=\"onCompleteComplete($event)\"\r\n  >\r\n  </p-inputMask>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5$3.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputMaskComponent, selector: "kv-input-mask", inputs: { mask: "mask" }, outputs: { onComplete: "onComplete" }, providers: ComponentProviders(KvInputMaskComponent), usesInheritance: true, ngImport: i0, template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <p-inputMask\n    [class]=\"baseInputClass\"\n    styleClass=\"inputs\"\n    [inputId]=\"componentId\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [(ngModel)]=\"value\"\n    [mask]=\"mask\"\n    (onBlur)=\"onInputBlur($event)\"\n    (onInput)=\"onInputInput($event)\"\n    (onComplete)=\"onCompleteComplete($event)\"\n  >\n  </p-inputMask>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>\n", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5$3.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputMaskComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-mask', providers: ComponentProviders(KvInputMaskComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-inputMask\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [inputId]=\"componentId\"\r\n    [disabled]=\"disabled\"\r\n    [placeholder]=\"placeholder\"\r\n    [(ngModel)]=\"value\"\r\n    [mask]=\"mask\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onInput)=\"onInputInput($event)\"\r\n    (onComplete)=\"onCompleteComplete($event)\"\r\n  >\r\n  </p-inputMask>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-input-mask', providers: ComponentProviders(KvInputMaskComponent), template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <p-inputMask\n    [class]=\"baseInputClass\"\n    styleClass=\"inputs\"\n    [inputId]=\"componentId\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [(ngModel)]=\"value\"\n    [mask]=\"mask\"\n    (onBlur)=\"onInputBlur($event)\"\n    (onInput)=\"onInputInput($event)\"\n    (onComplete)=\"onCompleteComplete($event)\"\n  >\n  </p-inputMask>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>\n", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { mask: [{
                 type: Input
             }], onComplete: [{
@@ -3169,11 +3173,11 @@ class KvInputNumberComponent extends BaseComponentInput {
         this.inputNumber.currency = 'BRL';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputNumberComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputNumberComponent, selector: "kv-input-number", inputs: { mode: "mode", digits: "digits", min: "min", max: "max", suffix: "suffix" }, providers: ComponentProviders(KvInputNumberComponent), viewQueries: [{ propertyName: "inputNumber", first: true, predicate: ["inputNumber"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-inputNumber\r\n    #inputNumber\r\n    [disabled]=\"disabled\"\r\n    [class]=\"baseInputClass\"\r\n    [inputId]=\"componentId\"\r\n    styleClass=\"inputs\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [suffix]=\"suffix\"\r\n    [(ngModel)]=\"value\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    [maxlength]=\"maxLength\"\r\n  >\r\n  </p-inputNumber>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5$4.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputNumberComponent, selector: "kv-input-number", inputs: { mode: "mode", digits: "digits", min: "min", max: "max", suffix: "suffix" }, providers: ComponentProviders(KvInputNumberComponent), viewQueries: [{ propertyName: "inputNumber", first: true, predicate: ["inputNumber"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <p-inputNumber\n    #inputNumber\n    [disabled]=\"disabled\"\n    [class]=\"baseInputClass\"\n    [inputId]=\"componentId\"\n    styleClass=\"inputs\"\n    [min]=\"min\"\n    [max]=\"max\"\n    [suffix]=\"suffix\"\n    [(ngModel)]=\"value\"\n    (onBlur)=\"onInputBlur($event)\"\n    [maxlength]=\"maxLength\"\n  >\n  </p-inputNumber>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5$4.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputNumberComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-number', providers: ComponentProviders(KvInputNumberComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-inputNumber\r\n    #inputNumber\r\n    [disabled]=\"disabled\"\r\n    [class]=\"baseInputClass\"\r\n    [inputId]=\"componentId\"\r\n    styleClass=\"inputs\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [suffix]=\"suffix\"\r\n    [(ngModel)]=\"value\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    [maxlength]=\"maxLength\"\r\n  >\r\n  </p-inputNumber>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-input-number', providers: ComponentProviders(KvInputNumberComponent), template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <p-inputNumber\n    #inputNumber\n    [disabled]=\"disabled\"\n    [class]=\"baseInputClass\"\n    [inputId]=\"componentId\"\n    styleClass=\"inputs\"\n    [min]=\"min\"\n    [max]=\"max\"\n    [suffix]=\"suffix\"\n    [(ngModel)]=\"value\"\n    (onBlur)=\"onInputBlur($event)\"\n    [maxlength]=\"maxLength\"\n  >\n  </p-inputNumber>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { mode: [{
                 type: Input
             }], digits: [{
@@ -3198,11 +3202,11 @@ class KvInputPasswordComponent extends BaseComponentInput {
         this.toggleMask = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputPasswordComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputPasswordComponent, selector: "kv-input-password", inputs: { feedback: "feedback", mediumRegex: "mediumRegex", strongRegex: "strongRegex", toggleMask: "toggleMask" }, providers: ComponentProviders(KvInputPasswordComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-password\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [toggleMask]=\"toggleMask\"\r\n    [feedback]=\"feedback\"\r\n    [mediumRegex]=\"mediumRegex\"\r\n    [strongRegex]=\"strongRegex\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-password>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5$5.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], outputs: ["onFocus", "onBlur", "onClear"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputPasswordComponent, selector: "kv-input-password", inputs: { feedback: "feedback", mediumRegex: "mediumRegex", strongRegex: "strongRegex", toggleMask: "toggleMask" }, providers: ComponentProviders(KvInputPasswordComponent), usesInheritance: true, ngImport: i0, template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <p-password\n    appendTo=\"body\"\n    [class]=\"baseInputClass\"\n    styleClass=\"inputs\"\n    [id]=\"componentId\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [toggleMask]=\"toggleMask\"\n    [feedback]=\"feedback\"\n    [mediumRegex]=\"mediumRegex\"\n    [strongRegex]=\"strongRegex\"\n    (onBlur)=\"onInputBlur($event)\"\n  >\n  </p-password>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5$5.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], outputs: ["onFocus", "onBlur", "onClear"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputPasswordComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-password', providers: ComponentProviders(KvInputPasswordComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-password\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [toggleMask]=\"toggleMask\"\r\n    [feedback]=\"feedback\"\r\n    [mediumRegex]=\"mediumRegex\"\r\n    [strongRegex]=\"strongRegex\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-password>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-input-password', providers: ComponentProviders(KvInputPasswordComponent), template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <p-password\n    appendTo=\"body\"\n    [class]=\"baseInputClass\"\n    styleClass=\"inputs\"\n    [id]=\"componentId\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [toggleMask]=\"toggleMask\"\n    [feedback]=\"feedback\"\n    [mediumRegex]=\"mediumRegex\"\n    [strongRegex]=\"strongRegex\"\n    (onBlur)=\"onInputBlur($event)\"\n  >\n  </p-password>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { feedback: [{
                 type: Input
             }], mediumRegex: [{
@@ -3230,11 +3234,11 @@ class KvInputTextareaComponent extends BaseComponentInput {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTextareaComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTextareaComponent, selector: "kv-input-textarea", inputs: { multiline: "multiline", rows: "rows", cols: "cols", autoResize: "autoResize", maxValueLength: "maxValueLength" }, providers: ComponentProviders(KvInputTextareaComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <textarea\r\n    pInputTextarea\r\n    [autoResize]=\"autoResize\"\r\n    [class]=\"baseInputClass\"\r\n    [cols]=\"cols\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [rows]=\"rows\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n  >\r\n  </textarea>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i5$6.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTextareaComponent, selector: "kv-input-textarea", inputs: { multiline: "multiline", rows: "rows", cols: "cols", autoResize: "autoResize", maxValueLength: "maxValueLength" }, providers: ComponentProviders(KvInputTextareaComponent), usesInheritance: true, ngImport: i0, template: "<span>\n\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <textarea\n    pInputTextarea\n    [autoResize]=\"autoResize\"\n    [class]=\"baseInputClass\"\n    [cols]=\"cols\"\n    [disabled]=\"disabled\"\n    [id]=\"componentId\"\n    [rows]=\"rows\"\n    [(ngModel)]=\"value\"\n    (blur)=\"onInputBlur($event)\"\n  >\n  </textarea>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i5$6.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTextareaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-textarea', providers: ComponentProviders(KvInputTextareaComponent), template: "<span>\r\n\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <textarea\r\n    pInputTextarea\r\n    [autoResize]=\"autoResize\"\r\n    [class]=\"baseInputClass\"\r\n    [cols]=\"cols\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [rows]=\"rows\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n  >\r\n  </textarea>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-input-textarea', providers: ComponentProviders(KvInputTextareaComponent), template: "<span>\n\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <textarea\n    pInputTextarea\n    [autoResize]=\"autoResize\"\n    [class]=\"baseInputClass\"\n    [cols]=\"cols\"\n    [disabled]=\"disabled\"\n    [id]=\"componentId\"\n    [rows]=\"rows\"\n    [(ngModel)]=\"value\"\n    (blur)=\"onInputBlur($event)\"\n  >\n  </textarea>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { multiline: [{
                 type: Input
             }], rows: [{
@@ -3265,11 +3269,11 @@ class KvInputTextCheckboxComponent extends BaseComponentInput {
         this.checkBoxEmit.emit(this._checkBoxValue);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTextCheckboxComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTextCheckboxComponent, selector: "kv-input-text-checkbox", inputs: { tooltipCheckbox: "tooltipCheckbox", disabledCheckbox: "disabledCheckbox" }, outputs: { checkBoxEmit: "checkBoxEmit" }, providers: ComponentProviders(KvInputTextCheckboxComponent), usesInheritance: true, ngImport: i0, template: "<kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n/>\r\n<div class=\"p-inputgroup \">\r\n    <span\r\n        class=\"p-inputgroup-addon\"\r\n        style=\"height: 35px;\"\r\n    ><p-checkbox\r\n            [(ngModel)]=\"checkBoxValue\"\r\n            [binary]=\"true\"\r\n            [pTooltip]=\"tooltipCheckbox\"\r\n            [disabled]=\"disabledCheckbox\"\r\n        ></p-checkbox>\r\n\r\n    </span>\r\n\r\n    <span class=\"p-float-label\">\r\n        <input\r\n            type=\"text\"\r\n            pInputText\r\n            [class]=\"baseInputClass\"\r\n            styleClass=\"inputs\"\r\n            [disabled]=\"disabled\"\r\n            [placeholder]=\"placeholder\"\r\n            [id]=\"componentId\"\r\n            [(ngModel)]=\"value\"\r\n            (blur)=\"onInputBlur($event)\"\r\n            style=\"height: 35px;\"\r\n            class=\"w-full\"\r\n        />\r\n    </span>\r\n</div>\r\n\r\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>", styles: [""], dependencies: [{ kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i5$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.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTextCheckboxComponent, selector: "kv-input-text-checkbox", inputs: { tooltipCheckbox: "tooltipCheckbox", disabledCheckbox: "disabledCheckbox" }, outputs: { checkBoxEmit: "checkBoxEmit" }, providers: ComponentProviders(KvInputTextCheckboxComponent), usesInheritance: true, ngImport: i0, template: "<kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n/>\n<div class=\"p-inputgroup \">\n    <span\n        class=\"p-inputgroup-addon\"\n        style=\"height: 35px;\"\n    ><p-checkbox\n            [(ngModel)]=\"checkBoxValue\"\n            [binary]=\"true\"\n            [pTooltip]=\"tooltipCheckbox\"\n            [disabled]=\"disabledCheckbox\"\n        ></p-checkbox>\n\n    </span>\n\n    <span class=\"p-float-label\">\n        <input\n            type=\"text\"\n            pInputText\n            [class]=\"baseInputClass\"\n            styleClass=\"inputs\"\n            [disabled]=\"disabled\"\n            [placeholder]=\"placeholder\"\n            [id]=\"componentId\"\n            [(ngModel)]=\"value\"\n            (blur)=\"onInputBlur($event)\"\n            style=\"height: 35px;\"\n            class=\"w-full\"\n        />\n    </span>\n</div>\n\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>", styles: [""], dependencies: [{ kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i5$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.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTextCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-text-checkbox', providers: ComponentProviders(KvInputTextCheckboxComponent), template: "<kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n/>\r\n<div class=\"p-inputgroup \">\r\n    <span\r\n        class=\"p-inputgroup-addon\"\r\n        style=\"height: 35px;\"\r\n    ><p-checkbox\r\n            [(ngModel)]=\"checkBoxValue\"\r\n            [binary]=\"true\"\r\n            [pTooltip]=\"tooltipCheckbox\"\r\n            [disabled]=\"disabledCheckbox\"\r\n        ></p-checkbox>\r\n\r\n    </span>\r\n\r\n    <span class=\"p-float-label\">\r\n        <input\r\n            type=\"text\"\r\n            pInputText\r\n            [class]=\"baseInputClass\"\r\n            styleClass=\"inputs\"\r\n            [disabled]=\"disabled\"\r\n            [placeholder]=\"placeholder\"\r\n            [id]=\"componentId\"\r\n            [(ngModel)]=\"value\"\r\n            (blur)=\"onInputBlur($event)\"\r\n            style=\"height: 35px;\"\r\n            class=\"w-full\"\r\n        />\r\n    </span>\r\n</div>\r\n\r\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>" }]
+            args: [{ selector: 'kv-input-text-checkbox', providers: ComponentProviders(KvInputTextCheckboxComponent), template: "<kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n/>\n<div class=\"p-inputgroup \">\n    <span\n        class=\"p-inputgroup-addon\"\n        style=\"height: 35px;\"\n    ><p-checkbox\n            [(ngModel)]=\"checkBoxValue\"\n            [binary]=\"true\"\n            [pTooltip]=\"tooltipCheckbox\"\n            [disabled]=\"disabledCheckbox\"\n        ></p-checkbox>\n\n    </span>\n\n    <span class=\"p-float-label\">\n        <input\n            type=\"text\"\n            pInputText\n            [class]=\"baseInputClass\"\n            styleClass=\"inputs\"\n            [disabled]=\"disabled\"\n            [placeholder]=\"placeholder\"\n            [id]=\"componentId\"\n            [(ngModel)]=\"value\"\n            (blur)=\"onInputBlur($event)\"\n            style=\"height: 35px;\"\n            class=\"w-full\"\n        />\n    </span>\n</div>\n\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>" }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { checkBoxEmit: [{
                 type: Output
             }], tooltipCheckbox: [{
@@ -3284,11 +3288,11 @@ class KvInputTextComponent extends BaseComponentInput {
         this.textCaptalized = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTextComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTextComponent, selector: "kv-input-text", inputs: { textCaptalized: "textCaptalized" }, providers: ComponentProviders(KvInputTextComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    [class]=\"baseInputClass\"\r\n    class=\"inputs\"\r\n    [ngClass]=\"{ 'capitalize': textCaptalized }\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    (input)=\"onInputInput($event)\"\r\n    [maxlength]=\"maxLength\"\r\n  >\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: [".div-pai{display:flex;flex-direction:row;column-gap:.25rem;padding-right:0}.div-input{width:100%}.div-button{width:20%}.div-button button{width:100%}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTextComponent, selector: "kv-input-text", inputs: { textCaptalized: "textCaptalized" }, providers: ComponentProviders(KvInputTextComponent), usesInheritance: true, ngImport: i0, template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <input\n    pInputText\n    type=\"text\"\n    [class]=\"baseInputClass\"\n    class=\"inputs\"\n    [ngClass]=\"{ 'capitalize': textCaptalized }\"\n    [disabled]=\"disabled\"\n    [id]=\"componentId\"\n    [(ngModel)]=\"value\"\n    (blur)=\"onInputBlur($event)\"\n    (input)=\"onInputInput($event)\"\n    [maxlength]=\"maxLength\"\n  >\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>", styles: [".div-pai{display:flex;flex-direction:row;column-gap:.25rem;padding-right:0}.div-input{width:100%}.div-button{width:20%}.div-button button{width:100%}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTextComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-text', providers: ComponentProviders(KvInputTextComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    [class]=\"baseInputClass\"\r\n    class=\"inputs\"\r\n    [ngClass]=\"{ 'capitalize': textCaptalized }\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    (input)=\"onInputInput($event)\"\r\n    [maxlength]=\"maxLength\"\r\n  >\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: [".div-pai{display:flex;flex-direction:row;column-gap:.25rem;padding-right:0}.div-input{width:100%}.div-button{width:20%}.div-button button{width:100%}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-input-text', providers: ComponentProviders(KvInputTextComponent), template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <input\n    pInputText\n    type=\"text\"\n    [class]=\"baseInputClass\"\n    class=\"inputs\"\n    [ngClass]=\"{ 'capitalize': textCaptalized }\"\n    [disabled]=\"disabled\"\n    [id]=\"componentId\"\n    [(ngModel)]=\"value\"\n    (blur)=\"onInputBlur($event)\"\n    (input)=\"onInputInput($event)\"\n    [maxlength]=\"maxLength\"\n  >\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>", styles: [".div-pai{display:flex;flex-direction:row;column-gap:.25rem;padding-right:0}.div-input{width:100%}.div-button{width:20%}.div-button button{width:100%}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { textCaptalized: [{
                 type: Input
             }] } });
@@ -3299,11 +3303,11 @@ class KvInputTimeComponent extends BaseComponentInput {
         this.showIcon = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTimeComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTimeComponent, selector: "kv-input-time", inputs: { showIcon: "showIcon" }, providers: ComponentProviders(KvInputTimeComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-calendar\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [showIcon]=\"showIcon\"\r\n    styleClass=\"inputs\"\r\n    [showTime]=\"true\"\r\n    [timeOnly]=\"true\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-calendar>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5$2.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTimeComponent, selector: "kv-input-time", inputs: { showIcon: "showIcon" }, providers: ComponentProviders(KvInputTimeComponent), usesInheritance: true, ngImport: i0, template: "<span>\n\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <p-calendar\n    appendTo=\"body\"\n    [class]=\"baseInputClass\"\n    [id]=\"componentId\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [showIcon]=\"showIcon\"\n    styleClass=\"inputs\"\n    [showTime]=\"true\"\n    [timeOnly]=\"true\"\n    (onBlur)=\"onInputBlur($event)\"\n  >\n  </p-calendar>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5$2.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTimeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-time', providers: ComponentProviders(KvInputTimeComponent), template: "<span>\r\n\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-calendar\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [showIcon]=\"showIcon\"\r\n    styleClass=\"inputs\"\r\n    [showTime]=\"true\"\r\n    [timeOnly]=\"true\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-calendar>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-input-time', providers: ComponentProviders(KvInputTimeComponent), template: "<span>\n\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n  <p-calendar\n    appendTo=\"body\"\n    [class]=\"baseInputClass\"\n    [id]=\"componentId\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [showIcon]=\"showIcon\"\n    styleClass=\"inputs\"\n    [showTime]=\"true\"\n    [timeOnly]=\"true\"\n    (onBlur)=\"onInputBlur($event)\"\n  >\n  </p-calendar>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { showIcon: [{
                 type: Input
             }] } });
@@ -3346,11 +3350,11 @@ class KvMultiSelectComponent extends BaseComponentMultiSelect {
         this.maxSelectedLabels = 3;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvMultiSelectComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvMultiSelectComponent, selector: "kv-multi-select", inputs: { group: "group", itemTemplate: "itemTemplate", maxSelectedLabels: "maxSelectedLabels", optionInactive: "optionInactive" }, providers: ComponentProviders(KvMultiSelectComponent), usesInheritance: true, ngImport: i0, template: "<span [ngClass]=\"{'disable':  optionInactive === true}\">\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n\r\n  <p-multiSelect\r\n    appendTo=\"body\"\r\n    display=\"chip\"\r\n    inputId=\"multiselect\"\r\n    styleClass=\"inputs\"\r\n    [class]=\"baseInputClass\"\r\n    [group]=\"group\"\r\n    [disabled]=\"disabled\"\r\n    [options]=\"options\"\r\n    [optionDisabled]=\" inactiveOptions\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [optionValue]=\"optionValue\"\r\n    [filter]=\"filter\"\r\n    [showClear]=\"showClear\"\r\n    [(ngModel)]=\"value\"\r\n    (onChange)=\"selectionChange($event)\"\r\n    (onPanelHide)=\"panelHide($event)\"\r\n    [maxSelectedLabels]=\"maxSelectedLabels\"\r\n      >\r\n\r\n\r\n    <ng-template\r\n      let-item\r\n      pTemplate=\"item\"\r\n      *ngIf=\"itemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n  </p-multiSelect>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: [":host ::ng-deep .disable .p-multiselect.p-multiselect-chip .p-multiselect-token .p-icon-wrapper{display:none!important}::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token{padding:.1rem .4rem}::ng-deep .p-multiselect-label{padding:.3rem;display:flex}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvMultiSelectComponent, selector: "kv-multi-select", inputs: { group: "group", itemTemplate: "itemTemplate", maxSelectedLabels: "maxSelectedLabels", optionInactive: "optionInactive" }, providers: ComponentProviders(KvMultiSelectComponent), usesInheritance: true, ngImport: i0, template: "<span [ngClass]=\"{'disable':  optionInactive === true}\">\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n\n  <p-multiSelect\n    appendTo=\"body\"\n    display=\"chip\"\n    inputId=\"multiselect\"\n    styleClass=\"inputs\"\n    [class]=\"baseInputClass\"\n    [group]=\"group\"\n    [disabled]=\"disabled\"\n    [options]=\"options\"\n    [optionDisabled]=\" inactiveOptions\"\n    [optionLabel]=\"optionLabel\"\n    [optionValue]=\"optionValue\"\n    [filter]=\"filter\"\n    [showClear]=\"showClear\"\n    [(ngModel)]=\"value\"\n    (onChange)=\"selectionChange($event)\"\n    (onPanelHide)=\"panelHide($event)\"\n    [maxSelectedLabels]=\"maxSelectedLabels\"\n      >\n\n\n    <ng-template\n      let-item\n      pTemplate=\"item\"\n      *ngIf=\"itemTemplate\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"itemTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\n      >\n\n      </ng-container>\n    </ng-template>\n\n\n  </p-multiSelect>\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>\n", styles: [":host ::ng-deep .disable .p-multiselect.p-multiselect-chip .p-multiselect-token .p-icon-wrapper{display:none!important}::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token{padding:.1rem .4rem}::ng-deep .p-multiselect-label{padding:.3rem;display:flex}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvMultiSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-multi-select', providers: ComponentProviders(KvMultiSelectComponent), template: "<span [ngClass]=\"{'disable':  optionInactive === true}\">\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n\r\n  <p-multiSelect\r\n    appendTo=\"body\"\r\n    display=\"chip\"\r\n    inputId=\"multiselect\"\r\n    styleClass=\"inputs\"\r\n    [class]=\"baseInputClass\"\r\n    [group]=\"group\"\r\n    [disabled]=\"disabled\"\r\n    [options]=\"options\"\r\n    [optionDisabled]=\" inactiveOptions\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [optionValue]=\"optionValue\"\r\n    [filter]=\"filter\"\r\n    [showClear]=\"showClear\"\r\n    [(ngModel)]=\"value\"\r\n    (onChange)=\"selectionChange($event)\"\r\n    (onPanelHide)=\"panelHide($event)\"\r\n    [maxSelectedLabels]=\"maxSelectedLabels\"\r\n      >\r\n\r\n\r\n    <ng-template\r\n      let-item\r\n      pTemplate=\"item\"\r\n      *ngIf=\"itemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n  </p-multiSelect>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: [":host ::ng-deep .disable .p-multiselect.p-multiselect-chip .p-multiselect-token .p-icon-wrapper{display:none!important}::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token{padding:.1rem .4rem}::ng-deep .p-multiselect-label{padding:.3rem;display:flex}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-multi-select', providers: ComponentProviders(KvMultiSelectComponent), template: "<span [ngClass]=\"{'disable':  optionInactive === true}\">\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label\"\n  />\n\n  <p-multiSelect\n    appendTo=\"body\"\n    display=\"chip\"\n    inputId=\"multiselect\"\n    styleClass=\"inputs\"\n    [class]=\"baseInputClass\"\n    [group]=\"group\"\n    [disabled]=\"disabled\"\n    [options]=\"options\"\n    [optionDisabled]=\" inactiveOptions\"\n    [optionLabel]=\"optionLabel\"\n    [optionValue]=\"optionValue\"\n    [filter]=\"filter\"\n    [showClear]=\"showClear\"\n    [(ngModel)]=\"value\"\n    (onChange)=\"selectionChange($event)\"\n    (onPanelHide)=\"panelHide($event)\"\n    [maxSelectedLabels]=\"maxSelectedLabels\"\n      >\n\n\n    <ng-template\n      let-item\n      pTemplate=\"item\"\n      *ngIf=\"itemTemplate\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"itemTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\n      >\n\n      </ng-container>\n    </ng-template>\n\n\n  </p-multiSelect>\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>\n", styles: [":host ::ng-deep .disable .p-multiselect.p-multiselect-chip .p-multiselect-token .p-icon-wrapper{display:none!important}::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token{padding:.1rem .4rem}::ng-deep .p-multiselect-label{padding:.3rem;display:flex}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { group: [{
                 type: Input
             }], itemTemplate: [{
@@ -3389,11 +3393,11 @@ class KvRadioGroupComponent extends BaseComponentInput {
         this.onSelectedOption.emit(event.value.id);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvRadioGroupComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvRadioGroupComponent, selector: "kv-radio-group", inputs: { options: "options", optionValueDefault: "optionValueDefault", vertical: "vertical" }, outputs: { onSelectedOption: "onSelectedOption" }, providers: ComponentProviders(KvRadioGroupComponent), usesInheritance: true, ngImport: i0, template: "<kv-label [label]=\"label\" />\r\n<div [class.vertical-radio-group]=\"vertical\">\r\n  <div class=\"option\" *ngFor=\"let option of options; let isFirst = first\">\r\n    <p-radioButton\r\n      [inputId]=\"option.id\"\r\n      name=\"option\"\r\n      [value]=\"option\"\r\n      [(ngModel)]=\"selectedOpt\"\r\n      (onClick)=\"selectedOption($event)\"\r\n      [disabled]=\"disabled\"\r\n      [class.ml-3]=\"!isFirst && !vertical\"\r\n    >\r\n    </p-radioButton>\r\n    <label [for]=\"option.id\" class=\"radio-option-label\">\r\n      {{ option.description }}</label\r\n    >\r\n  </div>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: [".option{display:inline-block;margin:0;height:35px;padding-top:.75rem}.vertical-radio-group{display:flex;flex-direction:column}.radio-option-label{font-size:1rem}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i6$1.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvRadioGroupComponent, selector: "kv-radio-group", inputs: { options: "options", optionValueDefault: "optionValueDefault", vertical: "vertical" }, outputs: { onSelectedOption: "onSelectedOption" }, providers: ComponentProviders(KvRadioGroupComponent), usesInheritance: true, ngImport: i0, template: "<kv-label [label]=\"label\" />\n<div [class.vertical-radio-group]=\"vertical\">\n  <div class=\"option\" *ngFor=\"let option of options; let isFirst = first\">\n    <p-radioButton\n      [inputId]=\"option.id\"\n      name=\"option\"\n      [value]=\"option\"\n      [(ngModel)]=\"selectedOpt\"\n      (onClick)=\"selectedOption($event)\"\n      [disabled]=\"disabled\"\n      [class.ml-3]=\"!isFirst && !vertical\"\n    >\n    </p-radioButton>\n    <label [for]=\"option.id\" class=\"radio-option-label\">\n      {{ option.description }}</label\n    >\n  </div>\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</div>\n", styles: [".option{display:inline-block;margin:0;height:35px;padding-top:.75rem}.vertical-radio-group{display:flex;flex-direction:column}.radio-option-label{font-size:1rem}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i6$1.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvRadioGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-radio-group', providers: ComponentProviders(KvRadioGroupComponent), template: "<kv-label [label]=\"label\" />\r\n<div [class.vertical-radio-group]=\"vertical\">\r\n  <div class=\"option\" *ngFor=\"let option of options; let isFirst = first\">\r\n    <p-radioButton\r\n      [inputId]=\"option.id\"\r\n      name=\"option\"\r\n      [value]=\"option\"\r\n      [(ngModel)]=\"selectedOpt\"\r\n      (onClick)=\"selectedOption($event)\"\r\n      [disabled]=\"disabled\"\r\n      [class.ml-3]=\"!isFirst && !vertical\"\r\n    >\r\n    </p-radioButton>\r\n    <label [for]=\"option.id\" class=\"radio-option-label\">\r\n      {{ option.description }}</label\r\n    >\r\n  </div>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: [".option{display:inline-block;margin:0;height:35px;padding-top:.75rem}.vertical-radio-group{display:flex;flex-direction:column}.radio-option-label{font-size:1rem}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-radio-group', providers: ComponentProviders(KvRadioGroupComponent), template: "<kv-label [label]=\"label\" />\n<div [class.vertical-radio-group]=\"vertical\">\n  <div class=\"option\" *ngFor=\"let option of options; let isFirst = first\">\n    <p-radioButton\n      [inputId]=\"option.id\"\n      name=\"option\"\n      [value]=\"option\"\n      [(ngModel)]=\"selectedOpt\"\n      (onClick)=\"selectedOption($event)\"\n      [disabled]=\"disabled\"\n      [class.ml-3]=\"!isFirst && !vertical\"\n    >\n    </p-radioButton>\n    <label [for]=\"option.id\" class=\"radio-option-label\">\n      {{ option.description }}</label\n    >\n  </div>\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</div>\n", styles: [".option{display:inline-block;margin:0;height:35px;padding-top:.75rem}.vertical-radio-group{display:flex;flex-direction:column}.radio-option-label{font-size:1rem}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { options: [{
                 type: Input
             }], optionValueDefault: [{
@@ -3423,11 +3427,11 @@ class KvSwitchComponent extends BaseComponentInput {
         this.onSwitchChange.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSwitchComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvSwitchComponent, selector: "kv-switch", inputs: { readonly: "readonly", switchValue: "switchValue" }, outputs: { onSwitchChange: "onSwitchChange" }, providers: ComponentProviders(KvSwitchComponent), usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"center field-checkbox\">\r\n\r\n  <p-inputSwitch\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [readonly]=\"readonly\"\r\n    (ngModelChange)=\"emitOnSwitchChange($event)\"\r\n    >\r\n  </p-inputSwitch>\r\n  <label [for]=\"componentId\">{{ label }}</label>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$1.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvSwitchComponent, selector: "kv-switch", inputs: { readonly: "readonly", switchValue: "switchValue" }, outputs: { onSwitchChange: "onSwitchChange" }, providers: ComponentProviders(KvSwitchComponent), usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"center field-checkbox\">\n\n  <p-inputSwitch\n    [inputId]=\"componentId\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    (ngModelChange)=\"emitOnSwitchChange($event)\"\n    >\n  </p-inputSwitch>\n  <label [for]=\"componentId\">{{ label }}</label>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</div>\n", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$1.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSwitchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-switch', providers: ComponentProviders(KvSwitchComponent), template: "<div class=\"center field-checkbox\">\r\n\r\n  <p-inputSwitch\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [readonly]=\"readonly\"\r\n    (ngModelChange)=\"emitOnSwitchChange($event)\"\r\n    >\r\n  </p-inputSwitch>\r\n  <label [for]=\"componentId\">{{ label }}</label>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-switch', providers: ComponentProviders(KvSwitchComponent), template: "<div class=\"center field-checkbox\">\n\n  <p-inputSwitch\n    [inputId]=\"componentId\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    (ngModelChange)=\"emitOnSwitchChange($event)\"\n    >\n  </p-inputSwitch>\n  <label [for]=\"componentId\">{{ label }}</label>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</div>\n", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { readonly: [{
                 type: Input
             }], switchValue: [{
@@ -3451,11 +3455,11 @@ class KvSelectButtonComponent {
         this.optionClick.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonComponent, selector: "kv-select-button", inputs: { formGroup: "formGroup", formControlName: "formControlName", options: "options", optionLabel: "optionLabel", optionValue: "optionValue", mutiple: "mutiple", disabled: "disabled", value: "value" }, outputs: { onSelectionChange: "onSelectionChange", optionClick: "optionClick" }, ngImport: i0, template: "@if(value) {\r\n<p-selectButton\r\n    [options]=\"options\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [optionValue]=\"optionValue\"\r\n    (onChange)=\"selectionChange($event)\"\r\n    (onOptionClick)=\"onOptionClick($event)\"\r\n    [multiple]=\"mutiple\"\r\n    [disabled]=\"disabled\"\r\n    [(ngModel)]=\"value\"\r\n/>\r\n} @else {\r\n<div [formGroup]=\"formGroup\">\r\n    <p-selectButton\r\n        [options]=\"options\"\r\n        [optionLabel]=\"optionLabel\"\r\n        [optionValue]=\"optionValue\"\r\n        (onChange)=\"selectionChange($event)\"\r\n        (onOptionClick)=\"onOptionClick($event)\"\r\n        [multiple]=\"mutiple\"\r\n        [disabled]=\"disabled\"\r\n        [formControlName]=\"formControlName\"\r\n        [(ngModel)]=\"value\"\r\n    />\r\n</div>\r\n}", styles: [":host ::ng-deep .p-selectbutton .p-button.p-highlight{background:#183462!important;border:#183462;box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$3.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey", "autofocus"], outputs: ["onOptionClick", "onChange"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonComponent, selector: "kv-select-button", inputs: { formGroup: "formGroup", formControlName: "formControlName", options: "options", optionLabel: "optionLabel", optionValue: "optionValue", mutiple: "mutiple", disabled: "disabled", value: "value" }, outputs: { onSelectionChange: "onSelectionChange", optionClick: "optionClick" }, ngImport: i0, template: "@if(value) {\n<p-selectButton\n    [options]=\"options\"\n    [optionLabel]=\"optionLabel\"\n    [optionValue]=\"optionValue\"\n    (onChange)=\"selectionChange($event)\"\n    (onOptionClick)=\"onOptionClick($event)\"\n    [multiple]=\"mutiple\"\n    [disabled]=\"disabled\"\n    [(ngModel)]=\"value\"\n/>\n} @else {\n<div [formGroup]=\"formGroup\">\n    <p-selectButton\n        [options]=\"options\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        (onChange)=\"selectionChange($event)\"\n        (onOptionClick)=\"onOptionClick($event)\"\n        [multiple]=\"mutiple\"\n        [disabled]=\"disabled\"\n        [formControlName]=\"formControlName\"\n        [(ngModel)]=\"value\"\n    />\n</div>\n}", styles: [":host ::ng-deep .p-selectbutton .p-button.p-highlight{background:#183462!important;border:#183462;box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$3.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey", "autofocus"], outputs: ["onOptionClick", "onChange"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-select-button', template: "@if(value) {\r\n<p-selectButton\r\n    [options]=\"options\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [optionValue]=\"optionValue\"\r\n    (onChange)=\"selectionChange($event)\"\r\n    (onOptionClick)=\"onOptionClick($event)\"\r\n    [multiple]=\"mutiple\"\r\n    [disabled]=\"disabled\"\r\n    [(ngModel)]=\"value\"\r\n/>\r\n} @else {\r\n<div [formGroup]=\"formGroup\">\r\n    <p-selectButton\r\n        [options]=\"options\"\r\n        [optionLabel]=\"optionLabel\"\r\n        [optionValue]=\"optionValue\"\r\n        (onChange)=\"selectionChange($event)\"\r\n        (onOptionClick)=\"onOptionClick($event)\"\r\n        [multiple]=\"mutiple\"\r\n        [disabled]=\"disabled\"\r\n        [formControlName]=\"formControlName\"\r\n        [(ngModel)]=\"value\"\r\n    />\r\n</div>\r\n}", styles: [":host ::ng-deep .p-selectbutton .p-button.p-highlight{background:#183462!important;border:#183462;box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f}\n"] }]
+            args: [{ selector: 'kv-select-button', template: "@if(value) {\n<p-selectButton\n    [options]=\"options\"\n    [optionLabel]=\"optionLabel\"\n    [optionValue]=\"optionValue\"\n    (onChange)=\"selectionChange($event)\"\n    (onOptionClick)=\"onOptionClick($event)\"\n    [multiple]=\"mutiple\"\n    [disabled]=\"disabled\"\n    [(ngModel)]=\"value\"\n/>\n} @else {\n<div [formGroup]=\"formGroup\">\n    <p-selectButton\n        [options]=\"options\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        (onChange)=\"selectionChange($event)\"\n        (onOptionClick)=\"onOptionClick($event)\"\n        [multiple]=\"mutiple\"\n        [disabled]=\"disabled\"\n        [formControlName]=\"formControlName\"\n        [(ngModel)]=\"value\"\n    />\n</div>\n}", styles: [":host ::ng-deep .p-selectbutton .p-button.p-highlight{background:#183462!important;border:#183462;box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f}\n"] }]
         }], propDecorators: { onSelectionChange: [{
                 type: Output
             }], optionClick: [{
@@ -3577,11 +3581,11 @@ class KvLoaderComponent {
         this.loading = KvLoaderService.isLoading;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvLoaderComponent, selector: "kv-loader", ngImport: i0, template: "<ngx-loading [show]=\"(loading | async) || false\"></ngx-loading>\r\n", dependencies: [{ kind: "component", type: i1$5.NgxLoadingComponent, selector: "ngx-loading", inputs: ["show", "config", "template"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvLoaderComponent, selector: "kv-loader", ngImport: i0, template: "<ngx-loading [show]=\"(loading | async) || false\"></ngx-loading>\n", dependencies: [{ kind: "component", type: i1$5.NgxLoadingComponent, selector: "ngx-loading", inputs: ["show", "config", "template"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvLoaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-loader', template: "<ngx-loading [show]=\"(loading | async) || false\"></ngx-loading>\r\n" }]
+            args: [{ selector: 'kv-loader', template: "<ngx-loading [show]=\"(loading | async) || false\"></ngx-loading>\n" }]
         }], ctorParameters: () => [] });
 
 class KvLoaderModule {
@@ -3631,11 +3635,11 @@ class KvLoginComponent extends BaseComponentCrudForm {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvLoginComponent, deps: [{ token: i1$3.DialogService }, { token: NotificationService }, { token: i3$1.ActivatedRoute }, { token: i1$3.DynamicDialogRef }, { token: i1$3.DynamicDialogConfig }, { token: i3$1.Router }, { token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvLoginComponent, selector: "kv-login", inputs: { Background: "Background", SystemLogo: "SystemLogo", SystemColorPrimary: "SystemColorPrimary", SystemColorSecondary: "SystemColorSecondary" }, outputs: { onLogin: "onLogin" }, usesInheritance: true, ngImport: i0, template: "<div\r\n    id=\"kvLogin-container\"\r\n    class=\"flex justify-content-center align-items-center flex-column h-screen \"\r\n    [style.background-image]=\"'url(' + Background + ')'\"\r\n>\r\n\r\n    <!-- CARD PRINCIPAL -->\r\n    <div\r\n        [formGroup]=\" formGroup\"\r\n        class=\"flex flex-column align-items-center justify-content-between bg-white border-round-xl \"\r\n        [style.width.rem]=\"19\"\r\n        [style.height.px]=\"435\"\r\n        (keydown.enter)=\"save()\"\r\n    >\r\n\r\n        <!-- LOGO DO SISTEMA -->\r\n        <div class=\"flex flex-row align-items-center justify-content-center p-3 mt-2\">\r\n            <img\r\n                alt=\"Logo do Sistema\"\r\n                [style.height.rem]=\"4\"\r\n                [src]=\"SystemLogo\"\r\n            />\r\n        </div>\r\n\r\n        <!-- INFORMA\u00C7\u00D5ES CENTRAIS -->\r\n        <div class=\" grid formgrid p-fluid gap-2 p-3\">\r\n\r\n            <div\r\n                class=\" w-full \"\r\n                class=\"mb-2\"\r\n            >\r\n                <img\r\n                    [style.height.rem]=\"2.5\"\r\n                    class=\"ml-2\"\r\n                    alt=\"keepass\"\r\n                    src=\"https://work-assets.keevo.com.br/img/keepass-logo.png\"\r\n                />\r\n            </div>\r\n\r\n            <kv-input-text\r\n                componentId=\"usuario\"\r\n                label=\"CPF ou e-mail\"\r\n                formControlName=\"usuario\"\r\n                class=\"field col-12\"\r\n            >\r\n            </kv-input-text>\r\n\r\n            <kv-input-password\r\n                componentId=\"senha\"\r\n                label=\"Senha\"\r\n                [toggleMask]=\"true\"\r\n                formControlName=\"senha\"\r\n                [required]=\"true\"\r\n                class=\"field col-12\"\r\n            >\r\n            </kv-input-password>\r\n\r\n            <div\r\n                class=\"flex w-full justify-content-end mb-2\"\r\n                id=\"kvLogin-esqueceu-senha\"\r\n            >\r\n                <a\r\n                    href=\"https://keepass.seg.br/redefinirsenha\"\r\n                    target=\"_blank\"\r\n                    style=\"font-size: 0.8rem;\"\r\n                    [style.color]=\"SystemColorPrimary\"\r\n                >\r\n                    Esqueceu a senha?\r\n                </a>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <button\r\n            id=\"kvLogin-login-button\"\r\n            [style.background-color]=\"SystemColorPrimary\"\r\n            [style.color]=\"'white'\"\r\n            class=\"w-full \"\r\n            (click)=\"save()\"\r\n            [style.height.px]=\"50\"\r\n        ><strong>Login</strong></button>\r\n    </div>\r\n\r\n    <div id=\"kvLogin-cadastro\">\r\n        <p\r\n            [style.color]=\"SystemColorSecondary\"\r\n            style=\"font-size: 1rem;\"\r\n        >\r\n            N\u00E3o possui um keepass?\r\n            <a\r\n                href=\"https://keepass.seg.br/cadastrar\"\r\n                target=\"_blank\"\r\n                [style.color]=\"SystemColorSecondary\"\r\n                style=\"font-size: 1rem;\"\r\n            >\r\n                Cadastre-se.\r\n            </a>\r\n        </p>\r\n    </div>\r\n\r\n    <div class=\"logo-keevo\">\r\n        <img\r\n            src=\"https://work-assets.keevo.com.br/img/keevo-logo.png\"\r\n            [style.height.rem]=\"4\"\r\n        />\r\n    </div>\r\n\r\n</div>", styles: ["@charset \"UTF-8\";:host{overflow:hidden}#kvLogin-container{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;background:no-repeat center;background-size:cover;padding:20px}#kvLogin-esqueceu-senha{position:relative;bottom:.5rem;padding-right:10px}#kvLogin-esqueceu-senha a,#kvLogin-cadastro a{text-decoration:none;font-weight:500;cursor:pointer;gap:3px;transition:text-shadow .2s ease-in-out}#kvLogin-esqueceu-senha a:hover,#kvLogin-cadastro a:hover{text-shadow:0 0 2px rgba(158,158,158,.692)}#kvLogin-login-button{width:100%;height:3rem!important;border-radius:0 0 10px 10px;border:none;cursor:pointer;font-size:14px;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;-moz-transition:all ease-in .2s;-ms-transition:all ease-in .2s;-o-transition:all ease-in .2s}#kvLogin-login-button:hover{opacity:.9}.logo-keevo{position:relative;top:50px}.logo-keevo img{max-width:100%;height:auto}@media (max-height: 700px){.logo-keevo{position:relative;top:10px;margin-bottom:20px}#kvLogin-container{padding:10px}#kvLogin-container img{max-width:90%}}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: KvInputPasswordComponent, selector: "kv-input-password", inputs: ["feedback", "mediumRegex", "strongRegex", "toggleMask"] }, { kind: "component", type: KvInputTextComponent, selector: "kv-input-text", inputs: ["textCaptalized"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvLoginComponent, selector: "kv-login", inputs: { Background: "Background", SystemLogo: "SystemLogo", SystemColorPrimary: "SystemColorPrimary", SystemColorSecondary: "SystemColorSecondary" }, outputs: { onLogin: "onLogin" }, usesInheritance: true, ngImport: i0, template: "<div\n    id=\"kvLogin-container\"\n    class=\"flex justify-content-center align-items-center flex-column h-screen \"\n    [style.background-image]=\"'url(' + Background + ')'\"\n>\n\n    <!-- CARD PRINCIPAL -->\n    <div\n        [formGroup]=\" formGroup\"\n        class=\"flex flex-column align-items-center justify-content-between bg-white border-round-xl \"\n        [style.width.rem]=\"19\"\n        [style.height.px]=\"435\"\n        (keydown.enter)=\"save()\"\n    >\n\n        <!-- LOGO DO SISTEMA -->\n        <div class=\"flex flex-row align-items-center justify-content-center p-3 mt-2\">\n            <img\n                alt=\"Logo do Sistema\"\n                [style.height.rem]=\"4\"\n                [src]=\"SystemLogo\"\n            />\n        </div>\n\n        <!-- INFORMA\u00C7\u00D5ES CENTRAIS -->\n        <div class=\" grid formgrid p-fluid gap-2 p-3\">\n\n            <div\n                class=\" w-full \"\n                class=\"mb-2\"\n            >\n                <img\n                    [style.height.rem]=\"2.5\"\n                    class=\"ml-2\"\n                    alt=\"keepass\"\n                    src=\"https://work-assets.keevo.com.br/img/keepass-logo.png\"\n                />\n            </div>\n\n            <kv-input-text\n                componentId=\"usuario\"\n                label=\"CPF ou e-mail\"\n                formControlName=\"usuario\"\n                class=\"field col-12\"\n            >\n            </kv-input-text>\n\n            <kv-input-password\n                componentId=\"senha\"\n                label=\"Senha\"\n                [toggleMask]=\"true\"\n                formControlName=\"senha\"\n                [required]=\"true\"\n                class=\"field col-12\"\n            >\n            </kv-input-password>\n\n            <div\n                class=\"flex w-full justify-content-end mb-2\"\n                id=\"kvLogin-esqueceu-senha\"\n            >\n                <a\n                    href=\"https://keepass.seg.br/redefinirsenha\"\n                    target=\"_blank\"\n                    style=\"font-size: 0.8rem;\"\n                    [style.color]=\"SystemColorPrimary\"\n                >\n                    Esqueceu a senha?\n                </a>\n            </div>\n\n        </div>\n\n        <button\n            id=\"kvLogin-login-button\"\n            [style.background-color]=\"SystemColorPrimary\"\n            [style.color]=\"'white'\"\n            class=\"w-full \"\n            (click)=\"save()\"\n            [style.height.px]=\"50\"\n        ><strong>Login</strong></button>\n    </div>\n\n    <div id=\"kvLogin-cadastro\">\n        <p\n            [style.color]=\"SystemColorSecondary\"\n            style=\"font-size: 1rem;\"\n        >\n            N\u00E3o possui um keepass?\n            <a\n                href=\"https://keepass.seg.br/cadastrar\"\n                target=\"_blank\"\n                [style.color]=\"SystemColorSecondary\"\n                style=\"font-size: 1rem;\"\n            >\n                Cadastre-se.\n            </a>\n        </p>\n    </div>\n\n    <div class=\"logo-keevo\">\n        <img\n            src=\"https://work-assets.keevo.com.br/img/keevo-logo.png\"\n            [style.height.rem]=\"4\"\n        />\n    </div>\n\n</div>", styles: ["@charset \"UTF-8\";:host{overflow:hidden}#kvLogin-container{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;background:no-repeat center;background-size:cover;padding:20px}#kvLogin-esqueceu-senha{position:relative;bottom:.5rem;padding-right:10px}#kvLogin-esqueceu-senha a,#kvLogin-cadastro a{text-decoration:none;font-weight:500;cursor:pointer;gap:3px;transition:text-shadow .2s ease-in-out}#kvLogin-esqueceu-senha a:hover,#kvLogin-cadastro a:hover{text-shadow:0 0 2px rgba(158,158,158,.692)}#kvLogin-login-button{width:100%;height:3rem!important;border-radius:0 0 10px 10px;border:none;cursor:pointer;font-size:14px;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;-moz-transition:all ease-in .2s;-ms-transition:all ease-in .2s;-o-transition:all ease-in .2s}#kvLogin-login-button:hover{opacity:.9}.logo-keevo{position:relative;top:50px}.logo-keevo img{max-width:100%;height:auto}@media (max-height: 700px){.logo-keevo{position:relative;top:10px;margin-bottom:20px}#kvLogin-container{padding:10px}#kvLogin-container img{max-width:90%}}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: KvInputPasswordComponent, selector: "kv-input-password", inputs: ["feedback", "mediumRegex", "strongRegex", "toggleMask"] }, { kind: "component", type: KvInputTextComponent, selector: "kv-input-text", inputs: ["textCaptalized"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvLoginComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-login', template: "<div\r\n    id=\"kvLogin-container\"\r\n    class=\"flex justify-content-center align-items-center flex-column h-screen \"\r\n    [style.background-image]=\"'url(' + Background + ')'\"\r\n>\r\n\r\n    <!-- CARD PRINCIPAL -->\r\n    <div\r\n        [formGroup]=\" formGroup\"\r\n        class=\"flex flex-column align-items-center justify-content-between bg-white border-round-xl \"\r\n        [style.width.rem]=\"19\"\r\n        [style.height.px]=\"435\"\r\n        (keydown.enter)=\"save()\"\r\n    >\r\n\r\n        <!-- LOGO DO SISTEMA -->\r\n        <div class=\"flex flex-row align-items-center justify-content-center p-3 mt-2\">\r\n            <img\r\n                alt=\"Logo do Sistema\"\r\n                [style.height.rem]=\"4\"\r\n                [src]=\"SystemLogo\"\r\n            />\r\n        </div>\r\n\r\n        <!-- INFORMA\u00C7\u00D5ES CENTRAIS -->\r\n        <div class=\" grid formgrid p-fluid gap-2 p-3\">\r\n\r\n            <div\r\n                class=\" w-full \"\r\n                class=\"mb-2\"\r\n            >\r\n                <img\r\n                    [style.height.rem]=\"2.5\"\r\n                    class=\"ml-2\"\r\n                    alt=\"keepass\"\r\n                    src=\"https://work-assets.keevo.com.br/img/keepass-logo.png\"\r\n                />\r\n            </div>\r\n\r\n            <kv-input-text\r\n                componentId=\"usuario\"\r\n                label=\"CPF ou e-mail\"\r\n                formControlName=\"usuario\"\r\n                class=\"field col-12\"\r\n            >\r\n            </kv-input-text>\r\n\r\n            <kv-input-password\r\n                componentId=\"senha\"\r\n                label=\"Senha\"\r\n                [toggleMask]=\"true\"\r\n                formControlName=\"senha\"\r\n                [required]=\"true\"\r\n                class=\"field col-12\"\r\n            >\r\n            </kv-input-password>\r\n\r\n            <div\r\n                class=\"flex w-full justify-content-end mb-2\"\r\n                id=\"kvLogin-esqueceu-senha\"\r\n            >\r\n                <a\r\n                    href=\"https://keepass.seg.br/redefinirsenha\"\r\n                    target=\"_blank\"\r\n                    style=\"font-size: 0.8rem;\"\r\n                    [style.color]=\"SystemColorPrimary\"\r\n                >\r\n                    Esqueceu a senha?\r\n                </a>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <button\r\n            id=\"kvLogin-login-button\"\r\n            [style.background-color]=\"SystemColorPrimary\"\r\n            [style.color]=\"'white'\"\r\n            class=\"w-full \"\r\n            (click)=\"save()\"\r\n            [style.height.px]=\"50\"\r\n        ><strong>Login</strong></button>\r\n    </div>\r\n\r\n    <div id=\"kvLogin-cadastro\">\r\n        <p\r\n            [style.color]=\"SystemColorSecondary\"\r\n            style=\"font-size: 1rem;\"\r\n        >\r\n            N\u00E3o possui um keepass?\r\n            <a\r\n                href=\"https://keepass.seg.br/cadastrar\"\r\n                target=\"_blank\"\r\n                [style.color]=\"SystemColorSecondary\"\r\n                style=\"font-size: 1rem;\"\r\n            >\r\n                Cadastre-se.\r\n            </a>\r\n        </p>\r\n    </div>\r\n\r\n    <div class=\"logo-keevo\">\r\n        <img\r\n            src=\"https://work-assets.keevo.com.br/img/keevo-logo.png\"\r\n            [style.height.rem]=\"4\"\r\n        />\r\n    </div>\r\n\r\n</div>", styles: ["@charset \"UTF-8\";:host{overflow:hidden}#kvLogin-container{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;background:no-repeat center;background-size:cover;padding:20px}#kvLogin-esqueceu-senha{position:relative;bottom:.5rem;padding-right:10px}#kvLogin-esqueceu-senha a,#kvLogin-cadastro a{text-decoration:none;font-weight:500;cursor:pointer;gap:3px;transition:text-shadow .2s ease-in-out}#kvLogin-esqueceu-senha a:hover,#kvLogin-cadastro a:hover{text-shadow:0 0 2px rgba(158,158,158,.692)}#kvLogin-login-button{width:100%;height:3rem!important;border-radius:0 0 10px 10px;border:none;cursor:pointer;font-size:14px;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;-moz-transition:all ease-in .2s;-ms-transition:all ease-in .2s;-o-transition:all ease-in .2s}#kvLogin-login-button:hover{opacity:.9}.logo-keevo{position:relative;top:50px}.logo-keevo img{max-width:100%;height:auto}@media (max-height: 700px){.logo-keevo{position:relative;top:10px;margin-bottom:20px}#kvLogin-container{padding:10px}#kvLogin-container img{max-width:90%}}\n"] }]
+            args: [{ selector: 'kv-login', template: "<div\n    id=\"kvLogin-container\"\n    class=\"flex justify-content-center align-items-center flex-column h-screen \"\n    [style.background-image]=\"'url(' + Background + ')'\"\n>\n\n    <!-- CARD PRINCIPAL -->\n    <div\n        [formGroup]=\" formGroup\"\n        class=\"flex flex-column align-items-center justify-content-between bg-white border-round-xl \"\n        [style.width.rem]=\"19\"\n        [style.height.px]=\"435\"\n        (keydown.enter)=\"save()\"\n    >\n\n        <!-- LOGO DO SISTEMA -->\n        <div class=\"flex flex-row align-items-center justify-content-center p-3 mt-2\">\n            <img\n                alt=\"Logo do Sistema\"\n                [style.height.rem]=\"4\"\n                [src]=\"SystemLogo\"\n            />\n        </div>\n\n        <!-- INFORMA\u00C7\u00D5ES CENTRAIS -->\n        <div class=\" grid formgrid p-fluid gap-2 p-3\">\n\n            <div\n                class=\" w-full \"\n                class=\"mb-2\"\n            >\n                <img\n                    [style.height.rem]=\"2.5\"\n                    class=\"ml-2\"\n                    alt=\"keepass\"\n                    src=\"https://work-assets.keevo.com.br/img/keepass-logo.png\"\n                />\n            </div>\n\n            <kv-input-text\n                componentId=\"usuario\"\n                label=\"CPF ou e-mail\"\n                formControlName=\"usuario\"\n                class=\"field col-12\"\n            >\n            </kv-input-text>\n\n            <kv-input-password\n                componentId=\"senha\"\n                label=\"Senha\"\n                [toggleMask]=\"true\"\n                formControlName=\"senha\"\n                [required]=\"true\"\n                class=\"field col-12\"\n            >\n            </kv-input-password>\n\n            <div\n                class=\"flex w-full justify-content-end mb-2\"\n                id=\"kvLogin-esqueceu-senha\"\n            >\n                <a\n                    href=\"https://keepass.seg.br/redefinirsenha\"\n                    target=\"_blank\"\n                    style=\"font-size: 0.8rem;\"\n                    [style.color]=\"SystemColorPrimary\"\n                >\n                    Esqueceu a senha?\n                </a>\n            </div>\n\n        </div>\n\n        <button\n            id=\"kvLogin-login-button\"\n            [style.background-color]=\"SystemColorPrimary\"\n            [style.color]=\"'white'\"\n            class=\"w-full \"\n            (click)=\"save()\"\n            [style.height.px]=\"50\"\n        ><strong>Login</strong></button>\n    </div>\n\n    <div id=\"kvLogin-cadastro\">\n        <p\n            [style.color]=\"SystemColorSecondary\"\n            style=\"font-size: 1rem;\"\n        >\n            N\u00E3o possui um keepass?\n            <a\n                href=\"https://keepass.seg.br/cadastrar\"\n                target=\"_blank\"\n                [style.color]=\"SystemColorSecondary\"\n                style=\"font-size: 1rem;\"\n            >\n                Cadastre-se.\n            </a>\n        </p>\n    </div>\n\n    <div class=\"logo-keevo\">\n        <img\n            src=\"https://work-assets.keevo.com.br/img/keevo-logo.png\"\n            [style.height.rem]=\"4\"\n        />\n    </div>\n\n</div>", styles: ["@charset \"UTF-8\";:host{overflow:hidden}#kvLogin-container{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;background:no-repeat center;background-size:cover;padding:20px}#kvLogin-esqueceu-senha{position:relative;bottom:.5rem;padding-right:10px}#kvLogin-esqueceu-senha a,#kvLogin-cadastro a{text-decoration:none;font-weight:500;cursor:pointer;gap:3px;transition:text-shadow .2s ease-in-out}#kvLogin-esqueceu-senha a:hover,#kvLogin-cadastro a:hover{text-shadow:0 0 2px rgba(158,158,158,.692)}#kvLogin-login-button{width:100%;height:3rem!important;border-radius:0 0 10px 10px;border:none;cursor:pointer;font-size:14px;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;-moz-transition:all ease-in .2s;-ms-transition:all ease-in .2s;-o-transition:all ease-in .2s}#kvLogin-login-button:hover{opacity:.9}.logo-keevo{position:relative;top:50px}.logo-keevo img{max-width:100%;height:auto}@media (max-height: 700px){.logo-keevo{position:relative;top:10px;margin-bottom:20px}#kvLogin-container{padding:10px}#kvLogin-container img{max-width:90%}}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.DialogService }, { type: NotificationService }, { type: i3$1.ActivatedRoute }, { type: i1$3.DynamicDialogRef }, { type: i1$3.DynamicDialogConfig }, { type: i3$1.Router }, { type: i2$1.FormBuilder }], propDecorators: { Background: [{
                 type: Input
             }], SystemLogo: [{
@@ -3824,11 +3828,11 @@ class KvMenuComponent {
         return this.router.url.includes(link);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvMenuComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i3$1.Router }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvMenuComponent, selector: "kv-menu", inputs: { aplicativos: "aplicativos", ultimoAplicativoSelecionado: "ultimoAplicativoSelecionado", breadCrumbItems: "breadCrumbItems", licencas: "licencas", licencaSelecionada: "licencaSelecionada", logoImage: "logoImage", nomeUsuario: "nomeUsuario" }, outputs: { expandMenuEmit: "expandMenuEmit", gerenciarKeePassEvent: "gerenciarKeePassEvent", licencaChange: "licencaChange", sairEvent: "sairEvent", selecionarAplicativoEmit: "selecionarAplicativoEmit", trocarLicencaEmit: "trocarLicencaEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "meusDadosPanel", first: true, predicate: ["meusDadosPanel"], descendants: true }, { propertyName: "sidebarRef", first: true, predicate: ["sidebarRef"], descendants: true }, { propertyName: "sistemasPanel", first: true, predicate: ["sistemasPanel"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n\r\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\r\n\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column mx-1\">\r\n        <div class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\"\r\n          >\r\n            <img\r\n              *ngIf=\"expandMenu\"\r\n              alt=\"Card\"\r\n              [src]=\"logoImage\"\r\n              width=\"150\"\r\n            />\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"toggleMenu()\"\r\n              [pTooltip]=\"expandMenu ? 'Ocultar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                menu\r\n              </i>\r\n            </button>\r\n          </div>\r\n\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"trocarLicenca()\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.licencaSelecionada.nome\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{mascaraNomeLicenca(this.licencaSelecionada.nome)}}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{this.licencaSelecionada.cpfcnpj |\r\n                cpfCnpj }}</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"trocarLicenca()\"\r\n              [pTooltip]=\"'Alterar workspace'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                sync_alt\r\n              </i>\r\n            </button>\r\n\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n        </div>\r\n\r\n        <div\r\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\r\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\r\n          style=\"overflow-y: auto;\"\r\n        >\r\n          <!-- menus -->\r\n          <li *ngFor=\"let menu of menus; let i = index\">\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (mouseenter)=\"onMouseEnter(i)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"!menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"{{verificarPaginaSelecionada(menu.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline {{!expandMenu ? 'justify-content-center' : ''}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n            >\r\n\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"menu.icone\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ menu.descricaomenu }}</span>\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.indmenupai\">\r\n              <a\r\n                (mouseenter)=\"onMouseEnter(i)\"\r\n                (mouseleave)=\"onMouseLeave()\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                class=\"menu-option flex align-items-center {{!expandMenu ? 'justify-content-center' : 'justify-content-between'}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n\r\n                  <i\r\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                    *ngIf=\"menu.icone\"\r\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-medium\"\r\n                    *ngIf=\"expandMenu\"\r\n                  >{{ menu.descricaomenu }}</span>\r\n                </div>\r\n                <i\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\r\n                  *ngIf=\"expandMenu\"\r\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                ></i>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n          <li *ngFor=\"\r\n              let filho of retornarMenuFilhos(menu.idaplicativo, menu.idmenu);  let iFilho = index\r\n            \">\r\n            <a\r\n              (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"callRoute(filho.link)\"\r\n              pRipple\r\n              class=\"{{verificarPaginaSelecionada(filho.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\r\n            >\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                *ngIf=\"filho.icone\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              >\r\n                {{ filho.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ filho.descricaomenu }}</span>\r\n            </a>\r\n          </li>\r\n        </div>\r\n      </div>\r\n</div>\r\n</div>\r\n</ng-template>\r\n</p-sidebar>\r\n\r\n<div\r\n  class=\"w-auto h-screen page-content overflow-y-hidden\"\r\n  id=\"page-content\"\r\n>\r\n\r\n  <div class=\"flex flex-row align-items-center justify-content-between m-3\">\r\n    <div>\r\n      <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length -\r\n        1]?.label}}</p>\r\n      <p-breadcrumb\r\n        *ngIf=\"widthCard > 400\"\r\n        styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\r\n        [model]=\"breadCrumbItems\"\r\n        [style]=\"{backgroundColor: '#d4d3d3'}\"\r\n        (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n      ></p-breadcrumb>\r\n    </div>\r\n\r\n    <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-th-large\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        (click)=\"sistemasPanel.toggle($event)\"\r\n        [pTooltip]=\"'Sistemas'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      ></p-button>\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-user\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n        [tooltipPosition]=\"'left'\"\r\n        (click)=\"meusDadosPanel.toggle($event)\"\r\n      ></p-button>\r\n\r\n    </div>\r\n  </div>\r\n\r\n  <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\r\n      class=\"card-container w-full overflow-y-hidden\"\r\n      [style]=\"{width: widthCard + 'px'}\"\r\n    >\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </p-card>\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  <ng-template pTemplate=\"container\">\r\n    <p class=\"title-style mt-3\">Sistemas</p>\r\n    <div\r\n      class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\r\n      style=\"width: 250px; height: 100%;\"\r\n    >\r\n      <button\r\n        *ngFor=\"let aplicativo of aplicativos\"\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)=\"selecionarAplicativo(aplicativo.idaplicativo)\"\r\n        [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\r\n      </button>\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 ?\r\n      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=\"Acessar Keepass\"\r\n      (onClick)=\"gerenciarKeePass($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n    ></p-button>\r\n    <p-button\r\n      icon=\"pi pi-sign-out\"\r\n      label=\"Sair\"\r\n      (onClick)=\"sair($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n    ></p-button>\r\n  </ng-template>\r\n\r\n</p-overlayPanel>", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}::ng-deep .p-sidebar-left{z-index:auto!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$2.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i5$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: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i10.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i9$1.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i11.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: i12.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "pipe", type: CpfCnpjPipe, name: "cpfCnpj" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvMenuComponent, selector: "kv-menu", inputs: { aplicativos: "aplicativos", ultimoAplicativoSelecionado: "ultimoAplicativoSelecionado", breadCrumbItems: "breadCrumbItems", licencas: "licencas", licencaSelecionada: "licencaSelecionada", logoImage: "logoImage", nomeUsuario: "nomeUsuario" }, outputs: { expandMenuEmit: "expandMenuEmit", gerenciarKeePassEvent: "gerenciarKeePassEvent", licencaChange: "licencaChange", sairEvent: "sairEvent", selecionarAplicativoEmit: "selecionarAplicativoEmit", trocarLicencaEmit: "trocarLicencaEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "meusDadosPanel", first: true, predicate: ["meusDadosPanel"], descendants: true }, { propertyName: "sidebarRef", first: true, predicate: ["sidebarRef"], descendants: true }, { propertyName: "sistemasPanel", first: true, predicate: ["sistemasPanel"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\n\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\n\n  <p-sidebar\n    #sidebarRef\n    [visible]=\"true\"\n    [showCloseIcon]=\"false\"\n    [modal]=\"false\"\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\"\n  >\n    <ng-template pTemplate=\"headless\">\n      <div class=\"flex flex-column mx-1\">\n        <div class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\n          <div\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\"\n          >\n            <img\n              *ngIf=\"expandMenu\"\n              alt=\"Card\"\n              [src]=\"logoImage\"\n              width=\"150\"\n            />\n\n            <button\n              pButton\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n              (click)=\"toggleMenu()\"\n              [pTooltip]=\"expandMenu ? 'Ocultar Menu' : 'Expandir Menu'\"\n              [tooltipPosition]=\"'right'\"\n            >\n              <i class=\"material-symbols-outlined\">\n                menu\n              </i>\n            </button>\n          </div>\n\n          <div\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\"\n          >\n            <div\n              class=\"flex flex-column cursor-pointer\"\n              *ngIf=\"expandMenu\"\n              (click)=\"trocarLicenca()\"\n            >\n              <span\n                class=\"text-sm font-semibold mr-2\"\n                [pTooltip]=\"this.licencaSelecionada.nome\"\n                [tooltipPosition]=\"'right'\"\n              >\n                {{mascaraNomeLicenca(this.licencaSelecionada.nome)}}\n              </span>\n              <span class=\"text-sm mt-1\">{{this.licencaSelecionada.cpfcnpj |\n                cpfCnpj }}</span>\n            </div>\n\n            <button\n              pButton\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n              (click)=\"trocarLicenca()\"\n              [pTooltip]=\"'Alterar workspace'\"\n              [tooltipPosition]=\"'right'\"\n            >\n              <i class=\"material-symbols-outlined\">\n                sync_alt\n              </i>\n            </button>\n\n          </div>\n          <p-divider type=\"solid\"></p-divider>\n        </div>\n\n        <div\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\n          style=\"overflow-y: auto;\"\n        >\n          <!-- menus -->\n          <li *ngFor=\"let menu of menus; let i = index\">\n            <!-- menu que n\u00E3o tem filho -->\n            <a\n              (mouseenter)=\"onMouseEnter(i)\"\n              (mouseleave)=\"onMouseLeave()\"\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n              (click)=\"callRoute(menu.link)\"\n              *ngIf=\"!menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\"\n              pRipple\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n              [tooltipPosition]=\"'right'\"\n              class=\"{{verificarPaginaSelecionada(menu.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline {{!expandMenu ? 'justify-content-center' : ''}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\n            >\n\n              <i\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\n                *ngIf=\"menu.icone\"\n              >\n                {{ menu.icone }}\n              </i>\n              <span\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\n                *ngIf=\"expandMenu\"\n              >{{ menu.descricaomenu }}</span>\n            </a>\n            <!-- menu com filho -->\n            <div *ngIf=\"menu.indmenupai\">\n              <a\n                (mouseenter)=\"onMouseEnter(i)\"\n                (mouseleave)=\"onMouseLeave()\"\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n                pRipple\n                pStyleClass=\"@next\"\n                enterClass=\"hidden\"\n                enterActiveClass=\"slidedown\"\n                leaveToClass=\"hidden\"\n                leaveActiveClass=\"slideup\"\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\"\n                [tooltipPosition]=\"'right'\"\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\"\n              >\n                <div class=\"flex flex-row align-items-center\">\n\n                  <i\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\n                    *ngIf=\"menu.icone\"\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n                  >\n                    {{ menu.icone }}\n                  </i>\n                  <span\n                    class=\"text-base text-blue-900 font-medium\"\n                    *ngIf=\"expandMenu\"\n                  >{{ menu.descricaomenu }}</span>\n                </div>\n                <i\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\n                  *ngIf=\"expandMenu\"\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n                ></i>\n              </a>\n\n              <!-- filhos -->\n              <div\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\"\n              >\n          <li *ngFor=\"\n              let filho of retornarMenuFilhos(menu.idaplicativo, menu.idmenu);  let iFilho = index\n            \">\n            <a\n              (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\n              (mouseleave)=\"onMouseLeave()\"\n              [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\n              *ngIf=\"expandMenu\"\n              (click)=\"callRoute(filho.link)\"\n              pRipple\n              class=\"{{verificarPaginaSelecionada(filho.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\n            >\n              <i\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\n                *ngIf=\"filho.icone\"\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n              >\n                {{ filho.icone }}\n              </i>\n              <span\n                class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\n                *ngIf=\"expandMenu\"\n              >{{ filho.descricaomenu }}</span>\n            </a>\n          </li>\n        </div>\n      </div>\n</div>\n</div>\n</ng-template>\n</p-sidebar>\n\n<div\n  class=\"w-auto h-screen page-content overflow-y-hidden\"\n  id=\"page-content\"\n>\n\n  <div class=\"flex flex-row align-items-center justify-content-between m-3\">\n    <div>\n      <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length -\n        1]?.label}}</p>\n      <p-breadcrumb\n        *ngIf=\"widthCard > 400\"\n        styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\n        [model]=\"breadCrumbItems\"\n        [style]=\"{backgroundColor: '#d4d3d3'}\"\n        (onItemClick)=\"callRoute($event.item.routerLink, true)\"\n      ></p-breadcrumb>\n    </div>\n\n    <div class=\"w-auto flex flex-row align-items-center gap-2\">\n\n      <p-button\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n        icon=\"pi pi-th-large\"\n        [rounded]=\"true\"\n        [text]=\"true\"\n        (click)=\"sistemasPanel.toggle($event)\"\n        [pTooltip]=\"'Sistemas'\"\n        [tooltipPosition]=\"'left'\"\n      ></p-button>\n\n      <p-button\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n        icon=\"pi pi-user\"\n        [rounded]=\"true\"\n        [text]=\"true\"\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n        [tooltipPosition]=\"'left'\"\n        (click)=\"meusDadosPanel.toggle($event)\"\n      ></p-button>\n\n    </div>\n  </div>\n\n  <p-card\n    class=\"card-container\"\n    styleClass=\"m-3 border-noround overflow-y-auto card-container\"\n    [style]=\"{height: heigthCard - ajustarHeigthCard() + 'px'}\"\n  >\n    <div\n      class=\"card-container w-full overflow-y-hidden\"\n      [style]=\"{width: widthCard + 'px'}\"\n    >\n      <ng-content></ng-content>\n    </div>\n  </p-card>\n\n</div>\n\n<p-overlayPanel\n  #sistemasPanel\n  [showTransitionOptions]=\"'350ms ease-out'\"\n  [hideTransitionOptions]=\"'250ms ease-in'\"\n>\n  <ng-template pTemplate=\"container\">\n    <p class=\"title-style mt-3\">Sistemas</p>\n    <div\n      class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\n      style=\"width: 250px; height: 100%;\"\n    >\n      <button\n        *ngFor=\"let aplicativo of aplicativos\"\n        pButton\n        pRipple\n        class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\n        (click)=\"selecionarAplicativo(aplicativo.idaplicativo)\"\n        [pTooltip]=\"aplicativo?.descricaoaplicativo\"\n        [tooltipPosition]=\"'left'\"\n      >\n        {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\n      </button>\n    </div>\n  </ng-template>\n</p-overlayPanel>\n\n<p-overlayPanel\n  #meusDadosPanel\n  [showTransitionOptions]=\"'350ms ease-out'\"\n  [hideTransitionOptions]=\"'250ms ease-in'\"\n>\n\n  <ng-template pTemplate=\"container\">\n\n    <p class=\"title-style mt-3\">Ol\u00E1, {{nomeUsuario ?\n      nomeUsuario.split(' ')[0] : 'Usu\u00E1rio'}}!</p>\n    <div class=\"mt-5 mb-3\">\n\n    </div>\n\n    <p-button\n      icon=\"pi pi-lock\"\n      label=\"Acessar Keepass\"\n      (onClick)=\"gerenciarKeePass($event)\"\n      styleClass=\"border-noround w-full text-blue-900\"\n      [text]=\"true\"\n    ></p-button>\n    <p-button\n      icon=\"pi pi-sign-out\"\n      label=\"Sair\"\n      (onClick)=\"sair($event)\"\n      styleClass=\"border-noround w-full text-blue-900\"\n      [text]=\"true\"\n    ></p-button>\n  </ng-template>\n\n</p-overlayPanel>", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}::ng-deep .p-sidebar-left{z-index:auto!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$2.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i5$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: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i10.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i9$1.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i11.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: i12.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "pipe", type: CpfCnpjPipe, name: "cpfCnpj" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-menu', template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n\r\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\r\n\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column mx-1\">\r\n        <div class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\"\r\n          >\r\n            <img\r\n              *ngIf=\"expandMenu\"\r\n              alt=\"Card\"\r\n              [src]=\"logoImage\"\r\n              width=\"150\"\r\n            />\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"toggleMenu()\"\r\n              [pTooltip]=\"expandMenu ? 'Ocultar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                menu\r\n              </i>\r\n            </button>\r\n          </div>\r\n\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"trocarLicenca()\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.licencaSelecionada.nome\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{mascaraNomeLicenca(this.licencaSelecionada.nome)}}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{this.licencaSelecionada.cpfcnpj |\r\n                cpfCnpj }}</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"trocarLicenca()\"\r\n              [pTooltip]=\"'Alterar workspace'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                sync_alt\r\n              </i>\r\n            </button>\r\n\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n        </div>\r\n\r\n        <div\r\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\r\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\r\n          style=\"overflow-y: auto;\"\r\n        >\r\n          <!-- menus -->\r\n          <li *ngFor=\"let menu of menus; let i = index\">\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (mouseenter)=\"onMouseEnter(i)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"!menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"{{verificarPaginaSelecionada(menu.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline {{!expandMenu ? 'justify-content-center' : ''}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n            >\r\n\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"menu.icone\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ menu.descricaomenu }}</span>\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.indmenupai\">\r\n              <a\r\n                (mouseenter)=\"onMouseEnter(i)\"\r\n                (mouseleave)=\"onMouseLeave()\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                class=\"menu-option flex align-items-center {{!expandMenu ? 'justify-content-center' : 'justify-content-between'}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n\r\n                  <i\r\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                    *ngIf=\"menu.icone\"\r\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-medium\"\r\n                    *ngIf=\"expandMenu\"\r\n                  >{{ menu.descricaomenu }}</span>\r\n                </div>\r\n                <i\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\r\n                  *ngIf=\"expandMenu\"\r\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                ></i>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n          <li *ngFor=\"\r\n              let filho of retornarMenuFilhos(menu.idaplicativo, menu.idmenu);  let iFilho = index\r\n            \">\r\n            <a\r\n              (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"callRoute(filho.link)\"\r\n              pRipple\r\n              class=\"{{verificarPaginaSelecionada(filho.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\r\n            >\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                *ngIf=\"filho.icone\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              >\r\n                {{ filho.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ filho.descricaomenu }}</span>\r\n            </a>\r\n          </li>\r\n        </div>\r\n      </div>\r\n</div>\r\n</div>\r\n</ng-template>\r\n</p-sidebar>\r\n\r\n<div\r\n  class=\"w-auto h-screen page-content overflow-y-hidden\"\r\n  id=\"page-content\"\r\n>\r\n\r\n  <div class=\"flex flex-row align-items-center justify-content-between m-3\">\r\n    <div>\r\n      <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length -\r\n        1]?.label}}</p>\r\n      <p-breadcrumb\r\n        *ngIf=\"widthCard > 400\"\r\n        styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\r\n        [model]=\"breadCrumbItems\"\r\n        [style]=\"{backgroundColor: '#d4d3d3'}\"\r\n        (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n      ></p-breadcrumb>\r\n    </div>\r\n\r\n    <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-th-large\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        (click)=\"sistemasPanel.toggle($event)\"\r\n        [pTooltip]=\"'Sistemas'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      ></p-button>\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-user\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n        [tooltipPosition]=\"'left'\"\r\n        (click)=\"meusDadosPanel.toggle($event)\"\r\n      ></p-button>\r\n\r\n    </div>\r\n  </div>\r\n\r\n  <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\r\n      class=\"card-container w-full overflow-y-hidden\"\r\n      [style]=\"{width: widthCard + 'px'}\"\r\n    >\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </p-card>\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  <ng-template pTemplate=\"container\">\r\n    <p class=\"title-style mt-3\">Sistemas</p>\r\n    <div\r\n      class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\r\n      style=\"width: 250px; height: 100%;\"\r\n    >\r\n      <button\r\n        *ngFor=\"let aplicativo of aplicativos\"\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)=\"selecionarAplicativo(aplicativo.idaplicativo)\"\r\n        [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\r\n      </button>\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 ?\r\n      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=\"Acessar Keepass\"\r\n      (onClick)=\"gerenciarKeePass($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n    ></p-button>\r\n    <p-button\r\n      icon=\"pi pi-sign-out\"\r\n      label=\"Sair\"\r\n      (onClick)=\"sair($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n    ></p-button>\r\n  </ng-template>\r\n\r\n</p-overlayPanel>", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}::ng-deep .p-sidebar-left{z-index:auto!important}\n"] }]
+            args: [{ selector: 'kv-menu', template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\n\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\n\n  <p-sidebar\n    #sidebarRef\n    [visible]=\"true\"\n    [showCloseIcon]=\"false\"\n    [modal]=\"false\"\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\"\n  >\n    <ng-template pTemplate=\"headless\">\n      <div class=\"flex flex-column mx-1\">\n        <div class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\n          <div\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\"\n          >\n            <img\n              *ngIf=\"expandMenu\"\n              alt=\"Card\"\n              [src]=\"logoImage\"\n              width=\"150\"\n            />\n\n            <button\n              pButton\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n              (click)=\"toggleMenu()\"\n              [pTooltip]=\"expandMenu ? 'Ocultar Menu' : 'Expandir Menu'\"\n              [tooltipPosition]=\"'right'\"\n            >\n              <i class=\"material-symbols-outlined\">\n                menu\n              </i>\n            </button>\n          </div>\n\n          <div\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\"\n          >\n            <div\n              class=\"flex flex-column cursor-pointer\"\n              *ngIf=\"expandMenu\"\n              (click)=\"trocarLicenca()\"\n            >\n              <span\n                class=\"text-sm font-semibold mr-2\"\n                [pTooltip]=\"this.licencaSelecionada.nome\"\n                [tooltipPosition]=\"'right'\"\n              >\n                {{mascaraNomeLicenca(this.licencaSelecionada.nome)}}\n              </span>\n              <span class=\"text-sm mt-1\">{{this.licencaSelecionada.cpfcnpj |\n                cpfCnpj }}</span>\n            </div>\n\n            <button\n              pButton\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n              (click)=\"trocarLicenca()\"\n              [pTooltip]=\"'Alterar workspace'\"\n              [tooltipPosition]=\"'right'\"\n            >\n              <i class=\"material-symbols-outlined\">\n                sync_alt\n              </i>\n            </button>\n\n          </div>\n          <p-divider type=\"solid\"></p-divider>\n        </div>\n\n        <div\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\n          style=\"overflow-y: auto;\"\n        >\n          <!-- menus -->\n          <li *ngFor=\"let menu of menus; let i = index\">\n            <!-- menu que n\u00E3o tem filho -->\n            <a\n              (mouseenter)=\"onMouseEnter(i)\"\n              (mouseleave)=\"onMouseLeave()\"\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n              (click)=\"callRoute(menu.link)\"\n              *ngIf=\"!menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\"\n              pRipple\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n              [tooltipPosition]=\"'right'\"\n              class=\"{{verificarPaginaSelecionada(menu.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline {{!expandMenu ? 'justify-content-center' : ''}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\n            >\n\n              <i\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\n                *ngIf=\"menu.icone\"\n              >\n                {{ menu.icone }}\n              </i>\n              <span\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\n                *ngIf=\"expandMenu\"\n              >{{ menu.descricaomenu }}</span>\n            </a>\n            <!-- menu com filho -->\n            <div *ngIf=\"menu.indmenupai\">\n              <a\n                (mouseenter)=\"onMouseEnter(i)\"\n                (mouseleave)=\"onMouseLeave()\"\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n                pRipple\n                pStyleClass=\"@next\"\n                enterClass=\"hidden\"\n                enterActiveClass=\"slidedown\"\n                leaveToClass=\"hidden\"\n                leaveActiveClass=\"slideup\"\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\"\n                [tooltipPosition]=\"'right'\"\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\"\n              >\n                <div class=\"flex flex-row align-items-center\">\n\n                  <i\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\n                    *ngIf=\"menu.icone\"\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n                  >\n                    {{ menu.icone }}\n                  </i>\n                  <span\n                    class=\"text-base text-blue-900 font-medium\"\n                    *ngIf=\"expandMenu\"\n                  >{{ menu.descricaomenu }}</span>\n                </div>\n                <i\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\n                  *ngIf=\"expandMenu\"\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n                ></i>\n              </a>\n\n              <!-- filhos -->\n              <div\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\"\n              >\n          <li *ngFor=\"\n              let filho of retornarMenuFilhos(menu.idaplicativo, menu.idmenu);  let iFilho = index\n            \">\n            <a\n              (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\n              (mouseleave)=\"onMouseLeave()\"\n              [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\n              *ngIf=\"expandMenu\"\n              (click)=\"callRoute(filho.link)\"\n              pRipple\n              class=\"{{verificarPaginaSelecionada(filho.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\n            >\n              <i\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\n                *ngIf=\"filho.icone\"\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n              >\n                {{ filho.icone }}\n              </i>\n              <span\n                class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\n                *ngIf=\"expandMenu\"\n              >{{ filho.descricaomenu }}</span>\n            </a>\n          </li>\n        </div>\n      </div>\n</div>\n</div>\n</ng-template>\n</p-sidebar>\n\n<div\n  class=\"w-auto h-screen page-content overflow-y-hidden\"\n  id=\"page-content\"\n>\n\n  <div class=\"flex flex-row align-items-center justify-content-between m-3\">\n    <div>\n      <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length -\n        1]?.label}}</p>\n      <p-breadcrumb\n        *ngIf=\"widthCard > 400\"\n        styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\n        [model]=\"breadCrumbItems\"\n        [style]=\"{backgroundColor: '#d4d3d3'}\"\n        (onItemClick)=\"callRoute($event.item.routerLink, true)\"\n      ></p-breadcrumb>\n    </div>\n\n    <div class=\"w-auto flex flex-row align-items-center gap-2\">\n\n      <p-button\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n        icon=\"pi pi-th-large\"\n        [rounded]=\"true\"\n        [text]=\"true\"\n        (click)=\"sistemasPanel.toggle($event)\"\n        [pTooltip]=\"'Sistemas'\"\n        [tooltipPosition]=\"'left'\"\n      ></p-button>\n\n      <p-button\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n        icon=\"pi pi-user\"\n        [rounded]=\"true\"\n        [text]=\"true\"\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n        [tooltipPosition]=\"'left'\"\n        (click)=\"meusDadosPanel.toggle($event)\"\n      ></p-button>\n\n    </div>\n  </div>\n\n  <p-card\n    class=\"card-container\"\n    styleClass=\"m-3 border-noround overflow-y-auto card-container\"\n    [style]=\"{height: heigthCard - ajustarHeigthCard() + 'px'}\"\n  >\n    <div\n      class=\"card-container w-full overflow-y-hidden\"\n      [style]=\"{width: widthCard + 'px'}\"\n    >\n      <ng-content></ng-content>\n    </div>\n  </p-card>\n\n</div>\n\n<p-overlayPanel\n  #sistemasPanel\n  [showTransitionOptions]=\"'350ms ease-out'\"\n  [hideTransitionOptions]=\"'250ms ease-in'\"\n>\n  <ng-template pTemplate=\"container\">\n    <p class=\"title-style mt-3\">Sistemas</p>\n    <div\n      class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\n      style=\"width: 250px; height: 100%;\"\n    >\n      <button\n        *ngFor=\"let aplicativo of aplicativos\"\n        pButton\n        pRipple\n        class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\n        (click)=\"selecionarAplicativo(aplicativo.idaplicativo)\"\n        [pTooltip]=\"aplicativo?.descricaoaplicativo\"\n        [tooltipPosition]=\"'left'\"\n      >\n        {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\n      </button>\n    </div>\n  </ng-template>\n</p-overlayPanel>\n\n<p-overlayPanel\n  #meusDadosPanel\n  [showTransitionOptions]=\"'350ms ease-out'\"\n  [hideTransitionOptions]=\"'250ms ease-in'\"\n>\n\n  <ng-template pTemplate=\"container\">\n\n    <p class=\"title-style mt-3\">Ol\u00E1, {{nomeUsuario ?\n      nomeUsuario.split(' ')[0] : 'Usu\u00E1rio'}}!</p>\n    <div class=\"mt-5 mb-3\">\n\n    </div>\n\n    <p-button\n      icon=\"pi pi-lock\"\n      label=\"Acessar Keepass\"\n      (onClick)=\"gerenciarKeePass($event)\"\n      styleClass=\"border-noround w-full text-blue-900\"\n      [text]=\"true\"\n    ></p-button>\n    <p-button\n      icon=\"pi pi-sign-out\"\n      label=\"Sair\"\n      (onClick)=\"sair($event)\"\n      styleClass=\"border-noround w-full text-blue-900\"\n      [text]=\"true\"\n    ></p-button>\n  </ng-template>\n\n</p-overlayPanel>", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}::ng-deep .p-sidebar-left{z-index:auto!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i3$1.Router }, { type: i3$1.ActivatedRoute }], propDecorators: { aplicativos: [{
                 type: Input
             }], ultimoAplicativoSelecionado: [{
@@ -3982,11 +3986,11 @@ class KvModalComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvModalComponent, deps: [{ token: i1$3.DynamicDialogRef }, { token: i1$3.DynamicDialogConfig }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvModalComponent, selector: "kv-modal", inputs: { subHeader: "subHeader", subtitle: "subtitle", actions: "actions", actionsPosition: "actionsPosition" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<!-- RENDERIZA\u00C7\u00C3O DO MODAL -->\r\n<div class=\"col-12 mb-4\" id=\"content-modal\">\r\n    <ng-content></ng-content>\r\n</div>\r\n\r\n<!-- RENDERIZA\u00C7\u00C3O DOS BOT\u00D5ES -->\r\n\r\n<div class=\"bg-white flex flex-row flex-wrap gap-2 p-2 modal-barra-acoes {{justify_content}}\" *ngIf=\"actions\" id=\"actions-field\">\r\n    <kv-button-personalize\r\n        *ngFor=\" let action of actions\"\r\n        [ngClass]=\"action.visible==false?'hidden':''\"\r\n        color=\"{{action.color}}\"\r\n        colorHover=\"{{action.colorHover}}\"\r\n        textColor=\"{{action.textColor}}\"\r\n        icon=\"{{action.icon}}\"\r\n        label=\"{{action.label}}\"\r\n        [disabled]=\"action.disabled || false\"\r\n        (onClick)=\"clickExecute(action)\"\r\n    />\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}.modal-barra-acoes{position:fixed;bottom:0;left:0;right:0;z-index:999;margin-right:1.5rem}\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: "component", type: KvButtonPersonalizeComponent, selector: "kv-button-personalize", inputs: ["colorHover", "textColor"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvModalComponent, selector: "kv-modal", inputs: { subHeader: "subHeader", subtitle: "subtitle", actions: "actions", actionsPosition: "actionsPosition" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<!-- RENDERIZA\u00C7\u00C3O DO MODAL -->\n<div class=\"col-12 mb-4\" id=\"content-modal\">\n    <ng-content></ng-content>\n</div>\n\n<!-- RENDERIZA\u00C7\u00C3O DOS BOT\u00D5ES -->\n\n<div class=\"bg-white flex flex-row flex-wrap gap-2 p-2 modal-barra-acoes {{justify_content}}\" *ngIf=\"actions\" id=\"actions-field\">\n    <kv-button-personalize\n        *ngFor=\" let action of actions\"\n        [ngClass]=\"action.visible==false?'hidden':''\"\n        color=\"{{action.color}}\"\n        colorHover=\"{{action.colorHover}}\"\n        textColor=\"{{action.textColor}}\"\n        icon=\"{{action.icon}}\"\n        label=\"{{action.label}}\"\n        [disabled]=\"action.disabled || false\"\n        (onClick)=\"clickExecute(action)\"\n    />\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}.modal-barra-acoes{position:fixed;bottom:0;left:0;right:0;z-index:999;margin-right:1.5rem}\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: "component", type: KvButtonPersonalizeComponent, selector: "kv-button-personalize", inputs: ["colorHover", "textColor"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-modal', template: "<!-- RENDERIZA\u00C7\u00C3O DO MODAL -->\r\n<div class=\"col-12 mb-4\" id=\"content-modal\">\r\n    <ng-content></ng-content>\r\n</div>\r\n\r\n<!-- RENDERIZA\u00C7\u00C3O DOS BOT\u00D5ES -->\r\n\r\n<div class=\"bg-white flex flex-row flex-wrap gap-2 p-2 modal-barra-acoes {{justify_content}}\" *ngIf=\"actions\" id=\"actions-field\">\r\n    <kv-button-personalize\r\n        *ngFor=\" let action of actions\"\r\n        [ngClass]=\"action.visible==false?'hidden':''\"\r\n        color=\"{{action.color}}\"\r\n        colorHover=\"{{action.colorHover}}\"\r\n        textColor=\"{{action.textColor}}\"\r\n        icon=\"{{action.icon}}\"\r\n        label=\"{{action.label}}\"\r\n        [disabled]=\"action.disabled || false\"\r\n        (onClick)=\"clickExecute(action)\"\r\n    />\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}.modal-barra-acoes{position:fixed;bottom:0;left:0;right:0;z-index:999;margin-right:1.5rem}\n"] }]
+            args: [{ selector: 'kv-modal', template: "<!-- RENDERIZA\u00C7\u00C3O DO MODAL -->\n<div class=\"col-12 mb-4\" id=\"content-modal\">\n    <ng-content></ng-content>\n</div>\n\n<!-- RENDERIZA\u00C7\u00C3O DOS BOT\u00D5ES -->\n\n<div class=\"bg-white flex flex-row flex-wrap gap-2 p-2 modal-barra-acoes {{justify_content}}\" *ngIf=\"actions\" id=\"actions-field\">\n    <kv-button-personalize\n        *ngFor=\" let action of actions\"\n        [ngClass]=\"action.visible==false?'hidden':''\"\n        color=\"{{action.color}}\"\n        colorHover=\"{{action.colorHover}}\"\n        textColor=\"{{action.textColor}}\"\n        icon=\"{{action.icon}}\"\n        label=\"{{action.label}}\"\n        [disabled]=\"action.disabled || false\"\n        (onClick)=\"clickExecute(action)\"\n    />\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}.modal-barra-acoes{position:fixed;bottom:0;left:0;right:0;z-index:999;margin-right:1.5rem}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.DynamicDialogRef }, { type: i1$3.DynamicDialogConfig }], propDecorators: { subHeader: [{
                 type: Input
             }], subtitle: [{
@@ -4096,11 +4100,11 @@ class KvOrgchartComponent {
         this.chart.compact(this.compact).render();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvOrgchartComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvOrgchartComponent, 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: i5$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvOrgchartComponent, 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}\">\n\n\n  <div class=\"div-botoes w-full flex gap-1\" >\n\n\n    <span *ngIf=\"!mostraMenu\" class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\n    (click)=\"mostraMenu = !mostraMenu\" pTooltip=\"Expandir menu\">menu</span>\n\n\n\n    <span *ngIf=\"mostraMenu\" class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\n    (click)=\"mostraMenu = !mostraMenu\" pTooltip=\"Recolher menu\">menu_open</span>\n\n    <div *ngIf=\"mostraMenu\">\n      <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\n      (click)=\"chart.zoomIn()\" pTooltip=\"Zoom +\">zoom_in</span>\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\n      (click)=\"chart.zoomOut()\" pTooltip=\"Zoom -\">zoom_out</span>\n\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\n      (click)=\"chart.collapseAll()\" pTooltip=\"Expandir\">expand_less</span>\n\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\n      (click)=\"chart.expandAll()\" pTooltip=\"Recolher\">expand_more</span>\n\n\n    <!-- <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\n      (click)=\"compactSwap()\" pTooltip=\"Compactar\">cached</span> -->\n\n    <span class=\"material-icons surface-300 shadow-4 p-1 m-2 border-circle cursor-pointer\"\n      (click)=\"chart.fit().render()\" pTooltip=\"Centralizar\">\n      filter_center_focus\n    </span>\n\n    <span class=\"material-icons surface-300 shadow-4 p-1 m-2 border-circle cursor-pointer\"\n      (click)=\"chart.fullscreen('#chartContainer')\" pTooltip=\"Tela cheia\" >\n      fullscreen\n    </span>\n\n    </div>\n\n\n  </div>\n\n\n</div>\n\n\n<link\n  rel=\"stylesheet\"\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\n/>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\n/>\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: i5$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: "17.3.8", ngImport: i0, type: KvOrgchartComponent, 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"] }]
+            args: [{ selector: 'kv-orgchart', template: "<div #chartContainer id=\"chartContainer\" [ngClass]=\"{'backGround': true}\">\n\n\n  <div class=\"div-botoes w-full flex gap-1\" >\n\n\n    <span *ngIf=\"!mostraMenu\" class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\n    (click)=\"mostraMenu = !mostraMenu\" pTooltip=\"Expandir menu\">menu</span>\n\n\n\n    <span *ngIf=\"mostraMenu\" class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\n    (click)=\"mostraMenu = !mostraMenu\" pTooltip=\"Recolher menu\">menu_open</span>\n\n    <div *ngIf=\"mostraMenu\">\n      <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\n      (click)=\"chart.zoomIn()\" pTooltip=\"Zoom +\">zoom_in</span>\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\n      (click)=\"chart.zoomOut()\" pTooltip=\"Zoom -\">zoom_out</span>\n\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\n      (click)=\"chart.collapseAll()\" pTooltip=\"Expandir\">expand_less</span>\n\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\n      (click)=\"chart.expandAll()\" pTooltip=\"Recolher\">expand_more</span>\n\n\n    <!-- <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\n      (click)=\"compactSwap()\" pTooltip=\"Compactar\">cached</span> -->\n\n    <span class=\"material-icons surface-300 shadow-4 p-1 m-2 border-circle cursor-pointer\"\n      (click)=\"chart.fit().render()\" pTooltip=\"Centralizar\">\n      filter_center_focus\n    </span>\n\n    <span class=\"material-icons surface-300 shadow-4 p-1 m-2 border-circle cursor-pointer\"\n      (click)=\"chart.fullscreen('#chartContainer')\" pTooltip=\"Tela cheia\" >\n      fullscreen\n    </span>\n\n    </div>\n\n\n  </div>\n\n\n</div>\n\n\n<link\n  rel=\"stylesheet\"\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\n/>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\n/>\n", styles: ["#chartContainer{height:100%;overflow:hidden}:host ::ng-deep #chartContainer svg.svg-chart-container{height:100%!important;position:relative;width:100%;top:-56px;z-index:0;background-color:#fff}.div-botoes{z-index:1;width:100%;position:relative}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { chartContainer: [{
                 type: ViewChild,
                 args: ['chartContainer']
@@ -4237,11 +4241,11 @@ class KvPageFormComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPageFormComponent, deps: [{ token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvPageFormComponent, selector: "kv-page-form", inputs: { formGroup: "formGroup", TituloForm: "TituloForm", SubTituloForm: "SubTituloForm", isSaveLoading: "isSaveLoading", popup: "popup", locationUseComponent: "locationUseComponent", iconBtnCancel: "iconBtnCancel", showBtnCancel: "showBtnCancel", txtBtnCancel: "txtBtnCancel", actionsCancelToogle: "actionsCancelToogle", iconBtnCancelToogle: "iconBtnCancelToogle", showBtnCancelToogle: "showBtnCancelToogle", txtBtnCancelToogle: "txtBtnCancelToogle", iconBtnSave: "iconBtnSave", showBtnSave: "showBtnSave", txtBtnSave: "txtBtnSave", disableBtnSave: "disableBtnSave", actionsSaveToogle: "actionsSaveToogle", iconBtnSaveToogle: "iconBtnSaveToogle", showBtnSaveToogle: "showBtnSaveToogle", txtBtnSaveToogle: "txtBtnSaveToogle", actionsToogle: "actionsToogle", iconBtnToogle: "iconBtnToogle", showBtnToogle: "showBtnToogle", txtBtnToogle: "txtBtnToogle", disableBtnToogle: "disableBtnToogle", positionBtnToogle: "positionBtnToogle", classBtnToogle: "classBtnToogle", disableBtnSair: "disableBtnSair" }, outputs: { onSave: "onSave", onCancel: "onCancel" }, ngImport: i0, template: "<div\r\n  [formGroup]=\"formGroup\"\r\n  class=\"grid-nogutter m-0\"\r\n  id=\"page-form-container\"\r\n>\r\n\r\n  <!-- Renderiza\u00E7\u00E3o do form -->\r\n  <div class=\"col-12 p-0\" id=\"page-form-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Divider -->\r\n  <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n  <!-- Barra de a\u00E7\u00F5es -->\r\n  <div class=\"flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid\">\r\n\r\n    @if(positionBtnToogle == 'start'){\r\n      <kv-button-popup\r\n        *ngIf=\"actionsToogle && showBtnToogle\"\r\n        [label]=\"txtBtnToogle\"\r\n        [icon]=\"iconBtnToogle\"\r\n        (click)=\"menuToogle.toggle($event)\"\r\n        [disabled]=\"disableBtnToogle\"\r\n        class=\"w-full lg:w-auto\"\r\n        classBtn=\"{{classBtnToogle}}\"\r\n      >\r\n      </kv-button-popup>\r\n      <p-menu\r\n        #menuToogle\r\n        [popup]=\"true\"\r\n        [model]=\"actionsToogle\"\r\n        appendTo=\"body\"\r\n        class=\"w-full lg:w-auto\"\r\n      ></p-menu>\r\n    }\r\n\r\n    <kv-button-popup\r\n        *ngIf=\"actionsCancelToogle && showBtnCancelToogle\"\r\n        [label]=\"txtBtnCancelToogle\"\r\n        [icon]=\"iconBtnCancelToogle\"\r\n        (click)=\"menuCancel.toggle($event)\"\r\n        class=\"w-full lg:w-auto\"\r\n        [classBtn]=\"'btn-secondary border-300'\"\r\n      >\r\n      </kv-button-popup>\r\n      <p-menu\r\n        #menuCancel\r\n        [popup]=\"true\"\r\n        [model]=\"actionsCancelToogle\"\r\n        appendTo=\"body\"\r\n        class=\"w-full lg:w-auto\"\r\n      ></p-menu>\r\n\r\n    <kv-button-secondary\r\n      *ngIf=\"showBtnCancel\"\r\n      [label]=\"txtBtnCancel\"\r\n      [icon]=\"iconBtnCancel\"\r\n      [disabled]=\"isSaveLoading\"\r\n      (click)=\"cancel($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-secondary>\r\n\r\n    <kv-button-success\r\n      *ngIf=\"showBtnSave\"\r\n      [label]=\"txtBtnSave\"\r\n      [icon]=\"iconBtnSave\"\r\n      [disabled]=\"disableBtnSave\"\r\n      [loading]=\"isSaveLoading\"\r\n      (click)=\"!disableBtnSave ? save($event) : ''\"\r\n      class=\"w-full lg:w-auto\"\r\n    />\r\n\r\n\r\n    <kv-button-popup\r\n      *ngIf=\"actionsSaveToogle && showBtnSaveToogle\"\r\n      [label]=\"txtBtnSaveToogle\"\r\n      [icon]=\"iconBtnSaveToogle\"\r\n      (click)=\"menuSave.toggle($event)\"\r\n      [loading]=\"isSaveLoading\"\r\n      class=\"w-full lg:w-auto\"\r\n      [classBtn]=\"'btn-success border-green-500'\"\r\n    >\r\n    </kv-button-popup>\r\n\r\n    <p-menu\r\n      #menuSave\r\n      [popup]=\"true\"\r\n      [model]=\"actionsSaveToogle\"\r\n      appendTo=\"body\"\r\n      class=\"w-full lg:w-auto\"\r\n    ></p-menu>\r\n\r\n\r\n    @if(positionBtnToogle == 'end'){\r\n      <kv-button-popup\r\n        *ngIf=\"actionsToogle && showBtnToogle\"\r\n        [label]=\"txtBtnToogle\"\r\n        [icon]=\"iconBtnToogle\"\r\n        (click)=\"menuToogle.toggle($event)\"\r\n        [disabled]=\"disableBtnToogle\"\r\n        class=\"w-full lg:w-auto\"\r\n        classBtn=\"{{classBtnToogle}}\"\r\n      >\r\n      </kv-button-popup>\r\n      <p-menu\r\n        #menuToogle\r\n        [popup]=\"true\"\r\n        [model]=\"actionsToogle\"\r\n        appendTo=\"body\"\r\n        class=\"w-full lg:w-auto\"\r\n      ></p-menu>\r\n    }\r\n  </div>\r\n\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: KvButtonSecondaryComponent, selector: "kv-button-secondary" }, { kind: "component", type: KvButtonSuccessComponent, selector: "kv-button-success" }, { kind: "component", type: KvButtonPopupComponent, selector: "kv-button-popup", inputs: ["items", "classBtn"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvPageFormComponent, selector: "kv-page-form", inputs: { formGroup: "formGroup", TituloForm: "TituloForm", SubTituloForm: "SubTituloForm", isSaveLoading: "isSaveLoading", popup: "popup", locationUseComponent: "locationUseComponent", iconBtnCancel: "iconBtnCancel", showBtnCancel: "showBtnCancel", txtBtnCancel: "txtBtnCancel", actionsCancelToogle: "actionsCancelToogle", iconBtnCancelToogle: "iconBtnCancelToogle", showBtnCancelToogle: "showBtnCancelToogle", txtBtnCancelToogle: "txtBtnCancelToogle", iconBtnSave: "iconBtnSave", showBtnSave: "showBtnSave", txtBtnSave: "txtBtnSave", disableBtnSave: "disableBtnSave", actionsSaveToogle: "actionsSaveToogle", iconBtnSaveToogle: "iconBtnSaveToogle", showBtnSaveToogle: "showBtnSaveToogle", txtBtnSaveToogle: "txtBtnSaveToogle", actionsToogle: "actionsToogle", iconBtnToogle: "iconBtnToogle", showBtnToogle: "showBtnToogle", txtBtnToogle: "txtBtnToogle", disableBtnToogle: "disableBtnToogle", positionBtnToogle: "positionBtnToogle", classBtnToogle: "classBtnToogle", disableBtnSair: "disableBtnSair" }, outputs: { onSave: "onSave", onCancel: "onCancel" }, ngImport: i0, template: "<div\n  [formGroup]=\"formGroup\"\n  class=\"grid-nogutter m-0\"\n  id=\"page-form-container\"\n>\n\n  <!-- Renderiza\u00E7\u00E3o do form -->\n  <div class=\"col-12 p-0\" id=\"page-form-content\">\n    <ng-content></ng-content>\n  </div>\n\n  <!-- Divider -->\n  <!-- <p-divider class=\"col-12\"></p-divider> -->\n\n  <!-- Barra de a\u00E7\u00F5es -->\n  <div class=\"flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid\">\n\n    @if(positionBtnToogle == 'start'){\n      <kv-button-popup\n        *ngIf=\"actionsToogle && showBtnToogle\"\n        [label]=\"txtBtnToogle\"\n        [icon]=\"iconBtnToogle\"\n        (click)=\"menuToogle.toggle($event)\"\n        [disabled]=\"disableBtnToogle\"\n        class=\"w-full lg:w-auto\"\n        classBtn=\"{{classBtnToogle}}\"\n      >\n      </kv-button-popup>\n      <p-menu\n        #menuToogle\n        [popup]=\"true\"\n        [model]=\"actionsToogle\"\n        appendTo=\"body\"\n        class=\"w-full lg:w-auto\"\n      ></p-menu>\n    }\n\n    <kv-button-popup\n        *ngIf=\"actionsCancelToogle && showBtnCancelToogle\"\n        [label]=\"txtBtnCancelToogle\"\n        [icon]=\"iconBtnCancelToogle\"\n        (click)=\"menuCancel.toggle($event)\"\n        class=\"w-full lg:w-auto\"\n        [classBtn]=\"'btn-secondary border-300'\"\n      >\n      </kv-button-popup>\n      <p-menu\n        #menuCancel\n        [popup]=\"true\"\n        [model]=\"actionsCancelToogle\"\n        appendTo=\"body\"\n        class=\"w-full lg:w-auto\"\n      ></p-menu>\n\n    <kv-button-secondary\n      *ngIf=\"showBtnCancel\"\n      [label]=\"txtBtnCancel\"\n      [icon]=\"iconBtnCancel\"\n      [disabled]=\"isSaveLoading\"\n      (click)=\"cancel($event)\"\n      class=\"w-full lg:w-auto\"\n    >\n    </kv-button-secondary>\n\n    <kv-button-success\n      *ngIf=\"showBtnSave\"\n      [label]=\"txtBtnSave\"\n      [icon]=\"iconBtnSave\"\n      [disabled]=\"disableBtnSave\"\n      [loading]=\"isSaveLoading\"\n      (click)=\"!disableBtnSave ? save($event) : ''\"\n      class=\"w-full lg:w-auto\"\n    />\n\n\n    <kv-button-popup\n      *ngIf=\"actionsSaveToogle && showBtnSaveToogle\"\n      [label]=\"txtBtnSaveToogle\"\n      [icon]=\"iconBtnSaveToogle\"\n      (click)=\"menuSave.toggle($event)\"\n      [loading]=\"isSaveLoading\"\n      class=\"w-full lg:w-auto\"\n      [classBtn]=\"'btn-success border-green-500'\"\n    >\n    </kv-button-popup>\n\n    <p-menu\n      #menuSave\n      [popup]=\"true\"\n      [model]=\"actionsSaveToogle\"\n      appendTo=\"body\"\n      class=\"w-full lg:w-auto\"\n    ></p-menu>\n\n\n    @if(positionBtnToogle == 'end'){\n      <kv-button-popup\n        *ngIf=\"actionsToogle && showBtnToogle\"\n        [label]=\"txtBtnToogle\"\n        [icon]=\"iconBtnToogle\"\n        (click)=\"menuToogle.toggle($event)\"\n        [disabled]=\"disableBtnToogle\"\n        class=\"w-full lg:w-auto\"\n        classBtn=\"{{classBtnToogle}}\"\n      >\n      </kv-button-popup>\n      <p-menu\n        #menuToogle\n        [popup]=\"true\"\n        [model]=\"actionsToogle\"\n        appendTo=\"body\"\n        class=\"w-full lg:w-auto\"\n      ></p-menu>\n    }\n  </div>\n\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: KvButtonSecondaryComponent, selector: "kv-button-secondary" }, { kind: "component", type: KvButtonSuccessComponent, selector: "kv-button-success" }, { kind: "component", type: KvButtonPopupComponent, selector: "kv-button-popup", inputs: ["items", "classBtn"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPageFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-page-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  [formGroup]=\"formGroup\"\r\n  class=\"grid-nogutter m-0\"\r\n  id=\"page-form-container\"\r\n>\r\n\r\n  <!-- Renderiza\u00E7\u00E3o do form -->\r\n  <div class=\"col-12 p-0\" id=\"page-form-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Divider -->\r\n  <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n  <!-- Barra de a\u00E7\u00F5es -->\r\n  <div class=\"flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid\">\r\n\r\n    @if(positionBtnToogle == 'start'){\r\n      <kv-button-popup\r\n        *ngIf=\"actionsToogle && showBtnToogle\"\r\n        [label]=\"txtBtnToogle\"\r\n        [icon]=\"iconBtnToogle\"\r\n        (click)=\"menuToogle.toggle($event)\"\r\n        [disabled]=\"disableBtnToogle\"\r\n        class=\"w-full lg:w-auto\"\r\n        classBtn=\"{{classBtnToogle}}\"\r\n      >\r\n      </kv-button-popup>\r\n      <p-menu\r\n        #menuToogle\r\n        [popup]=\"true\"\r\n        [model]=\"actionsToogle\"\r\n        appendTo=\"body\"\r\n        class=\"w-full lg:w-auto\"\r\n      ></p-menu>\r\n    }\r\n\r\n    <kv-button-popup\r\n        *ngIf=\"actionsCancelToogle && showBtnCancelToogle\"\r\n        [label]=\"txtBtnCancelToogle\"\r\n        [icon]=\"iconBtnCancelToogle\"\r\n        (click)=\"menuCancel.toggle($event)\"\r\n        class=\"w-full lg:w-auto\"\r\n        [classBtn]=\"'btn-secondary border-300'\"\r\n      >\r\n      </kv-button-popup>\r\n      <p-menu\r\n        #menuCancel\r\n        [popup]=\"true\"\r\n        [model]=\"actionsCancelToogle\"\r\n        appendTo=\"body\"\r\n        class=\"w-full lg:w-auto\"\r\n      ></p-menu>\r\n\r\n    <kv-button-secondary\r\n      *ngIf=\"showBtnCancel\"\r\n      [label]=\"txtBtnCancel\"\r\n      [icon]=\"iconBtnCancel\"\r\n      [disabled]=\"isSaveLoading\"\r\n      (click)=\"cancel($event)\"\r\n      class=\"w-full lg:w-auto\"\r\n    >\r\n    </kv-button-secondary>\r\n\r\n    <kv-button-success\r\n      *ngIf=\"showBtnSave\"\r\n      [label]=\"txtBtnSave\"\r\n      [icon]=\"iconBtnSave\"\r\n      [disabled]=\"disableBtnSave\"\r\n      [loading]=\"isSaveLoading\"\r\n      (click)=\"!disableBtnSave ? save($event) : ''\"\r\n      class=\"w-full lg:w-auto\"\r\n    />\r\n\r\n\r\n    <kv-button-popup\r\n      *ngIf=\"actionsSaveToogle && showBtnSaveToogle\"\r\n      [label]=\"txtBtnSaveToogle\"\r\n      [icon]=\"iconBtnSaveToogle\"\r\n      (click)=\"menuSave.toggle($event)\"\r\n      [loading]=\"isSaveLoading\"\r\n      class=\"w-full lg:w-auto\"\r\n      [classBtn]=\"'btn-success border-green-500'\"\r\n    >\r\n    </kv-button-popup>\r\n\r\n    <p-menu\r\n      #menuSave\r\n      [popup]=\"true\"\r\n      [model]=\"actionsSaveToogle\"\r\n      appendTo=\"body\"\r\n      class=\"w-full lg:w-auto\"\r\n    ></p-menu>\r\n\r\n\r\n    @if(positionBtnToogle == 'end'){\r\n      <kv-button-popup\r\n        *ngIf=\"actionsToogle && showBtnToogle\"\r\n        [label]=\"txtBtnToogle\"\r\n        [icon]=\"iconBtnToogle\"\r\n        (click)=\"menuToogle.toggle($event)\"\r\n        [disabled]=\"disableBtnToogle\"\r\n        class=\"w-full lg:w-auto\"\r\n        classBtn=\"{{classBtnToogle}}\"\r\n      >\r\n      </kv-button-popup>\r\n      <p-menu\r\n        #menuToogle\r\n        [popup]=\"true\"\r\n        [model]=\"actionsToogle\"\r\n        appendTo=\"body\"\r\n        class=\"w-full lg:w-auto\"\r\n      ></p-menu>\r\n    }\r\n  </div>\r\n\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}\n"] }]
+            args: [{ selector: 'kv-page-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  [formGroup]=\"formGroup\"\n  class=\"grid-nogutter m-0\"\n  id=\"page-form-container\"\n>\n\n  <!-- Renderiza\u00E7\u00E3o do form -->\n  <div class=\"col-12 p-0\" id=\"page-form-content\">\n    <ng-content></ng-content>\n  </div>\n\n  <!-- Divider -->\n  <!-- <p-divider class=\"col-12\"></p-divider> -->\n\n  <!-- Barra de a\u00E7\u00F5es -->\n  <div class=\"flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid\">\n\n    @if(positionBtnToogle == 'start'){\n      <kv-button-popup\n        *ngIf=\"actionsToogle && showBtnToogle\"\n        [label]=\"txtBtnToogle\"\n        [icon]=\"iconBtnToogle\"\n        (click)=\"menuToogle.toggle($event)\"\n        [disabled]=\"disableBtnToogle\"\n        class=\"w-full lg:w-auto\"\n        classBtn=\"{{classBtnToogle}}\"\n      >\n      </kv-button-popup>\n      <p-menu\n        #menuToogle\n        [popup]=\"true\"\n        [model]=\"actionsToogle\"\n        appendTo=\"body\"\n        class=\"w-full lg:w-auto\"\n      ></p-menu>\n    }\n\n    <kv-button-popup\n        *ngIf=\"actionsCancelToogle && showBtnCancelToogle\"\n        [label]=\"txtBtnCancelToogle\"\n        [icon]=\"iconBtnCancelToogle\"\n        (click)=\"menuCancel.toggle($event)\"\n        class=\"w-full lg:w-auto\"\n        [classBtn]=\"'btn-secondary border-300'\"\n      >\n      </kv-button-popup>\n      <p-menu\n        #menuCancel\n        [popup]=\"true\"\n        [model]=\"actionsCancelToogle\"\n        appendTo=\"body\"\n        class=\"w-full lg:w-auto\"\n      ></p-menu>\n\n    <kv-button-secondary\n      *ngIf=\"showBtnCancel\"\n      [label]=\"txtBtnCancel\"\n      [icon]=\"iconBtnCancel\"\n      [disabled]=\"isSaveLoading\"\n      (click)=\"cancel($event)\"\n      class=\"w-full lg:w-auto\"\n    >\n    </kv-button-secondary>\n\n    <kv-button-success\n      *ngIf=\"showBtnSave\"\n      [label]=\"txtBtnSave\"\n      [icon]=\"iconBtnSave\"\n      [disabled]=\"disableBtnSave\"\n      [loading]=\"isSaveLoading\"\n      (click)=\"!disableBtnSave ? save($event) : ''\"\n      class=\"w-full lg:w-auto\"\n    />\n\n\n    <kv-button-popup\n      *ngIf=\"actionsSaveToogle && showBtnSaveToogle\"\n      [label]=\"txtBtnSaveToogle\"\n      [icon]=\"iconBtnSaveToogle\"\n      (click)=\"menuSave.toggle($event)\"\n      [loading]=\"isSaveLoading\"\n      class=\"w-full lg:w-auto\"\n      [classBtn]=\"'btn-success border-green-500'\"\n    >\n    </kv-button-popup>\n\n    <p-menu\n      #menuSave\n      [popup]=\"true\"\n      [model]=\"actionsSaveToogle\"\n      appendTo=\"body\"\n      class=\"w-full lg:w-auto\"\n    ></p-menu>\n\n\n    @if(positionBtnToogle == 'end'){\n      <kv-button-popup\n        *ngIf=\"actionsToogle && showBtnToogle\"\n        [label]=\"txtBtnToogle\"\n        [icon]=\"iconBtnToogle\"\n        (click)=\"menuToogle.toggle($event)\"\n        [disabled]=\"disableBtnToogle\"\n        class=\"w-full lg:w-auto\"\n        classBtn=\"{{classBtnToogle}}\"\n      >\n      </kv-button-popup>\n      <p-menu\n        #menuToogle\n        [popup]=\"true\"\n        [model]=\"actionsToogle\"\n        appendTo=\"body\"\n        class=\"w-full lg:w-auto\"\n      ></p-menu>\n    }\n  </div>\n\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}\n"] }]
         }], ctorParameters: () => [{ type: i2$1.FormBuilder }], propDecorators: { formGroup: [{
                 type: Input
             }], TituloForm: [{
@@ -4352,11 +4356,11 @@ class KvPickListComponent {
     ngOnInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPickListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvPickListComponent, selector: "kv-picklist", inputs: { breakpoint: "breakpoint", dragdrop: "dragdrop", filterBy: "filterBy", itemTemplate: "itemTemplate", responsive: "responsive", source: "source", sourceHeader: "sourceHeader", sourceStyle: "sourceStyle", stripedRows: "stripedRows", target: "target", targetHeader: "targetHeader", targetStyle: "targetStyle", showSourceControls: "showSourceControls", showTargetControls: "showTargetControls" }, 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    [showSourceControls]=\"showSourceControls\"\r\n    [showTargetControls]=\"showTargetControls\"\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:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$2.PickList, selector: "p-pickList", inputs: ["source", "target", "sourceHeader", "tabindex", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "stripedRows", "keepSelection", "breakpoint"], outputs: ["onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter", "onFocus", "onBlur"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvPickListComponent, selector: "kv-picklist", inputs: { breakpoint: "breakpoint", dragdrop: "dragdrop", filterBy: "filterBy", itemTemplate: "itemTemplate", responsive: "responsive", source: "source", sourceHeader: "sourceHeader", sourceStyle: "sourceStyle", stripedRows: "stripedRows", target: "target", targetHeader: "targetHeader", targetStyle: "targetStyle", showSourceControls: "showSourceControls", showTargetControls: "showTargetControls" }, ngImport: i0, template: "<p-pickList\n    [source]=\"source\"\n    [sourceHeader]=\"sourceHeader\"\n    [sourceStyle]=\"sourceStyle\"\n    [target]=\"target\"\n    [targetHeader]=\"targetHeader\"\n    [targetStyle]=\"targetStyle\"\n    [dragdrop]=\"dragdrop\"\n    [responsive]=\"responsive\"\n    [filterBy]=\"filterBy\"\n    [breakpoint]=\"breakpoint\"\n    [stripedRows]=\"stripedRows\"\n    [showSourceControls]=\"showSourceControls\"\n    [showTargetControls]=\"showTargetControls\"\n>\n    <ng-template let-item pTemplate=\"item\" *ngIf=\"itemTemplate\">\n        <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\n    </ng-template>\n</p-pickList>\n", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$2.PickList, selector: "p-pickList", inputs: ["source", "target", "sourceHeader", "tabindex", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "stripedRows", "keepSelection", "breakpoint"], outputs: ["onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter", "onFocus", "onBlur"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPickListComponent, 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    [showSourceControls]=\"showSourceControls\"\r\n    [showTargetControls]=\"showTargetControls\"\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:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-picklist', template: "<p-pickList\n    [source]=\"source\"\n    [sourceHeader]=\"sourceHeader\"\n    [sourceStyle]=\"sourceStyle\"\n    [target]=\"target\"\n    [targetHeader]=\"targetHeader\"\n    [targetStyle]=\"targetStyle\"\n    [dragdrop]=\"dragdrop\"\n    [responsive]=\"responsive\"\n    [filterBy]=\"filterBy\"\n    [breakpoint]=\"breakpoint\"\n    [stripedRows]=\"stripedRows\"\n    [showSourceControls]=\"showSourceControls\"\n    [showTargetControls]=\"showTargetControls\"\n>\n    <ng-template let-item pTemplate=\"item\" *ngIf=\"itemTemplate\">\n        <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\n    </ng-template>\n</p-pickList>\n", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { breakpoint: [{
                 type: Input
             }], dragdrop: [{
@@ -4437,11 +4441,11 @@ class ProgressBarComponent {
         this.mode = 'determinate';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: ProgressBarComponent, selector: "kv-progress-bar", inputs: { value: "value", maxValue: "maxValue", label: "label", showValue: "showValue", showLabel: "showLabel", styleClass: "styleClass", labelStyleClass: "labelStyleClass", barStyleClass: "barStyleClass", style: "style", unit: "unit", mode: "mode", color: "color" }, ngImport: i0, template: "<div\r\n    role=\"progressbar\"\r\n    [class]=\"styleClass ? styleClass : ''\"\r\n    [ngStyle]=\"style\"\r\n    [attr.aria-valuemin]=\"0\"\r\n    [attr.aria-valuenow]=\"value\"\r\n    [attr.aria-valuemax]=\"100\"\r\n    [attr.data-pc-name]=\"'progressbar'\"\r\n    [attr.data-pc-section]=\"'root'\"\r\n    [ngClass]=\"{ 'p-progressbar p-component': true, 'p-progressbar-determinate': mode === 'determinate', 'p-progressbar-indeterminate': mode === 'indeterminate' }\"\r\n>\r\n    <div \r\n        *ngIf=\"mode === 'determinate'\" \r\n        class=\"p-progressbar-value p-progressbar-value-animate {{barStyleClass}}\" \r\n        [style.width]=\"maxValue&&value? (value/maxValue*100)+'%' : value+'%'\" \r\n        style=\"display:flex\" \r\n        [style.background]=\"color\" \r\n        [attr.data-pc-section]=\"'value'\"\r\n    >\r\n        <div \r\n            class=\"p-progressbar-label {{labelStyleClass}}\" \r\n            [style.display]=\"value != null && value !== 0 ? 'flex' : 'none'\" \r\n            [attr.data-pc-section]=\"'label'\"\r\n        >\r\n            <label *ngIf=\"showValue && maxValue\">\r\n                {{value}}/{{maxValue}}               \r\n            </label>\r\n            <label *ngIf=\"showValue && !maxValue\">\r\n                {{value}}%\r\n            </label>\r\n            <label *ngIf=\"showLabel\">{{label}}</label>\r\n            \r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"mode === 'indeterminate'\" class=\"p-progressbar-indeterminate-container\" [attr.data-pc-section]=\"'container'\">\r\n        <div class=\"p-progressbar-value p-progressbar-value-animate\" [style.background]=\"color\" [attr.data-pc-section]=\"'value'\"></div>\r\n    </div>\r\n</div>", styles: ["@layer primeng{.p-progressbar{position:relative;overflow:hidden}.p-progressbar-determinate .p-progressbar-value{height:100%;width:0%;position:absolute;display:none;border:0 none;display:flex;align-items:center;justify-content:center;overflow:hidden}.p-progressbar-determinate .p-progressbar-label{display:inline-flex}.p-progressbar-determinate .p-progressbar-value-animate{transition:width 1s ease-in-out}.p-progressbar-indeterminate .p-progressbar-value:before{content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:p-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:p-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.p-progressbar-indeterminate .p-progressbar-value:after{content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation:p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}}@-webkit-keyframes p-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes p-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@-webkit-keyframes p-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes p-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: ProgressBarComponent, selector: "kv-progress-bar", inputs: { value: "value", maxValue: "maxValue", label: "label", showValue: "showValue", showLabel: "showLabel", styleClass: "styleClass", labelStyleClass: "labelStyleClass", barStyleClass: "barStyleClass", style: "style", unit: "unit", mode: "mode", color: "color" }, ngImport: i0, template: "<div\n    role=\"progressbar\"\n    [class]=\"styleClass ? styleClass : ''\"\n    [ngStyle]=\"style\"\n    [attr.aria-valuemin]=\"0\"\n    [attr.aria-valuenow]=\"value\"\n    [attr.aria-valuemax]=\"100\"\n    [attr.data-pc-name]=\"'progressbar'\"\n    [attr.data-pc-section]=\"'root'\"\n    [ngClass]=\"{ 'p-progressbar p-component': true, 'p-progressbar-determinate': mode === 'determinate', 'p-progressbar-indeterminate': mode === 'indeterminate' }\"\n>\n    <div \n        *ngIf=\"mode === 'determinate'\" \n        class=\"p-progressbar-value p-progressbar-value-animate {{barStyleClass}}\" \n        [style.width]=\"maxValue&&value? (value/maxValue*100)+'%' : value+'%'\" \n        style=\"display:flex\" \n        [style.background]=\"color\" \n        [attr.data-pc-section]=\"'value'\"\n    >\n        <div \n            class=\"p-progressbar-label {{labelStyleClass}}\" \n            [style.display]=\"value != null && value !== 0 ? 'flex' : 'none'\" \n            [attr.data-pc-section]=\"'label'\"\n        >\n            <label *ngIf=\"showValue && maxValue\">\n                {{value}}/{{maxValue}}               \n            </label>\n            <label *ngIf=\"showValue && !maxValue\">\n                {{value}}%\n            </label>\n            <label *ngIf=\"showLabel\">{{label}}</label>\n            \n        </div>\n    </div>\n    <div *ngIf=\"mode === 'indeterminate'\" class=\"p-progressbar-indeterminate-container\" [attr.data-pc-section]=\"'container'\">\n        <div class=\"p-progressbar-value p-progressbar-value-animate\" [style.background]=\"color\" [attr.data-pc-section]=\"'value'\"></div>\n    </div>\n</div>", styles: ["@layer primeng{.p-progressbar{position:relative;overflow:hidden}.p-progressbar-determinate .p-progressbar-value{height:100%;width:0%;position:absolute;display:none;border:0 none;display:flex;align-items:center;justify-content:center;overflow:hidden}.p-progressbar-determinate .p-progressbar-label{display:inline-flex}.p-progressbar-determinate .p-progressbar-value-animate{transition:width 1s ease-in-out}.p-progressbar-indeterminate .p-progressbar-value:before{content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:p-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:p-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.p-progressbar-indeterminate .p-progressbar-value:after{content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation:p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}}@-webkit-keyframes p-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes p-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@-webkit-keyframes p-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes p-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-progress-bar', template: "<div\r\n    role=\"progressbar\"\r\n    [class]=\"styleClass ? styleClass : ''\"\r\n    [ngStyle]=\"style\"\r\n    [attr.aria-valuemin]=\"0\"\r\n    [attr.aria-valuenow]=\"value\"\r\n    [attr.aria-valuemax]=\"100\"\r\n    [attr.data-pc-name]=\"'progressbar'\"\r\n    [attr.data-pc-section]=\"'root'\"\r\n    [ngClass]=\"{ 'p-progressbar p-component': true, 'p-progressbar-determinate': mode === 'determinate', 'p-progressbar-indeterminate': mode === 'indeterminate' }\"\r\n>\r\n    <div \r\n        *ngIf=\"mode === 'determinate'\" \r\n        class=\"p-progressbar-value p-progressbar-value-animate {{barStyleClass}}\" \r\n        [style.width]=\"maxValue&&value? (value/maxValue*100)+'%' : value+'%'\" \r\n        style=\"display:flex\" \r\n        [style.background]=\"color\" \r\n        [attr.data-pc-section]=\"'value'\"\r\n    >\r\n        <div \r\n            class=\"p-progressbar-label {{labelStyleClass}}\" \r\n            [style.display]=\"value != null && value !== 0 ? 'flex' : 'none'\" \r\n            [attr.data-pc-section]=\"'label'\"\r\n        >\r\n            <label *ngIf=\"showValue && maxValue\">\r\n                {{value}}/{{maxValue}}               \r\n            </label>\r\n            <label *ngIf=\"showValue && !maxValue\">\r\n                {{value}}%\r\n            </label>\r\n            <label *ngIf=\"showLabel\">{{label}}</label>\r\n            \r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"mode === 'indeterminate'\" class=\"p-progressbar-indeterminate-container\" [attr.data-pc-section]=\"'container'\">\r\n        <div class=\"p-progressbar-value p-progressbar-value-animate\" [style.background]=\"color\" [attr.data-pc-section]=\"'value'\"></div>\r\n    </div>\r\n</div>", styles: ["@layer primeng{.p-progressbar{position:relative;overflow:hidden}.p-progressbar-determinate .p-progressbar-value{height:100%;width:0%;position:absolute;display:none;border:0 none;display:flex;align-items:center;justify-content:center;overflow:hidden}.p-progressbar-determinate .p-progressbar-label{display:inline-flex}.p-progressbar-determinate .p-progressbar-value-animate{transition:width 1s ease-in-out}.p-progressbar-indeterminate .p-progressbar-value:before{content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:p-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:p-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.p-progressbar-indeterminate .p-progressbar-value:after{content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation:p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}}@-webkit-keyframes p-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes p-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@-webkit-keyframes p-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes p-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}\n"] }]
+            args: [{ selector: 'kv-progress-bar', template: "<div\n    role=\"progressbar\"\n    [class]=\"styleClass ? styleClass : ''\"\n    [ngStyle]=\"style\"\n    [attr.aria-valuemin]=\"0\"\n    [attr.aria-valuenow]=\"value\"\n    [attr.aria-valuemax]=\"100\"\n    [attr.data-pc-name]=\"'progressbar'\"\n    [attr.data-pc-section]=\"'root'\"\n    [ngClass]=\"{ 'p-progressbar p-component': true, 'p-progressbar-determinate': mode === 'determinate', 'p-progressbar-indeterminate': mode === 'indeterminate' }\"\n>\n    <div \n        *ngIf=\"mode === 'determinate'\" \n        class=\"p-progressbar-value p-progressbar-value-animate {{barStyleClass}}\" \n        [style.width]=\"maxValue&&value? (value/maxValue*100)+'%' : value+'%'\" \n        style=\"display:flex\" \n        [style.background]=\"color\" \n        [attr.data-pc-section]=\"'value'\"\n    >\n        <div \n            class=\"p-progressbar-label {{labelStyleClass}}\" \n            [style.display]=\"value != null && value !== 0 ? 'flex' : 'none'\" \n            [attr.data-pc-section]=\"'label'\"\n        >\n            <label *ngIf=\"showValue && maxValue\">\n                {{value}}/{{maxValue}}               \n            </label>\n            <label *ngIf=\"showValue && !maxValue\">\n                {{value}}%\n            </label>\n            <label *ngIf=\"showLabel\">{{label}}</label>\n            \n        </div>\n    </div>\n    <div *ngIf=\"mode === 'indeterminate'\" class=\"p-progressbar-indeterminate-container\" [attr.data-pc-section]=\"'container'\">\n        <div class=\"p-progressbar-value p-progressbar-value-animate\" [style.background]=\"color\" [attr.data-pc-section]=\"'value'\"></div>\n    </div>\n</div>", styles: ["@layer primeng{.p-progressbar{position:relative;overflow:hidden}.p-progressbar-determinate .p-progressbar-value{height:100%;width:0%;position:absolute;display:none;border:0 none;display:flex;align-items:center;justify-content:center;overflow:hidden}.p-progressbar-determinate .p-progressbar-label{display:inline-flex}.p-progressbar-determinate .p-progressbar-value-animate{transition:width 1s ease-in-out}.p-progressbar-indeterminate .p-progressbar-value:before{content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:p-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:p-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.p-progressbar-indeterminate .p-progressbar-value:after{content:\"\";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation:p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}}@-webkit-keyframes p-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes p-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@-webkit-keyframes p-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes p-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}\n"] }]
         }], propDecorators: { value: [{
                 type: Input
             }], maxValue: [{
@@ -4737,11 +4741,11 @@ class KvTableEditComponent extends BasecomponentTable {
         return this.config.columns.some((column) => 'fieldControlType' in column);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTableEditComponent, deps: [{ token: i1.DatePipe }, { token: i1.DecimalPipe }, { token: CpfCnpjPipe }, { token: TelefonePipe }, { token: NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvTableEditComponent, selector: "kv-table-edit", inputs: { enableSizes: "enableSizes", editMode: "editMode" }, outputs: { onSave: "onSave", filterField: "filterField" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"card\" id=\"tamanhotabela\" [style.font-size]=\"'1px'\">\r\n  <p-toast></p-toast>\r\n\r\n  <p-panel\r\n    *ngIf=\"filtrosAvancados\"\r\n    header=\"Filtros avan\u00E7ados\"\r\n    [toggleable]=\"true\"\r\n    [collapsed]=\"true\"\r\n    (collapsedChange)=\"collapsed = !collapsed\"\r\n    [style]=\"{ 'margin-bottom': '2px' }\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      <i\r\n        *ngIf=\"!collapsed\"\r\n        class=\"pi pi-filter\"\r\n      ></i>\r\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      <i\r\n        *ngIf=\"collapsed\"\r\n        class=\"pi pi-minus\"\r\n      ></i>\r\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\r\n    </ng-template>\r\n    <ng-content></ng-content>\r\n  </p-panel>\r\n\r\n  <p-contextMenu #cm [model]=\"itemsContextMenu\"></p-contextMenu>\r\n  <p-table\r\n  #te\r\n  [editMode]=\"editMode\"\r\n  (onEditComplete)=\"onEditComplete($event)\"\r\n  (onEditInit)=\"onEditInit($event)\"\r\n  [reorderableColumns]=\"config.reorderableColumns || false\"\r\n  *ngIf=\"config\"\r\n  [value]=\"dataSource\"\r\n  [dataKey]=\"config.dataKey\"\r\n  [columns]=\"config.columns\"\r\n  [scrollable]=\"true\"\r\n  appendTo=\"body\"\r\n  [styleClass]=\"selectedSize.class\"\r\n  [(selection)]=\"selectedItems\"\r\n  [rowSelectable]=\"isRowSelectable\"\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  (selectionChange)=\"selectionChange($event)\"\r\n  [rowHover]=\"true\"\r\n  [totalRecords]=\"totalRecords\"\r\n  [lazy]=\"config.lazy\"\r\n  (onLazyLoad)=\"paginate($event)\"\r\n  [groupRowsBy]=\"config.fieldGroup\"\r\n  paginatorDropdownAppendTo=\"body\"\r\n  [showFirstLastIcon]=\"showFirstLastIcon\"\r\n  [pageLinks]=\"pageLinksOptions\"\r\n  [scrollable]=\"isTableScrollable\"\r\n  [scrollHeight]=\"scrollHeight\"\r\n  [rowTrackBy]=\"rowTrackBy \"\r\n  [(contextMenuSelection)]=\"selectedProduct\"\r\n  [contextMenu]=\" isEditableTable() ? cm : null\"\r\n  >\r\n\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n\r\n    <ng-template\r\n      pTemplate=\"caption\"\r\n      *ngIf=\"config.enableCation || enableSizes\"\r\n    >\r\n      <div class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\r\n        <div class=\"col-12 flex flex-column\">\r\n          <div\r\n            *ngIf=\"config.title\"\r\n            class=\"text-md font-bold my-3\"\r\n          >\r\n            {{ config.title }}\r\n          </div>\r\n          <div\r\n            *ngIf=\"config.subtitle\"\r\n            class=\"text-sm mb-4 font-medium\"\r\n          >\r\n            {{ config.subtitle }}\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\r\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\r\n          }} mt-1 mb-2 \">\r\n          <span\r\n            *ngIf=\"config.enableFilter\"\r\n            class=\"p-input-icon-left\"\r\n          >\r\n            <i class=\"pi pi-search\"></i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(te, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"h-2rem\"\r\n            />\r\n          </span>\r\n\r\n\r\n          <!-- FIXME: Op\u00E7\u00E3o 1  -->\r\n           <!-- <div class=\"sizes-controls ml-2\" *ngIf=\"isShowSizes\">\r\n            <p-selectButton\r\n                [options]=\"sizes\"\r\n                [(ngModel)]=\"selectedSize\"\r\n                [style]=\"{'display': 'flex'}\"\r\n                optionLabel=\"name\"\r\n                />\r\n          </div>\r\n         <button\r\n          id=\"btn-sizes\"\r\n          pButton\r\n          [pTooltip]=\"isShowSizes ? 'Esconder controles de tamanho' : 'Mostrar controles de tamanho'\"\r\n          class=\"actionLoteBtns p-button-raised p-button-text\"\r\n          (click)=\"isShowSizes = !isShowSizes\"\r\n        >\r\n          <span  style=\"font-size: 0.8rem;\" class=\"flex align-items-end\">\r\n          <span  style=\"font-size: 0.7rem;\">\r\n            A\r\n          </span>\r\n            A\r\n          </span>\r\n        </button> -->\r\n\r\n          <!-- FIXME: Op\u00E7\u00E3o 2  -->\r\n          <div *ngIf=\"enableSizes\" class=\"sizes-controls ml-2\" >\r\n            <p-splitButton\r\n              label=\"aA\"\r\n              [model]=\"sizes\"\r\n              styleClass=\"teste\"\r\n              [menuStyle]=\"{'font-size': '0.7rem'}\"\r\n\r\n              ngModel\r\n            >\r\n            </p-splitButton>\r\n          </div>\r\n\r\n          <!-- FIXME: Op\u00E7\u00E3o 3  -->\r\n          <!-- <div class=\"sizes-controls ml-2\" style=\"transform: translate(0px, -15px);\" >\r\n            <p-speedDial\r\n              [model]=\"sizes\"\r\n              showIcon=\"format_size\"\r\n              hideIcon=\"format_size\"\r\n              radius=\"120\"\r\n              direction=\"down-right\"\r\n              type=\"quarter-circle\"\r\n              buttonClassName=\"item-circle\"\r\n            >\r\n\r\n            <ng-template pTemplate=\"button\">\r\n              <span class=\"material-symbols-outlined\">\r\n                format_size\r\n              </span>\r\n            </ng-template>\r\n\r\n\r\n            <ng-template let-item pTemplate=\"item\">\r\n              <div class=\"item-circle\">\r\n                {{item.label}}\r\n              </div>\r\n            </ng-template>\r\n\r\n          </p-speedDial>\r\n          </div> -->\r\n\r\n\r\n        </div>\r\n\r\n        <span *ngIf=\"isEditing\" class=\"text-aviso\">\r\n\r\n          Tabela em modo de edi\u00E7\u00E3o\r\n\r\n        </span>\r\n\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end\">\r\n\r\n\r\n          <div\r\n            *ngFor=\"let action of config.actionsLote\"\r\n            class=\"btns-options\"\r\n            [style]=\"{ 'margin-right': '7px' }\"\r\n          >\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              *ngIf=\"\r\n                !isEditing &&\r\n                (selectedItems.length > 0 || action.showAcoesLote) &&\r\n                exibirCampo(action, this.action)\r\n              \"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              style=\"background-color: #1DA750\"\r\n              (click)=\"\r\n                action?.command(); activeItemLote(selectedItems)\r\n              \"\r\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\" style=\"color: white\"\r\n              >\r\n                {{ getOrExecute(action.icon, selectedItems) }}\r\n              </span>\r\n            </button>\r\n          </div>\r\n\r\n          <div *ngIf=\"isEditableTable()\" class=\"btns-options\"\r\n            [style]=\"{ 'margin-right': '7px' }\"\r\n          >\r\n            <button\r\n              (click)=\"this.isEditing = !this.isEditing\"\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              style=\"background-color: #1DA750; color: #fff;\"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n            >\r\n              <span class=\"material-symbols-outlined\">\r\n                edit_square\r\n              </span>\r\n            </button>\r\n          </div>\r\n\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"header\"\r\n      let-columns\r\n    >\r\n      <tr>\r\n        <th\r\n          style=\"width: 4rem; border-left: solid 4px transparent\"\r\n          *ngIf=\"config.enableSelect && !isEditing\"\r\n          [class]=\"selectedSize.class+'th'\"\r\n        >\r\n          <p-tableHeaderCheckbox  (click)=\"activeItemLote(selectedItems)\"></p-tableHeaderCheckbox>\r\n        </th>\r\n\r\n        <th\r\n          *ngFor=\"let col of columns\"\r\n          [pSortableColumn]=\"col.field\"\r\n          [pSortableColumnDisabled]=\"col.sortable === false\"\r\n          [style.min-width]=\"col.width * selectedSize.size + 'px'\"\r\n          pReorderableColumn\r\n          [class]=\"selectedSize.class+'th'\"\r\n        >\r\n          <div\r\n            [class]=\"\r\n              centralizarColunas(col) && alignColunasHeader(col) == ''\r\n                ? 'flex flex-row justify-content-center'\r\n                : 'flex flex-row'\r\n            \"\r\n            [style]=\"alignColunasHeader(col)\"\r\n          >\r\n            <span>{{ col.header }}</span>\r\n            <p-sortIcon\r\n              *ngIf=\"col.sortable === true\"\r\n              [field]=\"col.field\"\r\n              style=\"font-size: 10px\"\r\n            ></p-sortIcon>\r\n\r\n            <span\r\n              *ngIf=\"col.headerTooltip\"\r\n              class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\"\r\n            >info</span>\r\n          </div>\r\n        </th>\r\n        <th *ngIf=\"!isEditing && config.actions && config.actions.length > 0\"></th>\r\n        <th *ngIf=\"isEditableTable() && this.editMode == 'row'\"  id=\"th-edit\" style=\"width: 20px\">Editar</th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n\r\n    <ng-template pTemplate=\"body\" let-rowData let-editing=\"editing\" let-ri=\"rowIndex\" let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\" let-rowspan=\"rowspan\">\r\n      <tr [pEditableRow]=\"rowData\" [pEditableRowDisabled]=\"false\"\r\n      [pContextMenuRow]=\"{rowData, editing}\"\r\n      [class]=\"selectedSize.class+'-tr'\"\r\n      >\r\n\r\n        <td\r\n\r\n          *ngIf=\"config.enableSelect && !isEditing\"\r\n          [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\"\r\n        >\r\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(rowData)\"-->\r\n          <p-tableCheckbox\r\n            class=\"check-edit-list\"\r\n            [value]=\"rowData\"\r\n            [disabled]=\"isDisabledCheckbox(rowData)\"\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableCheckbox>\r\n        </td>\r\n\r\n  <ng-container *ngFor=\"let col of columns; let i = index\">\r\n\r\n    <!-- FIXME: Testar a implementa\u00E7\u00E3o abaixo e mesaclar as duas formas -->\r\n\r\n    <ng-template #templateInput let-rowData=\"rowData\" let-col=\"col\">\r\n      <ng-container *ngIf=\"isEditing; else templatevisualedicao\">\r\n              <ng-container [ngSwitch]=\"col.fieldControlType\">\r\n\r\n                <ng-container *ngSwitchCase=\"'text'\">\r\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\r\n                    <kv-input-text [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\" [required]=\"col.required ?? true\"></kv-input-text>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchCase=\"'number'\">\r\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\r\n                    <kv-input-number [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\" [required]=\"col.required ?? true\"></kv-input-number>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchCase=\"'mask'\">\r\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\r\n                    <kv-input-mask [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [mask]=\"col.mask\" [required]=\"col.required ?? true\" [(ngModel)]=\"rowData[col.field]\"></kv-input-mask>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchCase=\"'switch'\">\r\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\r\n                    <kv-switch [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\" ></kv-switch>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchCase=\"'calendar'\">\r\n                  <div [style.width]=\"col.width\">\r\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\r\n                    <kv-input-calendar class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\"></kv-input-calendar>\r\n                  </div>\r\n                  </div>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'dropdown'\">\r\n                  <div  [style.width]=\"col.width\"  class=\"grid formgrid p-fluid\" >\r\n                    <p-dropdown\r\n                      [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\r\n                      class=\"cellControl col\"\r\n                      appendTo=\"body\"\r\n                      [panelStyle]=\"{'font-size': '0.75rem'}\"\r\n                      [optionLabel]=\"col.fieldDropDownControl.descricaoobjeto\"\r\n                      [optionValue]=\"col.fieldDropDownControl.idobjeto\"\r\n                      [options]=\"col.fieldDropDownControl.fieldControlDropdownSource\"\r\n                      [(ngModel)]=\"rowData[col.field]\"\r\n                      >\r\n                    </p-dropdown>\r\n                  </div>\r\n                </ng-container>\r\n              </ng-container>\r\n      </ng-container>\r\n\r\n      <ng-template #templatevisualedicao>\r\n        <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\r\n      </ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template #templateOutput let-rowData=\"rowData\" let-col=\"col\">\r\n      <ng-container [ngSwitch]=\"col.fieldControlType\">\r\n        <ng-container *ngSwitchCase=\"'dropdown'\">\r\n          <ng-container *ngIf=\"rowData[col.field]\">\r\n            {{\r\n            retornaDescricaoDrop(\r\n            rowData,\r\n            col\r\n            )\r\n            }}\r\n            <!-- {{rowData[col.field]}} -->\r\n          </ng-container>\r\n        </ng-container>\r\n\r\n        <ng-container *ngSwitchCase=\"'switch'\">\r\n          <kv-switch [(ngModel)]=\"rowData[col.field]\" [disabled]=\"true\"></kv-switch>\r\n        </ng-container>\r\n\r\n        <ng-container *ngSwitchCase=\"'calendar'\">\r\n          {{ rowData[col.field] | date }}\r\n        </ng-container>\r\n\r\n        <ng-container *ngSwitchCase=\"'mask'\">\r\n          {{ rowData[col.field] | mask:col.mask }}\r\n        </ng-container>\r\n\r\n        <ng-container *ngSwitchDefault>\r\n          {{ rowData[col.field] }}\r\n        </ng-container>\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n\r\n    <td\r\n      *ngIf=\"editMode == 'cell' && col.fieldControlType\"\r\n      [pEditableColumn]=\"rowData\"\r\n      [pEditableColumnField]=\"col.field\"\r\n      [pEditableColumnRowIndex]=\"rowData[config.dataKey]\"\r\n      [id]=\"'rowTable'+ rowData[config.dataKey]\"\r\n      (click)=\"activeItem(rowData)\"\r\n      (dblclick)=\"dbClickEdit()\"\r\n      class=\"rowTable\" [style]=\"\r\n      applyStyle(rowData, col) +\r\n      centralizarColunas(col) +\r\n      alignColunas(col) \"\r\n      [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n\r\n      >\r\n      <p-cellEditor>\r\n\r\n        <ng-container >\r\n\r\n          <ng-template  pTemplate=\"input\">\r\n            <ng-container *ngTemplateOutlet=\"templateInput; context: { rowData: rowData, col: col }\"></ng-container>\r\n          </ng-template>\r\n\r\n          <ng-template  pTemplate=\"output\">\r\n            <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\r\n          </ng-template>\r\n\r\n        </ng-container>\r\n\r\n\r\n\r\n\r\n        <!-- <ng-template *ngIf=\"!isEditing\" pTemplate=\"input\">\r\n          <ng-container *ngTemplateOutlet=\"templateInput; context: { rowData: rowData, col: col }\"></ng-container>\r\n        </ng-template>\r\n\r\n        <ng-template *ngIf=\"isEditing\" pTemplate=\"output\">\r\n          <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\r\n        </ng-template> -->\r\n\r\n      </p-cellEditor>\r\n    </td>\r\n\r\n\r\n    <!-- NOTE: Edi\u00E7\u00E3o de linha -->\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n\r\n          <!-- Celula que armazena os controles de edi\u00E7\u00E3o para os campos -->\r\n      <td *ngIf=\"false && col.fieldControlType && editMode == 'row'\"\r\n            [id]=\"'rowTable'+ rowData[config.dataKey]\"\r\n            (click)=\"activeItem(rowData)\"\r\n            (dblclick)=\"dbClickEdit()\"\r\n            class=\"rowTable\" [style]=\"\r\n            applyStyle(rowData, col) +\r\n            centralizarColunas(col) +\r\n            alignColunas(col)\"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <p-cellEditor [ngClass]=\"{'switch': col.fieldControlType == 'switch'}\">\r\n\r\n              <ng-template pTemplate=\"input\">\r\n                <ng-container *ngTemplateOutlet=\"templateInput; context: { rowData: rowData, col: col }\"></ng-container>\r\n              </ng-template>\r\n\r\n              <ng-template pTemplate=\"output\">\r\n                <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\r\n              </ng-template>\r\n\r\n            </p-cellEditor>\r\n      </td>\r\n\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n\r\n          <td *ngIf=\"rowgroup && !col.template \" [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            class=\"rowTable\" [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \" [pTooltip]=\"returnTooltipRow(rowData, col)\">\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\r\n              <span *ngIf=\"\r\n                  !isChipField(col) && !col.iconField && !isImageField(col)\r\n                \">\r\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span [class]=\"returnClassChip(rowData, col)\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">{{\r\n                  transformValue(rowData, col) }}</span>\r\n              </div>\r\n            </span>\r\n\r\n            <span *ngIf=\"isImageField(col)\">\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n              </span>\r\n            </span>\r\n\r\n            <i *ngIf=\"col.iconField\" [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n\r\n            <ng-template #booleanField>\r\n              <i *ngIf=\"!col.iconField && !isSwitchField(col)\" [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\r\n              <span *ngIf=\"isSwitchField(col)\" [class]=\"returnRowClass(rowData, col)\">\r\n                <kv-switch (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\" [switchValue]=\"transformValue(rowData, col)\">\r\n                </kv-switch>\r\n              </span>\r\n            </ng-template>\r\n          </td>\r\n\r\n          <td *ngIf=\"!rowgroup && !col.grouped && !col.template && !col.fieldControlType\" [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \" class=\"rowTable\" [pTooltip]=\"returnTooltipRow(rowData, col)\">\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\r\n              <span *ngIf=\"\r\n                  !isChipField(col) && !col.iconField && !isImageField(col)\r\n                \">\r\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span [class]=\"returnClassChip(rowData, col)\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">\r\n                  {{ transformValue(rowData, col) }}</span>\r\n              </div>\r\n            </span>\r\n\r\n            <span *ngIf=\"isImageField(col)\">\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n              </span>\r\n            </span>\r\n\r\n            <i *ngIf=\"col.iconField\" [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n\r\n            <ng-template #booleanField>\r\n              <i *ngIf=\"!col.iconField && !isSwitchField(col)\" [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\r\n              <span *ngIf=\"isSwitchField(col)\" [class]=\"returnRowClass(rowData, col)\">\r\n                <kv-switch (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\" [switchValue]=\"transformValue(rowData, col)\">\r\n                </kv-switch>\r\n              </span>\r\n            </ng-template>\r\n          </td>\r\n\r\n          <td *ngIf=\"col.template && !isEditableTable()\" [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \" class=\"rowTable\">\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n            <ng-container *ngIf=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData }\">\r\n            </ng-container>\r\n          </td>\r\n\r\n        </ng-container>\r\n\r\n      <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\r\n      <!-- Controle de a\u00E7\u00E3o  -->\r\n      <td [ngClass]=\"{'td-tools': isEditableTable() && this.editMode == 'row' , 'td-tools-sticky': !isEditableTable() || this.editMode == 'cell' }\"\r\n        *ngIf=\"!isEditing && config.actions && config.actions.length > 0 \"\r\n        [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' }) + 'border-right: 1px solid #ddd !important;'\"\r\n      >\r\n        <div class=\"flex flex-row justify-content-end w-full\">\r\n          <!-- <button\r\n            id=\"moreVertBtn\"\r\n            pButton\r\n            class=\"actionBtns p-button-text p-button-raised\"\r\n            (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n          > -->\r\n          <span\r\n            class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n            style=\"font-size: 1rem; height: 10px; width: 20px;\"\r\n            (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n          >\r\n            more_horiz\r\n          </span>\r\n          <!-- </button> -->\r\n\r\n          <div *ngFor=\"let action of config.actions\">\r\n            {{ criarMenusModal(rowData) }}\r\n          </div>\r\n\r\n          <!-- <div *ngFor=\"let action of config.actions\">\r\n            {{ criarMenusModal(rowData) }}\r\n          </div> -->\r\n\r\n          <p-menu\r\n            #menu\r\n            [popup]=\"true\"\r\n            [model]=\"menuItems\"\r\n            appendTo=\"body\"\r\n          ></p-menu>\r\n        </div>\r\n      </td>\r\n\r\n      <!-- <td\r\n      class=\"td-tools\"\r\n      *ngIf=\"!isEditing && config.actions && config.actions.length > 0\"\r\n      [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\"\r\n    >\r\n      </td> -->\r\n\r\n      <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\r\n      <!-- Controle de edi\u00E7\u00E3o -->\r\n        <td class=\"td-edit\" *ngIf=\"this.isEditableTable() && this.editMode == 'row'\" >\r\n          <div class=\"flex align-items-center justify-content-center gap-2\">\r\n            <button [style.height]=\"'28px'\" [id]=\"'rowEdit' + rowData[config.dataKey] \" [style.width]=\"'28px'\" [disabled]=\"isDisableEditRowFunction(rowData)\" *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow icon=\"pi pi-pencil\"\r\n              (click)=\"onRowEditInit(rowData)\" class=\"p-button-rounded p-button-text\"></button>\r\n            <!-- <button [style.height]=\"'28px'\" [style.width]=\"'28px'\" [disabled]=\"isDisableEditRowFunction(rowData)\" *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow icon=\"pi pi-check\"\r\n              (click)=\"onRowEditSave(rowData, ri)\" [id]=\"'rowSave' + rowData[config.dataKey] \" class=\"p-button-rounded p-button-text p-button-success mr-2\"></button> -->\r\n            <button [style.height]=\"'28px'\" [style.width]=\"'28px'\" [disabled]=\"isDisableEditRowFunction(rowData)\" *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow icon=\"pi pi-times\"\r\n              (click)=\"onRowEditCancel(rowData, ri)\" [id]=\"'rowCancel' + rowData[config.dataKey] \" class=\"p-button-rounded p-button-text p-button-danger\"></button>\r\n          </div>\r\n        </td>\r\n\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.td-edit{position:sticky;right:-1px;background-color:#fff;color:#5289b4}.td-tools{position:sticky;right:52px;border-right:1px solid #ddd!important;background-color:#fff;box-shadow:-5px 0 20px -10px #000000bf}.td-tools-sticky{position:sticky;right:0;border-right:3px solid #fff!important;background-color:#fff}#th-edit{position:sticky;right:0;background-color:#eaeaea}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{text-align:center;border:1px solid #eaeaea;border-width:1px 1px;padding:0rem .5rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{text-align:center;padding:0rem .5rem;border-left:none;border-right:none;border-width:1px 1px;font-weight:700;color:#343a40;background:#eaeaea;transition:box-shadow .2s}.error-show{background-color:red;width:5px;height:10px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:15px}.material-symbols-outlined.md-22{font-size:19px}.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}:host ::ng-deep .center{display:flex;align-items:center;justify-content:center}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#29b92d!important}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:.9;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover{color:#a9a9a9}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:2px 13px 0!important;border-radius:5px!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background-color:#eaeaea!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-left:none!important;border-right:none!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:20%;width:1.625rem!important;height:1.625rem!important;box-shadow:#0000003d 0 3px 8px}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:has(p-tablecheckbox){border-bottom:0px!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:has(img){justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:has(img) .p-column-title{display:none!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:last-child{border-bottom:1px solid #ddd!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:last-child div{justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td .p-column-title{font-weight:600}}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea!important}::ng-deep .field.grid,.formgrid.grid{padding:0rem!important}@media screen and (min-width: 961px){.moreVertBtn{position:relative;right:3px}}::ng-deep .p-datatable .p-datatable-thead>tr>th:last-of-type{border-radius:0 0 5px!important;-webkit-border-radius:0px 0px 5px 0px!important;-moz-border-radius:0px 0px 5px 0px!important;-ms-border-radius:0px 0px 5px 0px!important;-o-border-radius:0px 0px 5px 0px!important}::ng-deep .p-datatable .p-datatable-thead>tr>th:first-of-type{border-radius:0 0 0 5px!important;-webkit-border-radius:0px 0px 0px 5px!important;-moz-border-radius:0px 0px 0px 5px!important;-ms-border-radius:0px 0px 0px 5px!important;-o-border-radius:0px 0px 0px 5px!important}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{transform:translate(1.25rem);height:15px;margin-top:-8px;-webkit-transform:translateX(1.25rem);-moz-transform:translateX(1.25rem);-ms-transform:translateX(1.25rem);-o-transform:translateX(1.25rem)}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{height:21px}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch{height:21px}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider:before{background:#fff;width:1rem;height:1.25rem;height:16px!important;left:.25rem;margin-top:-9px!important;margin-top:-.625rem;border-radius:50%;transition-duration:.2s}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch:not(.p-disabled) .p-inputswitch-slider{height:21px}:host ::ng-deep .p-cell-editing{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep p-dropdown-item{font-size:.1rem}.text-aviso{color:red;font-size:.85rem;font-weight:400;width:500px}:host ::ng-deep .p-checkbox .p-checkbox-box{width:18px;height:18px}:host ::ng-deep .p-selectbutton .p-button{font-size:.75rem!important;height:24px;padding:11px}#btn-sizes{border-radius:50%;width:.5rem!important;height:.5rem!important;box-shadow:#0000003d 0 3px 8px}:host ::ng-deep .p-datatable.p-datatable-sm{font-size:.625rem!important}:host ::ng-deep .p-datatable.p-datatable-md{font-size:.75rem!important}:host ::ng-deep .p-datatable.p-datatable-lg{font-size:.875rem!important}:host ::ng-deep .p-datatable-sm-tr>td i>span.material-symbols-outlined{font-size:.9rem}:host ::ng-deep .p-datatable-sm-tr>td .check-edit-list>.p-checkbox .p-checkbox-box{width:15px;height:15px}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>.cellControl>.p-dropdown .p-dropdown-label{width:1%;padding-top:0;padding-bottom:0;font-size:.6rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>kv-input-text>span>.inputs{padding-top:0;padding-bottom:0;font-size:.6rem;height:1rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>.cellControl>span>p-inputmask>.inputs{height:1rem;padding-top:0;padding-bottom:0;font-size:.6rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div,:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>kv-switch>div>p-inputswitch,:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider{height:.6rem!important;width:2.4rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider:before{background:#fff;width:.6rem!important;height:.6rem!important;left:.2rem;margin-top:-.35rem!important;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div>span:before{background:#fff;width:.6rem!important;height:.6rem!important;left:.2rem;margin-top:-.35rem!important;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-md-tr>td i>span.material-symbols-outlined{font-size:1rem}:host ::ng-deep .p-datatable-md-tr>td .check-edit-list>.p-checkbox .p-checkbox-box{width:18px;height:18px}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>.cellControl>.p-dropdown .p-dropdown-label{width:1%;padding-top:0;padding-bottom:0;font-size:.7rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>kv-input-text>span>.inputs{padding-top:0;padding-bottom:0;font-size:.7rem;height:1rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>.cellControl>span>p-inputmask>.inputs{height:1rem;padding-top:0;padding-bottom:0;font-size:.7rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div,:host ::ng-deep .p-datatable-md-tr>td p-celleditor>kv-switch>div>p-inputswitch,:host ::ng-deep .p-datatable-md-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider{height:.83rem!important;width:2.7rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider:before{background:#fff;width:.7rem!important;height:.7rem!important;left:.25rem;margin-top:-.35rem!important;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div>span:before{background:#fff;width:.7rem;height:.7rem;left:.25rem;margin-top:-.4rem;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-lg-tr>td i>span.material-symbols-outlined{font-size:1.1rem}:host ::ng-deep .p-datatable-lg-tr>td p-celleditor>div>kv-input-text>span>.inputs{padding-top:0;padding-bottom:0;font-size:.8rem;height:1rem}:host ::ng-deep .p-datatable-lg-tr>td p-celleditor>div>.cellControl>.p-dropdown .p-dropdown-label{padding-top:0;padding-bottom:0;font-size:.8rem}:host ::ng-deep .p-datatable-lg-tr>td p-celleditor>div>.cellControl>span>p-inputmask>.inputs{height:1rem;padding-top:0;padding-bottom:0;font-size:.8rem}:host ::ng-deep .p-datatable-sm-tr>td{padding-top:0!important;padding-top:.05rem!important;padding-bottom:.05rem!important}:host ::ng-deep .p-datatable-md-tr>td,:host ::ng-deep .p-datatable-lg-tr>td{padding:.15rem!important}.p-datatable.p-datatable-smth{font-size:.6rem!important}.p-datatable.p-datatable-dmth{font-size:.7rem!important}.p-datatable.p-datatable-lgth{font-size:.8rem!important}:host ::ng-deep .p-datatable.p-datatable-sm * p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options) p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options){height:15px!important}:host ::ng-deep .p-datatable.p-datatable-md * p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options) p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options){height:25px!important}:host ::ng-deep .p-datatable.p-datatable-lg * p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options) p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options){height:30px!important}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider{height:21px!important}:host ::ng-deep .teste>.p-button{background:#eaeaea!important;color:#a9a9a9;border:none;box-shadow:#0000003d 0 3px 8px;height:20px}:host ::ng-deep .teste{width:70px;font-size:.7rem}:host ::ng-deep .p-tieredmenu-root-list>li:first-child{font-size:.6rem}:host ::ng-deep .p-tieredmenu-root-list>li:last-child{font-size:.8rem}:host ::ng-deep .p-speeddial-button.p-button.p-button-icon-only{width:2rem;height:2rem;font-size:1rem}.item-circle{width:4rem;height:2rem;padding:1rem;font-size:.8rem;border-radius:17%;display:flex;align-items:center;justify-content:center;background:#eaeaea!important;box-shadow:#0000003d 0 3px 13px}:host ::ng-deep p-speeddial>div>button>span.material-symbols-outlined.ng-star-inserted{font-size:1.1rem}:host ::ng-deep .check-edit-list>div.p-checkbox.p-component{height:1rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:first-child{border-left:1px solid #ddd!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:last-child{border-left:1px solid #ddd!important}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar:hover{background-color:#dededebf}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar{width:6px;height:3px}:host ::ng-deep .p-datatable-wrapper:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}:host ::ng-deep .p-datatable>.p-datatable-wrapper{overflow-y:hidden}\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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5$7.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i5$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: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i7$1.ContextMenu, selector: "p-contextMenu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "id", "ariaLabel", "ariaLabelledBy", "pressDelay"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: i11$1.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i13.SplitButton, selector: "p-splitButton", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "style", "styleClass", "menuStyle", "menuStyleClass", "tabindex", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onDropdownClick"] }, { kind: "component", type: i14.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i14.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i14.ContextMenuRow, selector: "[pContextMenuRow]", inputs: ["pContextMenuRow", "pContextMenuRowIndex", "pContextMenuRowDisabled"] }, { kind: "directive", type: i14.ReorderableColumn, selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "directive", type: i14.EditableColumn, selector: "[pEditableColumn]", inputs: ["pEditableColumn", "pEditableColumnField", "pEditableColumnRowIndex", "pEditableColumnDisabled", "pFocusCellSelector"] }, { kind: "component", type: i14.CellEditor, selector: "p-cellEditor" }, { 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: i14.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i14.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: i14.CancelEditableRow, selector: "[pCancelEditableRow]" }, { kind: "component", type: i15.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvInputCalendarComponent, selector: "kv-input-calendar", inputs: ["isYear", "isMonthYear", "minDate", "maxDate", "showButtonBar", "showIcon", "showTime", "selectionMode"], outputs: ["onSelectionChange", "onSelectionValue"] }, { kind: "component", type: KvInputMaskComponent, selector: "kv-input-mask", inputs: ["mask"], outputs: ["onComplete"] }, { kind: "component", type: KvInputNumberComponent, selector: "kv-input-number", inputs: ["mode", "digits", "min", "max", "suffix"] }, { kind: "component", type: KvInputTextComponent, selector: "kv-input-text", inputs: ["textCaptalized"] }, { kind: "component", type: KvSwitchComponent, selector: "kv-switch", inputs: ["readonly", "switchValue"], outputs: ["onSwitchChange"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: MaskPipe, name: "mask" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvTableEditComponent, selector: "kv-table-edit", inputs: { enableSizes: "enableSizes", editMode: "editMode" }, outputs: { onSave: "onSave", filterField: "filterField" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"card\" id=\"tamanhotabela\" [style.font-size]=\"'1px'\">\n  <p-toast></p-toast>\n\n  <p-panel\n    *ngIf=\"filtrosAvancados\"\n    header=\"Filtros avan\u00E7ados\"\n    [toggleable]=\"true\"\n    [collapsed]=\"true\"\n    (collapsedChange)=\"collapsed = !collapsed\"\n    [style]=\"{ 'margin-bottom': '2px' }\"\n  >\n    <ng-template pTemplate=\"headericons\">\n      <i\n        *ngIf=\"!collapsed\"\n        class=\"pi pi-filter\"\n      ></i>\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\n      <i\n        *ngIf=\"collapsed\"\n        class=\"pi pi-minus\"\n      ></i>\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\n    </ng-template>\n    <ng-content></ng-content>\n  </p-panel>\n\n  <p-contextMenu #cm [model]=\"itemsContextMenu\"></p-contextMenu>\n  <p-table\n  #te\n  [editMode]=\"editMode\"\n  (onEditComplete)=\"onEditComplete($event)\"\n  (onEditInit)=\"onEditInit($event)\"\n  [reorderableColumns]=\"config.reorderableColumns || false\"\n  *ngIf=\"config\"\n  [value]=\"dataSource\"\n  [dataKey]=\"config.dataKey\"\n  [columns]=\"config.columns\"\n  [scrollable]=\"true\"\n  appendTo=\"body\"\n  [styleClass]=\"selectedSize.class\"\n  [(selection)]=\"selectedItems\"\n  [rowSelectable]=\"isRowSelectable\"\n  [globalFilterFields]=\"globalFilterFields\"\n  [rows]=\"rows\"\n  [paginator]=\"paginator\"\n  [rowsPerPageOptions]=\"rowsPerPageOptions\"\n  [showCurrentPageReport]=\"true\"\n  currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\n  (selectionChange)=\"selectionChange($event)\"\n  [rowHover]=\"true\"\n  [totalRecords]=\"totalRecords\"\n  [lazy]=\"config.lazy\"\n  (onLazyLoad)=\"paginate($event)\"\n  [groupRowsBy]=\"config.fieldGroup\"\n  paginatorDropdownAppendTo=\"body\"\n  [showFirstLastIcon]=\"showFirstLastIcon\"\n  [pageLinks]=\"pageLinksOptions\"\n  [scrollable]=\"isTableScrollable\"\n  [scrollHeight]=\"scrollHeight\"\n  [rowTrackBy]=\"rowTrackBy \"\n  [(contextMenuSelection)]=\"selectedProduct\"\n  [contextMenu]=\" isEditableTable() ? cm : null\"\n  >\n\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n\n    <ng-template\n      pTemplate=\"caption\"\n      *ngIf=\"config.enableCation || enableSizes\"\n    >\n      <div class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\n        <div class=\"col-12 flex flex-column\">\n          <div\n            *ngIf=\"config.title\"\n            class=\"text-md font-bold my-3\"\n          >\n            {{ config.title }}\n          </div>\n          <div\n            *ngIf=\"config.subtitle\"\n            class=\"text-sm mb-4 font-medium\"\n          >\n            {{ config.subtitle }}\n          </div>\n        </div>\n\n        <div class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\n          }} mt-1 mb-2 \">\n          <span\n            *ngIf=\"config.enableFilter\"\n            class=\"p-input-icon-left\"\n          >\n            <i class=\"pi pi-search\"></i>\n\n            <input\n              pInputText\n              pAutoFocus\n              [autofocus]=\"true\"\n              type=\"text\"\n              (input)=\"onGlobalFilter(te, $event)\"\n              placeholder=\"Pesquisar...\"\n              class=\"h-2rem\"\n            />\n          </span>\n\n\n          <!-- FIXME: Op\u00E7\u00E3o 1  -->\n           <!-- <div class=\"sizes-controls ml-2\" *ngIf=\"isShowSizes\">\n            <p-selectButton\n                [options]=\"sizes\"\n                [(ngModel)]=\"selectedSize\"\n                [style]=\"{'display': 'flex'}\"\n                optionLabel=\"name\"\n                />\n          </div>\n         <button\n          id=\"btn-sizes\"\n          pButton\n          [pTooltip]=\"isShowSizes ? 'Esconder controles de tamanho' : 'Mostrar controles de tamanho'\"\n          class=\"actionLoteBtns p-button-raised p-button-text\"\n          (click)=\"isShowSizes = !isShowSizes\"\n        >\n          <span  style=\"font-size: 0.8rem;\" class=\"flex align-items-end\">\n          <span  style=\"font-size: 0.7rem;\">\n            A\n          </span>\n            A\n          </span>\n        </button> -->\n\n          <!-- FIXME: Op\u00E7\u00E3o 2  -->\n          <div *ngIf=\"enableSizes\" class=\"sizes-controls ml-2\" >\n            <p-splitButton\n              label=\"aA\"\n              [model]=\"sizes\"\n              styleClass=\"teste\"\n              [menuStyle]=\"{'font-size': '0.7rem'}\"\n\n              ngModel\n            >\n            </p-splitButton>\n          </div>\n\n          <!-- FIXME: Op\u00E7\u00E3o 3  -->\n          <!-- <div class=\"sizes-controls ml-2\" style=\"transform: translate(0px, -15px);\" >\n            <p-speedDial\n              [model]=\"sizes\"\n              showIcon=\"format_size\"\n              hideIcon=\"format_size\"\n              radius=\"120\"\n              direction=\"down-right\"\n              type=\"quarter-circle\"\n              buttonClassName=\"item-circle\"\n            >\n\n            <ng-template pTemplate=\"button\">\n              <span class=\"material-symbols-outlined\">\n                format_size\n              </span>\n            </ng-template>\n\n\n            <ng-template let-item pTemplate=\"item\">\n              <div class=\"item-circle\">\n                {{item.label}}\n              </div>\n            </ng-template>\n\n          </p-speedDial>\n          </div> -->\n\n\n        </div>\n\n        <span *ngIf=\"isEditing\" class=\"text-aviso\">\n\n          Tabela em modo de edi\u00E7\u00E3o\n\n        </span>\n\n\n        <div class=\"flex flex-row col-1 justify-content-end\">\n\n\n          <div\n            *ngFor=\"let action of config.actionsLote\"\n            class=\"btns-options\"\n            [style]=\"{ 'margin-right': '7px' }\"\n          >\n            <button\n              id=\"actionLoteBtns\"\n              pButton\n              *ngIf=\"\n                !isEditing &&\n                (selectedItems.length > 0 || action.showAcoesLote) &&\n                exibirCampo(action, this.action)\n              \"\n              class=\"actionLoteBtns p-button-raised p-button-text\"\n              style=\"background-color: #1DA750\"\n              (click)=\"\n                action?.command(); activeItemLote(selectedItems)\n              \"\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\n              [tooltipPosition]=\"'bottom'\"\n              [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\n            >\n              <span\n                class=\"material-symbols-outlined md-22\" style=\"color: white\"\n              >\n                {{ getOrExecute(action.icon, selectedItems) }}\n              </span>\n            </button>\n          </div>\n\n          <div *ngIf=\"isEditableTable()\" class=\"btns-options\"\n            [style]=\"{ 'margin-right': '7px' }\"\n          >\n            <button\n              (click)=\"this.isEditing = !this.isEditing\"\n              id=\"actionLoteBtns\"\n              pButton\n              style=\"background-color: #1DA750; color: #fff;\"\n              class=\"actionLoteBtns p-button-raised p-button-text\"\n            >\n              <span class=\"material-symbols-outlined\">\n                edit_square\n              </span>\n            </button>\n          </div>\n\n        </div>\n\n      </div>\n    </ng-template>\n\n    <ng-template\n      pTemplate=\"header\"\n      let-columns\n    >\n      <tr>\n        <th\n          style=\"width: 4rem; border-left: solid 4px transparent\"\n          *ngIf=\"config.enableSelect && !isEditing\"\n          [class]=\"selectedSize.class+'th'\"\n        >\n          <p-tableHeaderCheckbox  (click)=\"activeItemLote(selectedItems)\"></p-tableHeaderCheckbox>\n        </th>\n\n        <th\n          *ngFor=\"let col of columns\"\n          [pSortableColumn]=\"col.field\"\n          [pSortableColumnDisabled]=\"col.sortable === false\"\n          [style.min-width]=\"col.width * selectedSize.size + 'px'\"\n          pReorderableColumn\n          [class]=\"selectedSize.class+'th'\"\n        >\n          <div\n            [class]=\"\n              centralizarColunas(col) && alignColunasHeader(col) == ''\n                ? 'flex flex-row justify-content-center'\n                : 'flex flex-row'\n            \"\n            [style]=\"alignColunasHeader(col)\"\n          >\n            <span>{{ col.header }}</span>\n            <p-sortIcon\n              *ngIf=\"col.sortable === true\"\n              [field]=\"col.field\"\n              style=\"font-size: 10px\"\n            ></p-sortIcon>\n\n            <span\n              *ngIf=\"col.headerTooltip\"\n              class=\"material-symbols-outlined flex align-items-center\"\n              [pTooltip]=\"col.headerTooltip\"\n            >info</span>\n          </div>\n        </th>\n        <th *ngIf=\"!isEditing && config.actions && config.actions.length > 0\"></th>\n        <th *ngIf=\"isEditableTable() && this.editMode == 'row'\"  id=\"th-edit\" style=\"width: 20px\">Editar</th>\n      </tr>\n    </ng-template>\n\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n\n    <ng-template pTemplate=\"body\" let-rowData let-editing=\"editing\" let-ri=\"rowIndex\" let-columns=\"columns\"\n      let-rowgroup=\"rowgroup\" let-rowspan=\"rowspan\">\n      <tr [pEditableRow]=\"rowData\" [pEditableRowDisabled]=\"false\"\n      [pContextMenuRow]=\"{rowData, editing}\"\n      [class]=\"selectedSize.class+'-tr'\"\n      >\n\n        <td\n\n          *ngIf=\"config.enableSelect && !isEditing\"\n          [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\"\n        >\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(rowData)\"-->\n          <p-tableCheckbox\n            class=\"check-edit-list\"\n            [value]=\"rowData\"\n            [disabled]=\"isDisabledCheckbox(rowData)\"\n            (click)=\"activeItemLote(selectedItems)\"\n          ></p-tableCheckbox>\n        </td>\n\n  <ng-container *ngFor=\"let col of columns; let i = index\">\n\n    <!-- FIXME: Testar a implementa\u00E7\u00E3o abaixo e mesaclar as duas formas -->\n\n    <ng-template #templateInput let-rowData=\"rowData\" let-col=\"col\">\n      <ng-container *ngIf=\"isEditing; else templatevisualedicao\">\n              <ng-container [ngSwitch]=\"col.fieldControlType\">\n\n                <ng-container *ngSwitchCase=\"'text'\">\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\n                    <kv-input-text [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\" [required]=\"col.required ?? true\"></kv-input-text>\n                  </div>\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'number'\">\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\n                    <kv-input-number [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\" [required]=\"col.required ?? true\"></kv-input-number>\n                  </div>\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'mask'\">\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\n                    <kv-input-mask [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [mask]=\"col.mask\" [required]=\"col.required ?? true\" [(ngModel)]=\"rowData[col.field]\"></kv-input-mask>\n                  </div>\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'switch'\">\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\n                    <kv-switch [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\" ></kv-switch>\n                  </div>\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'calendar'\">\n                  <div [style.width]=\"col.width\">\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\n                    <kv-input-calendar class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\"></kv-input-calendar>\n                  </div>\n                  </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'dropdown'\">\n                  <div  [style.width]=\"col.width\"  class=\"grid formgrid p-fluid\" >\n                    <p-dropdown\n                      [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\n                      class=\"cellControl col\"\n                      appendTo=\"body\"\n                      [panelStyle]=\"{'font-size': '0.75rem'}\"\n                      [optionLabel]=\"col.fieldDropDownControl.descricaoobjeto\"\n                      [optionValue]=\"col.fieldDropDownControl.idobjeto\"\n                      [options]=\"col.fieldDropDownControl.fieldControlDropdownSource\"\n                      [(ngModel)]=\"rowData[col.field]\"\n                      >\n                    </p-dropdown>\n                  </div>\n                </ng-container>\n              </ng-container>\n      </ng-container>\n\n      <ng-template #templatevisualedicao>\n        <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\n      </ng-template>\n    </ng-template>\n\n    <ng-template #templateOutput let-rowData=\"rowData\" let-col=\"col\">\n      <ng-container [ngSwitch]=\"col.fieldControlType\">\n        <ng-container *ngSwitchCase=\"'dropdown'\">\n          <ng-container *ngIf=\"rowData[col.field]\">\n            {{\n            retornaDescricaoDrop(\n            rowData,\n            col\n            )\n            }}\n            <!-- {{rowData[col.field]}} -->\n          </ng-container>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'switch'\">\n          <kv-switch [(ngModel)]=\"rowData[col.field]\" [disabled]=\"true\"></kv-switch>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'calendar'\">\n          {{ rowData[col.field] | date }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'mask'\">\n          {{ rowData[col.field] | mask:col.mask }}\n        </ng-container>\n\n        <ng-container *ngSwitchDefault>\n          {{ rowData[col.field] }}\n        </ng-container>\n\n      </ng-container>\n    </ng-template>\n\n\n\n    <td\n      *ngIf=\"editMode == 'cell' && col.fieldControlType\"\n      [pEditableColumn]=\"rowData\"\n      [pEditableColumnField]=\"col.field\"\n      [pEditableColumnRowIndex]=\"rowData[config.dataKey]\"\n      [id]=\"'rowTable'+ rowData[config.dataKey]\"\n      (click)=\"activeItem(rowData)\"\n      (dblclick)=\"dbClickEdit()\"\n      class=\"rowTable\" [style]=\"\n      applyStyle(rowData, col) +\n      centralizarColunas(col) +\n      alignColunas(col) \"\n      [pTooltip]=\"returnTooltipRow(rowData, col)\"\n\n      >\n      <p-cellEditor>\n\n        <ng-container >\n\n          <ng-template  pTemplate=\"input\">\n            <ng-container *ngTemplateOutlet=\"templateInput; context: { rowData: rowData, col: col }\"></ng-container>\n          </ng-template>\n\n          <ng-template  pTemplate=\"output\">\n            <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\n          </ng-template>\n\n        </ng-container>\n\n\n\n\n        <!-- <ng-template *ngIf=\"!isEditing\" pTemplate=\"input\">\n          <ng-container *ngTemplateOutlet=\"templateInput; context: { rowData: rowData, col: col }\"></ng-container>\n        </ng-template>\n\n        <ng-template *ngIf=\"isEditing\" pTemplate=\"output\">\n          <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\n        </ng-template> -->\n\n      </p-cellEditor>\n    </td>\n\n\n    <!-- NOTE: Edi\u00E7\u00E3o de linha -->\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n\n          <!-- Celula que armazena os controles de edi\u00E7\u00E3o para os campos -->\n      <td *ngIf=\"false && col.fieldControlType && editMode == 'row'\"\n            [id]=\"'rowTable'+ rowData[config.dataKey]\"\n            (click)=\"activeItem(rowData)\"\n            (dblclick)=\"dbClickEdit()\"\n            class=\"rowTable\" [style]=\"\n            applyStyle(rowData, col) +\n            centralizarColunas(col) +\n            alignColunas(col)\"\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\n          >\n            <p-cellEditor [ngClass]=\"{'switch': col.fieldControlType == 'switch'}\">\n\n              <ng-template pTemplate=\"input\">\n                <ng-container *ngTemplateOutlet=\"templateInput; context: { rowData: rowData, col: col }\"></ng-container>\n              </ng-template>\n\n              <ng-template pTemplate=\"output\">\n                <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\n              </ng-template>\n\n            </p-cellEditor>\n      </td>\n\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n\n          <td *ngIf=\"rowgroup && !col.template \" [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\n            class=\"rowTable\" [style]=\"\n              applyStyle(rowData, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \" [pTooltip]=\"returnTooltipRow(rowData, col)\">\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\n              <span *ngIf=\"\n                  !isChipField(col) && !col.iconField && !isImageField(col)\n                \">\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\n                {{ transformValue(rowData, col) }}\n              </span>\n\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\n                <span [class]=\"returnClassChip(rowData, col)\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">{{\n                  transformValue(rowData, col) }}</span>\n              </div>\n            </span>\n\n            <span *ngIf=\"isImageField(col)\">\n              <span>\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\n              </span>\n            </span>\n\n            <i *ngIf=\"col.iconField\" [ngClass]=\"{\n                'material-icons': col.indIconMaterial,\n                'material-symbols-outlined mr-2': !col.indIconMaterial\n              }\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">\n              {{ returnClassIcon(rowData, col) }}\n            </i>\n\n            <ng-template #booleanField>\n              <i *ngIf=\"!col.iconField && !isSwitchField(col)\" [ngClass]=\"\n                  rowData[col.field] ? 'text-green-500' : 'text-red-500'\n                \"><span class=\"material-symbols-outlined\">\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\n                </span>\n              </i>\n\n              <span *ngIf=\"isSwitchField(col)\" [class]=\"returnRowClass(rowData, col)\">\n                <kv-switch (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col?.onlyReadField ?? true\" [switchValue]=\"transformValue(rowData, col)\">\n                </kv-switch>\n              </span>\n            </ng-template>\n          </td>\n\n          <td *ngIf=\"!rowgroup && !col.grouped && !col.template && !col.fieldControlType\" [style]=\"\n              applyStyle(rowData, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \" class=\"rowTable\" [pTooltip]=\"returnTooltipRow(rowData, col)\">\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\n              <span *ngIf=\"\n                  !isChipField(col) && !col.iconField && !isImageField(col)\n                \">\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\n                {{ transformValue(rowData, col) }}\n              </span>\n\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\n                <span [class]=\"returnClassChip(rowData, col)\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">\n                  {{ transformValue(rowData, col) }}</span>\n              </div>\n            </span>\n\n            <span *ngIf=\"isImageField(col)\">\n              <span>\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\n              </span>\n            </span>\n\n            <i *ngIf=\"col.iconField\" [ngClass]=\"{\n                'material-icons': col.indIconMaterial,\n                'material-symbols-outlined mr-2': !col.indIconMaterial\n              }\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">\n              {{ returnClassIcon(rowData, col) }}\n            </i>\n\n            <ng-template #booleanField>\n              <i *ngIf=\"!col.iconField && !isSwitchField(col)\" [ngClass]=\"\n                  rowData[col.field] ? 'text-green-500' : 'text-red-500'\n                \"><span class=\"material-symbols-outlined\">\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\n                </span>\n              </i>\n\n              <span *ngIf=\"isSwitchField(col)\" [class]=\"returnRowClass(rowData, col)\">\n                <kv-switch (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col?.onlyReadField ?? true\" [switchValue]=\"transformValue(rowData, col)\">\n                </kv-switch>\n              </span>\n            </ng-template>\n          </td>\n\n          <td *ngIf=\"col.template && !isEditableTable()\" [style]=\"\n              applyStyle(rowData, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \" class=\"rowTable\">\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n            <ng-container *ngIf=\"getCustomTemplate(col.template.name)\"\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\n              [ngTemplateOutletContext]=\"{ $implicit: rowData }\">\n            </ng-container>\n          </td>\n\n        </ng-container>\n\n      <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\n      <!-- Controle de a\u00E7\u00E3o  -->\n      <td [ngClass]=\"{'td-tools': isEditableTable() && this.editMode == 'row' , 'td-tools-sticky': !isEditableTable() || this.editMode == 'cell' }\"\n        *ngIf=\"!isEditing && config.actions && config.actions.length > 0 \"\n        [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' }) + 'border-right: 1px solid #ddd !important;'\"\n      >\n        <div class=\"flex flex-row justify-content-end w-full\">\n          <!-- <button\n            id=\"moreVertBtn\"\n            pButton\n            class=\"actionBtns p-button-text p-button-raised\"\n            (click)=\"menu.toggle($event); activeItem(rowData)\"\n          > -->\n          <span\n            class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n            style=\"font-size: 1rem; height: 10px; width: 20px;\"\n            (click)=\"menu.toggle($event); activeItem(rowData)\"\n          >\n            more_horiz\n          </span>\n          <!-- </button> -->\n\n          <div *ngFor=\"let action of config.actions\">\n            {{ criarMenusModal(rowData) }}\n          </div>\n\n          <!-- <div *ngFor=\"let action of config.actions\">\n            {{ criarMenusModal(rowData) }}\n          </div> -->\n\n          <p-menu\n            #menu\n            [popup]=\"true\"\n            [model]=\"menuItems\"\n            appendTo=\"body\"\n          ></p-menu>\n        </div>\n      </td>\n\n      <!-- <td\n      class=\"td-tools\"\n      *ngIf=\"!isEditing && config.actions && config.actions.length > 0\"\n      [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\"\n    >\n      </td> -->\n\n      <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\n      <!-- Controle de edi\u00E7\u00E3o -->\n        <td class=\"td-edit\" *ngIf=\"this.isEditableTable() && this.editMode == 'row'\" >\n          <div class=\"flex align-items-center justify-content-center gap-2\">\n            <button [style.height]=\"'28px'\" [id]=\"'rowEdit' + rowData[config.dataKey] \" [style.width]=\"'28px'\" [disabled]=\"isDisableEditRowFunction(rowData)\" *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow icon=\"pi pi-pencil\"\n              (click)=\"onRowEditInit(rowData)\" class=\"p-button-rounded p-button-text\"></button>\n            <!-- <button [style.height]=\"'28px'\" [style.width]=\"'28px'\" [disabled]=\"isDisableEditRowFunction(rowData)\" *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow icon=\"pi pi-check\"\n              (click)=\"onRowEditSave(rowData, ri)\" [id]=\"'rowSave' + rowData[config.dataKey] \" class=\"p-button-rounded p-button-text p-button-success mr-2\"></button> -->\n            <button [style.height]=\"'28px'\" [style.width]=\"'28px'\" [disabled]=\"isDisableEditRowFunction(rowData)\" *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow icon=\"pi pi-times\"\n              (click)=\"onRowEditCancel(rowData, ri)\" [id]=\"'rowCancel' + rowData[config.dataKey] \" class=\"p-button-rounded p-button-text p-button-danger\"></button>\n          </div>\n        </td>\n\n      </tr>\n    </ng-template>\n  </p-table>\n</div>\n", styles: ["@charset \"UTF-8\";.td-edit{position:sticky;right:-1px;background-color:#fff;color:#5289b4}.td-tools{position:sticky;right:52px;border-right:1px solid #ddd!important;background-color:#fff;box-shadow:-5px 0 20px -10px #000000bf}.td-tools-sticky{position:sticky;right:0;border-right:3px solid #fff!important;background-color:#fff}#th-edit{position:sticky;right:0;background-color:#eaeaea}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{text-align:center;border:1px solid #eaeaea;border-width:1px 1px;padding:0rem .5rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{text-align:center;padding:0rem .5rem;border-left:none;border-right:none;border-width:1px 1px;font-weight:700;color:#343a40;background:#eaeaea;transition:box-shadow .2s}.error-show{background-color:red;width:5px;height:10px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:15px}.material-symbols-outlined.md-22{font-size:19px}.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}:host ::ng-deep .center{display:flex;align-items:center;justify-content:center}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#29b92d!important}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:.9;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover{color:#a9a9a9}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:2px 13px 0!important;border-radius:5px!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background-color:#eaeaea!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-left:none!important;border-right:none!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:20%;width:1.625rem!important;height:1.625rem!important;box-shadow:#0000003d 0 3px 8px}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:has(p-tablecheckbox){border-bottom:0px!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:has(img){justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:has(img) .p-column-title{display:none!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:last-child{border-bottom:1px solid #ddd!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:last-child div{justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td .p-column-title{font-weight:600}}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea!important}::ng-deep .field.grid,.formgrid.grid{padding:0rem!important}@media screen and (min-width: 961px){.moreVertBtn{position:relative;right:3px}}::ng-deep .p-datatable .p-datatable-thead>tr>th:last-of-type{border-radius:0 0 5px!important;-webkit-border-radius:0px 0px 5px 0px!important;-moz-border-radius:0px 0px 5px 0px!important;-ms-border-radius:0px 0px 5px 0px!important;-o-border-radius:0px 0px 5px 0px!important}::ng-deep .p-datatable .p-datatable-thead>tr>th:first-of-type{border-radius:0 0 0 5px!important;-webkit-border-radius:0px 0px 0px 5px!important;-moz-border-radius:0px 0px 0px 5px!important;-ms-border-radius:0px 0px 0px 5px!important;-o-border-radius:0px 0px 0px 5px!important}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{transform:translate(1.25rem);height:15px;margin-top:-8px;-webkit-transform:translateX(1.25rem);-moz-transform:translateX(1.25rem);-ms-transform:translateX(1.25rem);-o-transform:translateX(1.25rem)}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{height:21px}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch{height:21px}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider:before{background:#fff;width:1rem;height:1.25rem;height:16px!important;left:.25rem;margin-top:-9px!important;margin-top:-.625rem;border-radius:50%;transition-duration:.2s}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch:not(.p-disabled) .p-inputswitch-slider{height:21px}:host ::ng-deep .p-cell-editing{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep p-dropdown-item{font-size:.1rem}.text-aviso{color:red;font-size:.85rem;font-weight:400;width:500px}:host ::ng-deep .p-checkbox .p-checkbox-box{width:18px;height:18px}:host ::ng-deep .p-selectbutton .p-button{font-size:.75rem!important;height:24px;padding:11px}#btn-sizes{border-radius:50%;width:.5rem!important;height:.5rem!important;box-shadow:#0000003d 0 3px 8px}:host ::ng-deep .p-datatable.p-datatable-sm{font-size:.625rem!important}:host ::ng-deep .p-datatable.p-datatable-md{font-size:.75rem!important}:host ::ng-deep .p-datatable.p-datatable-lg{font-size:.875rem!important}:host ::ng-deep .p-datatable-sm-tr>td i>span.material-symbols-outlined{font-size:.9rem}:host ::ng-deep .p-datatable-sm-tr>td .check-edit-list>.p-checkbox .p-checkbox-box{width:15px;height:15px}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>.cellControl>.p-dropdown .p-dropdown-label{width:1%;padding-top:0;padding-bottom:0;font-size:.6rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>kv-input-text>span>.inputs{padding-top:0;padding-bottom:0;font-size:.6rem;height:1rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>.cellControl>span>p-inputmask>.inputs{height:1rem;padding-top:0;padding-bottom:0;font-size:.6rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div,:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>kv-switch>div>p-inputswitch,:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider{height:.6rem!important;width:2.4rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider:before{background:#fff;width:.6rem!important;height:.6rem!important;left:.2rem;margin-top:-.35rem!important;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div>span:before{background:#fff;width:.6rem!important;height:.6rem!important;left:.2rem;margin-top:-.35rem!important;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-md-tr>td i>span.material-symbols-outlined{font-size:1rem}:host ::ng-deep .p-datatable-md-tr>td .check-edit-list>.p-checkbox .p-checkbox-box{width:18px;height:18px}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>.cellControl>.p-dropdown .p-dropdown-label{width:1%;padding-top:0;padding-bottom:0;font-size:.7rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>kv-input-text>span>.inputs{padding-top:0;padding-bottom:0;font-size:.7rem;height:1rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>.cellControl>span>p-inputmask>.inputs{height:1rem;padding-top:0;padding-bottom:0;font-size:.7rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div,:host ::ng-deep .p-datatable-md-tr>td p-celleditor>kv-switch>div>p-inputswitch,:host ::ng-deep .p-datatable-md-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider{height:.83rem!important;width:2.7rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider:before{background:#fff;width:.7rem!important;height:.7rem!important;left:.25rem;margin-top:-.35rem!important;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div>span:before{background:#fff;width:.7rem;height:.7rem;left:.25rem;margin-top:-.4rem;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-lg-tr>td i>span.material-symbols-outlined{font-size:1.1rem}:host ::ng-deep .p-datatable-lg-tr>td p-celleditor>div>kv-input-text>span>.inputs{padding-top:0;padding-bottom:0;font-size:.8rem;height:1rem}:host ::ng-deep .p-datatable-lg-tr>td p-celleditor>div>.cellControl>.p-dropdown .p-dropdown-label{padding-top:0;padding-bottom:0;font-size:.8rem}:host ::ng-deep .p-datatable-lg-tr>td p-celleditor>div>.cellControl>span>p-inputmask>.inputs{height:1rem;padding-top:0;padding-bottom:0;font-size:.8rem}:host ::ng-deep .p-datatable-sm-tr>td{padding-top:0!important;padding-top:.05rem!important;padding-bottom:.05rem!important}:host ::ng-deep .p-datatable-md-tr>td,:host ::ng-deep .p-datatable-lg-tr>td{padding:.15rem!important}.p-datatable.p-datatable-smth{font-size:.6rem!important}.p-datatable.p-datatable-dmth{font-size:.7rem!important}.p-datatable.p-datatable-lgth{font-size:.8rem!important}:host ::ng-deep .p-datatable.p-datatable-sm * p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options) p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options){height:15px!important}:host ::ng-deep .p-datatable.p-datatable-md * p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options) p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options){height:25px!important}:host ::ng-deep .p-datatable.p-datatable-lg * p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options) p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options){height:30px!important}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider{height:21px!important}:host ::ng-deep .teste>.p-button{background:#eaeaea!important;color:#a9a9a9;border:none;box-shadow:#0000003d 0 3px 8px;height:20px}:host ::ng-deep .teste{width:70px;font-size:.7rem}:host ::ng-deep .p-tieredmenu-root-list>li:first-child{font-size:.6rem}:host ::ng-deep .p-tieredmenu-root-list>li:last-child{font-size:.8rem}:host ::ng-deep .p-speeddial-button.p-button.p-button-icon-only{width:2rem;height:2rem;font-size:1rem}.item-circle{width:4rem;height:2rem;padding:1rem;font-size:.8rem;border-radius:17%;display:flex;align-items:center;justify-content:center;background:#eaeaea!important;box-shadow:#0000003d 0 3px 13px}:host ::ng-deep p-speeddial>div>button>span.material-symbols-outlined.ng-star-inserted{font-size:1.1rem}:host ::ng-deep .check-edit-list>div.p-checkbox.p-component{height:1rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:first-child{border-left:1px solid #ddd!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:last-child{border-left:1px solid #ddd!important}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar:hover{background-color:#dededebf}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar{width:6px;height:3px}:host ::ng-deep .p-datatable-wrapper:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}:host ::ng-deep .p-datatable>.p-datatable-wrapper{overflow-y:hidden}\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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5$7.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i5$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: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i7$1.ContextMenu, selector: "p-contextMenu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "id", "ariaLabel", "ariaLabelledBy", "pressDelay"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: i11$1.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i13.SplitButton, selector: "p-splitButton", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "style", "styleClass", "menuStyle", "menuStyleClass", "tabindex", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onDropdownClick"] }, { kind: "component", type: i14.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i14.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i14.ContextMenuRow, selector: "[pContextMenuRow]", inputs: ["pContextMenuRow", "pContextMenuRowIndex", "pContextMenuRowDisabled"] }, { kind: "directive", type: i14.ReorderableColumn, selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "directive", type: i14.EditableColumn, selector: "[pEditableColumn]", inputs: ["pEditableColumn", "pEditableColumnField", "pEditableColumnRowIndex", "pEditableColumnDisabled", "pFocusCellSelector"] }, { kind: "component", type: i14.CellEditor, selector: "p-cellEditor" }, { 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: i14.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i14.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: i14.CancelEditableRow, selector: "[pCancelEditableRow]" }, { kind: "component", type: i15.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvInputCalendarComponent, selector: "kv-input-calendar", inputs: ["isYear", "isMonthYear", "minDate", "maxDate", "showButtonBar", "showIcon", "showTime", "selectionMode"], outputs: ["onSelectionChange", "onSelectionValue"] }, { kind: "component", type: KvInputMaskComponent, selector: "kv-input-mask", inputs: ["mask"], outputs: ["onComplete"] }, { kind: "component", type: KvInputNumberComponent, selector: "kv-input-number", inputs: ["mode", "digits", "min", "max", "suffix"] }, { kind: "component", type: KvInputTextComponent, selector: "kv-input-text", inputs: ["textCaptalized"] }, { kind: "component", type: KvSwitchComponent, selector: "kv-switch", inputs: ["readonly", "switchValue"], outputs: ["onSwitchChange"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: MaskPipe, name: "mask" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTableEditComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-table-edit', template: "<div class=\"card\" id=\"tamanhotabela\" [style.font-size]=\"'1px'\">\r\n  <p-toast></p-toast>\r\n\r\n  <p-panel\r\n    *ngIf=\"filtrosAvancados\"\r\n    header=\"Filtros avan\u00E7ados\"\r\n    [toggleable]=\"true\"\r\n    [collapsed]=\"true\"\r\n    (collapsedChange)=\"collapsed = !collapsed\"\r\n    [style]=\"{ 'margin-bottom': '2px' }\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      <i\r\n        *ngIf=\"!collapsed\"\r\n        class=\"pi pi-filter\"\r\n      ></i>\r\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      <i\r\n        *ngIf=\"collapsed\"\r\n        class=\"pi pi-minus\"\r\n      ></i>\r\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\r\n    </ng-template>\r\n    <ng-content></ng-content>\r\n  </p-panel>\r\n\r\n  <p-contextMenu #cm [model]=\"itemsContextMenu\"></p-contextMenu>\r\n  <p-table\r\n  #te\r\n  [editMode]=\"editMode\"\r\n  (onEditComplete)=\"onEditComplete($event)\"\r\n  (onEditInit)=\"onEditInit($event)\"\r\n  [reorderableColumns]=\"config.reorderableColumns || false\"\r\n  *ngIf=\"config\"\r\n  [value]=\"dataSource\"\r\n  [dataKey]=\"config.dataKey\"\r\n  [columns]=\"config.columns\"\r\n  [scrollable]=\"true\"\r\n  appendTo=\"body\"\r\n  [styleClass]=\"selectedSize.class\"\r\n  [(selection)]=\"selectedItems\"\r\n  [rowSelectable]=\"isRowSelectable\"\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  (selectionChange)=\"selectionChange($event)\"\r\n  [rowHover]=\"true\"\r\n  [totalRecords]=\"totalRecords\"\r\n  [lazy]=\"config.lazy\"\r\n  (onLazyLoad)=\"paginate($event)\"\r\n  [groupRowsBy]=\"config.fieldGroup\"\r\n  paginatorDropdownAppendTo=\"body\"\r\n  [showFirstLastIcon]=\"showFirstLastIcon\"\r\n  [pageLinks]=\"pageLinksOptions\"\r\n  [scrollable]=\"isTableScrollable\"\r\n  [scrollHeight]=\"scrollHeight\"\r\n  [rowTrackBy]=\"rowTrackBy \"\r\n  [(contextMenuSelection)]=\"selectedProduct\"\r\n  [contextMenu]=\" isEditableTable() ? cm : null\"\r\n  >\r\n\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n\r\n    <ng-template\r\n      pTemplate=\"caption\"\r\n      *ngIf=\"config.enableCation || enableSizes\"\r\n    >\r\n      <div class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\r\n        <div class=\"col-12 flex flex-column\">\r\n          <div\r\n            *ngIf=\"config.title\"\r\n            class=\"text-md font-bold my-3\"\r\n          >\r\n            {{ config.title }}\r\n          </div>\r\n          <div\r\n            *ngIf=\"config.subtitle\"\r\n            class=\"text-sm mb-4 font-medium\"\r\n          >\r\n            {{ config.subtitle }}\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\r\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\r\n          }} mt-1 mb-2 \">\r\n          <span\r\n            *ngIf=\"config.enableFilter\"\r\n            class=\"p-input-icon-left\"\r\n          >\r\n            <i class=\"pi pi-search\"></i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(te, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"h-2rem\"\r\n            />\r\n          </span>\r\n\r\n\r\n          <!-- FIXME: Op\u00E7\u00E3o 1  -->\r\n           <!-- <div class=\"sizes-controls ml-2\" *ngIf=\"isShowSizes\">\r\n            <p-selectButton\r\n                [options]=\"sizes\"\r\n                [(ngModel)]=\"selectedSize\"\r\n                [style]=\"{'display': 'flex'}\"\r\n                optionLabel=\"name\"\r\n                />\r\n          </div>\r\n         <button\r\n          id=\"btn-sizes\"\r\n          pButton\r\n          [pTooltip]=\"isShowSizes ? 'Esconder controles de tamanho' : 'Mostrar controles de tamanho'\"\r\n          class=\"actionLoteBtns p-button-raised p-button-text\"\r\n          (click)=\"isShowSizes = !isShowSizes\"\r\n        >\r\n          <span  style=\"font-size: 0.8rem;\" class=\"flex align-items-end\">\r\n          <span  style=\"font-size: 0.7rem;\">\r\n            A\r\n          </span>\r\n            A\r\n          </span>\r\n        </button> -->\r\n\r\n          <!-- FIXME: Op\u00E7\u00E3o 2  -->\r\n          <div *ngIf=\"enableSizes\" class=\"sizes-controls ml-2\" >\r\n            <p-splitButton\r\n              label=\"aA\"\r\n              [model]=\"sizes\"\r\n              styleClass=\"teste\"\r\n              [menuStyle]=\"{'font-size': '0.7rem'}\"\r\n\r\n              ngModel\r\n            >\r\n            </p-splitButton>\r\n          </div>\r\n\r\n          <!-- FIXME: Op\u00E7\u00E3o 3  -->\r\n          <!-- <div class=\"sizes-controls ml-2\" style=\"transform: translate(0px, -15px);\" >\r\n            <p-speedDial\r\n              [model]=\"sizes\"\r\n              showIcon=\"format_size\"\r\n              hideIcon=\"format_size\"\r\n              radius=\"120\"\r\n              direction=\"down-right\"\r\n              type=\"quarter-circle\"\r\n              buttonClassName=\"item-circle\"\r\n            >\r\n\r\n            <ng-template pTemplate=\"button\">\r\n              <span class=\"material-symbols-outlined\">\r\n                format_size\r\n              </span>\r\n            </ng-template>\r\n\r\n\r\n            <ng-template let-item pTemplate=\"item\">\r\n              <div class=\"item-circle\">\r\n                {{item.label}}\r\n              </div>\r\n            </ng-template>\r\n\r\n          </p-speedDial>\r\n          </div> -->\r\n\r\n\r\n        </div>\r\n\r\n        <span *ngIf=\"isEditing\" class=\"text-aviso\">\r\n\r\n          Tabela em modo de edi\u00E7\u00E3o\r\n\r\n        </span>\r\n\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end\">\r\n\r\n\r\n          <div\r\n            *ngFor=\"let action of config.actionsLote\"\r\n            class=\"btns-options\"\r\n            [style]=\"{ 'margin-right': '7px' }\"\r\n          >\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              *ngIf=\"\r\n                !isEditing &&\r\n                (selectedItems.length > 0 || action.showAcoesLote) &&\r\n                exibirCampo(action, this.action)\r\n              \"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              style=\"background-color: #1DA750\"\r\n              (click)=\"\r\n                action?.command(); activeItemLote(selectedItems)\r\n              \"\r\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\" style=\"color: white\"\r\n              >\r\n                {{ getOrExecute(action.icon, selectedItems) }}\r\n              </span>\r\n            </button>\r\n          </div>\r\n\r\n          <div *ngIf=\"isEditableTable()\" class=\"btns-options\"\r\n            [style]=\"{ 'margin-right': '7px' }\"\r\n          >\r\n            <button\r\n              (click)=\"this.isEditing = !this.isEditing\"\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              style=\"background-color: #1DA750; color: #fff;\"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n            >\r\n              <span class=\"material-symbols-outlined\">\r\n                edit_square\r\n              </span>\r\n            </button>\r\n          </div>\r\n\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"header\"\r\n      let-columns\r\n    >\r\n      <tr>\r\n        <th\r\n          style=\"width: 4rem; border-left: solid 4px transparent\"\r\n          *ngIf=\"config.enableSelect && !isEditing\"\r\n          [class]=\"selectedSize.class+'th'\"\r\n        >\r\n          <p-tableHeaderCheckbox  (click)=\"activeItemLote(selectedItems)\"></p-tableHeaderCheckbox>\r\n        </th>\r\n\r\n        <th\r\n          *ngFor=\"let col of columns\"\r\n          [pSortableColumn]=\"col.field\"\r\n          [pSortableColumnDisabled]=\"col.sortable === false\"\r\n          [style.min-width]=\"col.width * selectedSize.size + 'px'\"\r\n          pReorderableColumn\r\n          [class]=\"selectedSize.class+'th'\"\r\n        >\r\n          <div\r\n            [class]=\"\r\n              centralizarColunas(col) && alignColunasHeader(col) == ''\r\n                ? 'flex flex-row justify-content-center'\r\n                : 'flex flex-row'\r\n            \"\r\n            [style]=\"alignColunasHeader(col)\"\r\n          >\r\n            <span>{{ col.header }}</span>\r\n            <p-sortIcon\r\n              *ngIf=\"col.sortable === true\"\r\n              [field]=\"col.field\"\r\n              style=\"font-size: 10px\"\r\n            ></p-sortIcon>\r\n\r\n            <span\r\n              *ngIf=\"col.headerTooltip\"\r\n              class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\"\r\n            >info</span>\r\n          </div>\r\n        </th>\r\n        <th *ngIf=\"!isEditing && config.actions && config.actions.length > 0\"></th>\r\n        <th *ngIf=\"isEditableTable() && this.editMode == 'row'\"  id=\"th-edit\" style=\"width: 20px\">Editar</th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n\r\n    <ng-template pTemplate=\"body\" let-rowData let-editing=\"editing\" let-ri=\"rowIndex\" let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\" let-rowspan=\"rowspan\">\r\n      <tr [pEditableRow]=\"rowData\" [pEditableRowDisabled]=\"false\"\r\n      [pContextMenuRow]=\"{rowData, editing}\"\r\n      [class]=\"selectedSize.class+'-tr'\"\r\n      >\r\n\r\n        <td\r\n\r\n          *ngIf=\"config.enableSelect && !isEditing\"\r\n          [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\"\r\n        >\r\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(rowData)\"-->\r\n          <p-tableCheckbox\r\n            class=\"check-edit-list\"\r\n            [value]=\"rowData\"\r\n            [disabled]=\"isDisabledCheckbox(rowData)\"\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableCheckbox>\r\n        </td>\r\n\r\n  <ng-container *ngFor=\"let col of columns; let i = index\">\r\n\r\n    <!-- FIXME: Testar a implementa\u00E7\u00E3o abaixo e mesaclar as duas formas -->\r\n\r\n    <ng-template #templateInput let-rowData=\"rowData\" let-col=\"col\">\r\n      <ng-container *ngIf=\"isEditing; else templatevisualedicao\">\r\n              <ng-container [ngSwitch]=\"col.fieldControlType\">\r\n\r\n                <ng-container *ngSwitchCase=\"'text'\">\r\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\r\n                    <kv-input-text [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\" [required]=\"col.required ?? true\"></kv-input-text>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchCase=\"'number'\">\r\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\r\n                    <kv-input-number [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\" [required]=\"col.required ?? true\"></kv-input-number>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchCase=\"'mask'\">\r\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\r\n                    <kv-input-mask [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [mask]=\"col.mask\" [required]=\"col.required ?? true\" [(ngModel)]=\"rowData[col.field]\"></kv-input-mask>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchCase=\"'switch'\">\r\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\r\n                    <kv-switch [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\" ></kv-switch>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngSwitchCase=\"'calendar'\">\r\n                  <div [style.width]=\"col.width\">\r\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\r\n                    <kv-input-calendar class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\"></kv-input-calendar>\r\n                  </div>\r\n                  </div>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'dropdown'\">\r\n                  <div  [style.width]=\"col.width\"  class=\"grid formgrid p-fluid\" >\r\n                    <p-dropdown\r\n                      [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\r\n                      class=\"cellControl col\"\r\n                      appendTo=\"body\"\r\n                      [panelStyle]=\"{'font-size': '0.75rem'}\"\r\n                      [optionLabel]=\"col.fieldDropDownControl.descricaoobjeto\"\r\n                      [optionValue]=\"col.fieldDropDownControl.idobjeto\"\r\n                      [options]=\"col.fieldDropDownControl.fieldControlDropdownSource\"\r\n                      [(ngModel)]=\"rowData[col.field]\"\r\n                      >\r\n                    </p-dropdown>\r\n                  </div>\r\n                </ng-container>\r\n              </ng-container>\r\n      </ng-container>\r\n\r\n      <ng-template #templatevisualedicao>\r\n        <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\r\n      </ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template #templateOutput let-rowData=\"rowData\" let-col=\"col\">\r\n      <ng-container [ngSwitch]=\"col.fieldControlType\">\r\n        <ng-container *ngSwitchCase=\"'dropdown'\">\r\n          <ng-container *ngIf=\"rowData[col.field]\">\r\n            {{\r\n            retornaDescricaoDrop(\r\n            rowData,\r\n            col\r\n            )\r\n            }}\r\n            <!-- {{rowData[col.field]}} -->\r\n          </ng-container>\r\n        </ng-container>\r\n\r\n        <ng-container *ngSwitchCase=\"'switch'\">\r\n          <kv-switch [(ngModel)]=\"rowData[col.field]\" [disabled]=\"true\"></kv-switch>\r\n        </ng-container>\r\n\r\n        <ng-container *ngSwitchCase=\"'calendar'\">\r\n          {{ rowData[col.field] | date }}\r\n        </ng-container>\r\n\r\n        <ng-container *ngSwitchCase=\"'mask'\">\r\n          {{ rowData[col.field] | mask:col.mask }}\r\n        </ng-container>\r\n\r\n        <ng-container *ngSwitchDefault>\r\n          {{ rowData[col.field] }}\r\n        </ng-container>\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n\r\n    <td\r\n      *ngIf=\"editMode == 'cell' && col.fieldControlType\"\r\n      [pEditableColumn]=\"rowData\"\r\n      [pEditableColumnField]=\"col.field\"\r\n      [pEditableColumnRowIndex]=\"rowData[config.dataKey]\"\r\n      [id]=\"'rowTable'+ rowData[config.dataKey]\"\r\n      (click)=\"activeItem(rowData)\"\r\n      (dblclick)=\"dbClickEdit()\"\r\n      class=\"rowTable\" [style]=\"\r\n      applyStyle(rowData, col) +\r\n      centralizarColunas(col) +\r\n      alignColunas(col) \"\r\n      [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n\r\n      >\r\n      <p-cellEditor>\r\n\r\n        <ng-container >\r\n\r\n          <ng-template  pTemplate=\"input\">\r\n            <ng-container *ngTemplateOutlet=\"templateInput; context: { rowData: rowData, col: col }\"></ng-container>\r\n          </ng-template>\r\n\r\n          <ng-template  pTemplate=\"output\">\r\n            <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\r\n          </ng-template>\r\n\r\n        </ng-container>\r\n\r\n\r\n\r\n\r\n        <!-- <ng-template *ngIf=\"!isEditing\" pTemplate=\"input\">\r\n          <ng-container *ngTemplateOutlet=\"templateInput; context: { rowData: rowData, col: col }\"></ng-container>\r\n        </ng-template>\r\n\r\n        <ng-template *ngIf=\"isEditing\" pTemplate=\"output\">\r\n          <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\r\n        </ng-template> -->\r\n\r\n      </p-cellEditor>\r\n    </td>\r\n\r\n\r\n    <!-- NOTE: Edi\u00E7\u00E3o de linha -->\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n\r\n          <!-- Celula que armazena os controles de edi\u00E7\u00E3o para os campos -->\r\n      <td *ngIf=\"false && col.fieldControlType && editMode == 'row'\"\r\n            [id]=\"'rowTable'+ rowData[config.dataKey]\"\r\n            (click)=\"activeItem(rowData)\"\r\n            (dblclick)=\"dbClickEdit()\"\r\n            class=\"rowTable\" [style]=\"\r\n            applyStyle(rowData, col) +\r\n            centralizarColunas(col) +\r\n            alignColunas(col)\"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <p-cellEditor [ngClass]=\"{'switch': col.fieldControlType == 'switch'}\">\r\n\r\n              <ng-template pTemplate=\"input\">\r\n                <ng-container *ngTemplateOutlet=\"templateInput; context: { rowData: rowData, col: col }\"></ng-container>\r\n              </ng-template>\r\n\r\n              <ng-template pTemplate=\"output\">\r\n                <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\r\n              </ng-template>\r\n\r\n            </p-cellEditor>\r\n      </td>\r\n\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n\r\n          <td *ngIf=\"rowgroup && !col.template \" [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            class=\"rowTable\" [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \" [pTooltip]=\"returnTooltipRow(rowData, col)\">\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\r\n              <span *ngIf=\"\r\n                  !isChipField(col) && !col.iconField && !isImageField(col)\r\n                \">\r\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span [class]=\"returnClassChip(rowData, col)\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">{{\r\n                  transformValue(rowData, col) }}</span>\r\n              </div>\r\n            </span>\r\n\r\n            <span *ngIf=\"isImageField(col)\">\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n              </span>\r\n            </span>\r\n\r\n            <i *ngIf=\"col.iconField\" [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n\r\n            <ng-template #booleanField>\r\n              <i *ngIf=\"!col.iconField && !isSwitchField(col)\" [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\r\n              <span *ngIf=\"isSwitchField(col)\" [class]=\"returnRowClass(rowData, col)\">\r\n                <kv-switch (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\" [switchValue]=\"transformValue(rowData, col)\">\r\n                </kv-switch>\r\n              </span>\r\n            </ng-template>\r\n          </td>\r\n\r\n          <td *ngIf=\"!rowgroup && !col.grouped && !col.template && !col.fieldControlType\" [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \" class=\"rowTable\" [pTooltip]=\"returnTooltipRow(rowData, col)\">\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\r\n              <span *ngIf=\"\r\n                  !isChipField(col) && !col.iconField && !isImageField(col)\r\n                \">\r\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span [class]=\"returnClassChip(rowData, col)\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">\r\n                  {{ transformValue(rowData, col) }}</span>\r\n              </div>\r\n            </span>\r\n\r\n            <span *ngIf=\"isImageField(col)\">\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n              </span>\r\n            </span>\r\n\r\n            <i *ngIf=\"col.iconField\" [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n\r\n            <ng-template #booleanField>\r\n              <i *ngIf=\"!col.iconField && !isSwitchField(col)\" [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\r\n              <span *ngIf=\"isSwitchField(col)\" [class]=\"returnRowClass(rowData, col)\">\r\n                <kv-switch (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\" [switchValue]=\"transformValue(rowData, col)\">\r\n                </kv-switch>\r\n              </span>\r\n            </ng-template>\r\n          </td>\r\n\r\n          <td *ngIf=\"col.template && !isEditableTable()\" [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \" class=\"rowTable\">\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n            <ng-container *ngIf=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData }\">\r\n            </ng-container>\r\n          </td>\r\n\r\n        </ng-container>\r\n\r\n      <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\r\n      <!-- Controle de a\u00E7\u00E3o  -->\r\n      <td [ngClass]=\"{'td-tools': isEditableTable() && this.editMode == 'row' , 'td-tools-sticky': !isEditableTable() || this.editMode == 'cell' }\"\r\n        *ngIf=\"!isEditing && config.actions && config.actions.length > 0 \"\r\n        [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' }) + 'border-right: 1px solid #ddd !important;'\"\r\n      >\r\n        <div class=\"flex flex-row justify-content-end w-full\">\r\n          <!-- <button\r\n            id=\"moreVertBtn\"\r\n            pButton\r\n            class=\"actionBtns p-button-text p-button-raised\"\r\n            (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n          > -->\r\n          <span\r\n            class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n            style=\"font-size: 1rem; height: 10px; width: 20px;\"\r\n            (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n          >\r\n            more_horiz\r\n          </span>\r\n          <!-- </button> -->\r\n\r\n          <div *ngFor=\"let action of config.actions\">\r\n            {{ criarMenusModal(rowData) }}\r\n          </div>\r\n\r\n          <!-- <div *ngFor=\"let action of config.actions\">\r\n            {{ criarMenusModal(rowData) }}\r\n          </div> -->\r\n\r\n          <p-menu\r\n            #menu\r\n            [popup]=\"true\"\r\n            [model]=\"menuItems\"\r\n            appendTo=\"body\"\r\n          ></p-menu>\r\n        </div>\r\n      </td>\r\n\r\n      <!-- <td\r\n      class=\"td-tools\"\r\n      *ngIf=\"!isEditing && config.actions && config.actions.length > 0\"\r\n      [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\"\r\n    >\r\n      </td> -->\r\n\r\n      <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\r\n      <!-- Controle de edi\u00E7\u00E3o -->\r\n        <td class=\"td-edit\" *ngIf=\"this.isEditableTable() && this.editMode == 'row'\" >\r\n          <div class=\"flex align-items-center justify-content-center gap-2\">\r\n            <button [style.height]=\"'28px'\" [id]=\"'rowEdit' + rowData[config.dataKey] \" [style.width]=\"'28px'\" [disabled]=\"isDisableEditRowFunction(rowData)\" *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow icon=\"pi pi-pencil\"\r\n              (click)=\"onRowEditInit(rowData)\" class=\"p-button-rounded p-button-text\"></button>\r\n            <!-- <button [style.height]=\"'28px'\" [style.width]=\"'28px'\" [disabled]=\"isDisableEditRowFunction(rowData)\" *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow icon=\"pi pi-check\"\r\n              (click)=\"onRowEditSave(rowData, ri)\" [id]=\"'rowSave' + rowData[config.dataKey] \" class=\"p-button-rounded p-button-text p-button-success mr-2\"></button> -->\r\n            <button [style.height]=\"'28px'\" [style.width]=\"'28px'\" [disabled]=\"isDisableEditRowFunction(rowData)\" *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow icon=\"pi pi-times\"\r\n              (click)=\"onRowEditCancel(rowData, ri)\" [id]=\"'rowCancel' + rowData[config.dataKey] \" class=\"p-button-rounded p-button-text p-button-danger\"></button>\r\n          </div>\r\n        </td>\r\n\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.td-edit{position:sticky;right:-1px;background-color:#fff;color:#5289b4}.td-tools{position:sticky;right:52px;border-right:1px solid #ddd!important;background-color:#fff;box-shadow:-5px 0 20px -10px #000000bf}.td-tools-sticky{position:sticky;right:0;border-right:3px solid #fff!important;background-color:#fff}#th-edit{position:sticky;right:0;background-color:#eaeaea}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{text-align:center;border:1px solid #eaeaea;border-width:1px 1px;padding:0rem .5rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{text-align:center;padding:0rem .5rem;border-left:none;border-right:none;border-width:1px 1px;font-weight:700;color:#343a40;background:#eaeaea;transition:box-shadow .2s}.error-show{background-color:red;width:5px;height:10px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:15px}.material-symbols-outlined.md-22{font-size:19px}.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}:host ::ng-deep .center{display:flex;align-items:center;justify-content:center}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#29b92d!important}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:.9;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover{color:#a9a9a9}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:2px 13px 0!important;border-radius:5px!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background-color:#eaeaea!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-left:none!important;border-right:none!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:20%;width:1.625rem!important;height:1.625rem!important;box-shadow:#0000003d 0 3px 8px}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:has(p-tablecheckbox){border-bottom:0px!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:has(img){justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:has(img) .p-column-title{display:none!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:last-child{border-bottom:1px solid #ddd!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:last-child div{justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td .p-column-title{font-weight:600}}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea!important}::ng-deep .field.grid,.formgrid.grid{padding:0rem!important}@media screen and (min-width: 961px){.moreVertBtn{position:relative;right:3px}}::ng-deep .p-datatable .p-datatable-thead>tr>th:last-of-type{border-radius:0 0 5px!important;-webkit-border-radius:0px 0px 5px 0px!important;-moz-border-radius:0px 0px 5px 0px!important;-ms-border-radius:0px 0px 5px 0px!important;-o-border-radius:0px 0px 5px 0px!important}::ng-deep .p-datatable .p-datatable-thead>tr>th:first-of-type{border-radius:0 0 0 5px!important;-webkit-border-radius:0px 0px 0px 5px!important;-moz-border-radius:0px 0px 0px 5px!important;-ms-border-radius:0px 0px 0px 5px!important;-o-border-radius:0px 0px 0px 5px!important}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{transform:translate(1.25rem);height:15px;margin-top:-8px;-webkit-transform:translateX(1.25rem);-moz-transform:translateX(1.25rem);-ms-transform:translateX(1.25rem);-o-transform:translateX(1.25rem)}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{height:21px}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch{height:21px}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider:before{background:#fff;width:1rem;height:1.25rem;height:16px!important;left:.25rem;margin-top:-9px!important;margin-top:-.625rem;border-radius:50%;transition-duration:.2s}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch:not(.p-disabled) .p-inputswitch-slider{height:21px}:host ::ng-deep .p-cell-editing{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep p-dropdown-item{font-size:.1rem}.text-aviso{color:red;font-size:.85rem;font-weight:400;width:500px}:host ::ng-deep .p-checkbox .p-checkbox-box{width:18px;height:18px}:host ::ng-deep .p-selectbutton .p-button{font-size:.75rem!important;height:24px;padding:11px}#btn-sizes{border-radius:50%;width:.5rem!important;height:.5rem!important;box-shadow:#0000003d 0 3px 8px}:host ::ng-deep .p-datatable.p-datatable-sm{font-size:.625rem!important}:host ::ng-deep .p-datatable.p-datatable-md{font-size:.75rem!important}:host ::ng-deep .p-datatable.p-datatable-lg{font-size:.875rem!important}:host ::ng-deep .p-datatable-sm-tr>td i>span.material-symbols-outlined{font-size:.9rem}:host ::ng-deep .p-datatable-sm-tr>td .check-edit-list>.p-checkbox .p-checkbox-box{width:15px;height:15px}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>.cellControl>.p-dropdown .p-dropdown-label{width:1%;padding-top:0;padding-bottom:0;font-size:.6rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>kv-input-text>span>.inputs{padding-top:0;padding-bottom:0;font-size:.6rem;height:1rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>.cellControl>span>p-inputmask>.inputs{height:1rem;padding-top:0;padding-bottom:0;font-size:.6rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div,:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>kv-switch>div>p-inputswitch,:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider{height:.6rem!important;width:2.4rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider:before{background:#fff;width:.6rem!important;height:.6rem!important;left:.2rem;margin-top:-.35rem!important;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div>span:before{background:#fff;width:.6rem!important;height:.6rem!important;left:.2rem;margin-top:-.35rem!important;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-md-tr>td i>span.material-symbols-outlined{font-size:1rem}:host ::ng-deep .p-datatable-md-tr>td .check-edit-list>.p-checkbox .p-checkbox-box{width:18px;height:18px}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>.cellControl>.p-dropdown .p-dropdown-label{width:1%;padding-top:0;padding-bottom:0;font-size:.7rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>kv-input-text>span>.inputs{padding-top:0;padding-bottom:0;font-size:.7rem;height:1rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>.cellControl>span>p-inputmask>.inputs{height:1rem;padding-top:0;padding-bottom:0;font-size:.7rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div,:host ::ng-deep .p-datatable-md-tr>td p-celleditor>kv-switch>div>p-inputswitch,:host ::ng-deep .p-datatable-md-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider{height:.83rem!important;width:2.7rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider:before{background:#fff;width:.7rem!important;height:.7rem!important;left:.25rem;margin-top:-.35rem!important;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div>span:before{background:#fff;width:.7rem;height:.7rem;left:.25rem;margin-top:-.4rem;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-lg-tr>td i>span.material-symbols-outlined{font-size:1.1rem}:host ::ng-deep .p-datatable-lg-tr>td p-celleditor>div>kv-input-text>span>.inputs{padding-top:0;padding-bottom:0;font-size:.8rem;height:1rem}:host ::ng-deep .p-datatable-lg-tr>td p-celleditor>div>.cellControl>.p-dropdown .p-dropdown-label{padding-top:0;padding-bottom:0;font-size:.8rem}:host ::ng-deep .p-datatable-lg-tr>td p-celleditor>div>.cellControl>span>p-inputmask>.inputs{height:1rem;padding-top:0;padding-bottom:0;font-size:.8rem}:host ::ng-deep .p-datatable-sm-tr>td{padding-top:0!important;padding-top:.05rem!important;padding-bottom:.05rem!important}:host ::ng-deep .p-datatable-md-tr>td,:host ::ng-deep .p-datatable-lg-tr>td{padding:.15rem!important}.p-datatable.p-datatable-smth{font-size:.6rem!important}.p-datatable.p-datatable-dmth{font-size:.7rem!important}.p-datatable.p-datatable-lgth{font-size:.8rem!important}:host ::ng-deep .p-datatable.p-datatable-sm * p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options) p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options){height:15px!important}:host ::ng-deep .p-datatable.p-datatable-md * p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options) p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options){height:25px!important}:host ::ng-deep .p-datatable.p-datatable-lg * p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options) p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options){height:30px!important}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider{height:21px!important}:host ::ng-deep .teste>.p-button{background:#eaeaea!important;color:#a9a9a9;border:none;box-shadow:#0000003d 0 3px 8px;height:20px}:host ::ng-deep .teste{width:70px;font-size:.7rem}:host ::ng-deep .p-tieredmenu-root-list>li:first-child{font-size:.6rem}:host ::ng-deep .p-tieredmenu-root-list>li:last-child{font-size:.8rem}:host ::ng-deep .p-speeddial-button.p-button.p-button-icon-only{width:2rem;height:2rem;font-size:1rem}.item-circle{width:4rem;height:2rem;padding:1rem;font-size:.8rem;border-radius:17%;display:flex;align-items:center;justify-content:center;background:#eaeaea!important;box-shadow:#0000003d 0 3px 13px}:host ::ng-deep p-speeddial>div>button>span.material-symbols-outlined.ng-star-inserted{font-size:1.1rem}:host ::ng-deep .check-edit-list>div.p-checkbox.p-component{height:1rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:first-child{border-left:1px solid #ddd!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:last-child{border-left:1px solid #ddd!important}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar:hover{background-color:#dededebf}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar{width:6px;height:3px}:host ::ng-deep .p-datatable-wrapper:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}:host ::ng-deep .p-datatable>.p-datatable-wrapper{overflow-y:hidden}\n"] }]
+            args: [{ selector: 'kv-table-edit', template: "<div class=\"card\" id=\"tamanhotabela\" [style.font-size]=\"'1px'\">\n  <p-toast></p-toast>\n\n  <p-panel\n    *ngIf=\"filtrosAvancados\"\n    header=\"Filtros avan\u00E7ados\"\n    [toggleable]=\"true\"\n    [collapsed]=\"true\"\n    (collapsedChange)=\"collapsed = !collapsed\"\n    [style]=\"{ 'margin-bottom': '2px' }\"\n  >\n    <ng-template pTemplate=\"headericons\">\n      <i\n        *ngIf=\"!collapsed\"\n        class=\"pi pi-filter\"\n      ></i>\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\n      <i\n        *ngIf=\"collapsed\"\n        class=\"pi pi-minus\"\n      ></i>\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\n    </ng-template>\n    <ng-content></ng-content>\n  </p-panel>\n\n  <p-contextMenu #cm [model]=\"itemsContextMenu\"></p-contextMenu>\n  <p-table\n  #te\n  [editMode]=\"editMode\"\n  (onEditComplete)=\"onEditComplete($event)\"\n  (onEditInit)=\"onEditInit($event)\"\n  [reorderableColumns]=\"config.reorderableColumns || false\"\n  *ngIf=\"config\"\n  [value]=\"dataSource\"\n  [dataKey]=\"config.dataKey\"\n  [columns]=\"config.columns\"\n  [scrollable]=\"true\"\n  appendTo=\"body\"\n  [styleClass]=\"selectedSize.class\"\n  [(selection)]=\"selectedItems\"\n  [rowSelectable]=\"isRowSelectable\"\n  [globalFilterFields]=\"globalFilterFields\"\n  [rows]=\"rows\"\n  [paginator]=\"paginator\"\n  [rowsPerPageOptions]=\"rowsPerPageOptions\"\n  [showCurrentPageReport]=\"true\"\n  currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\n  (selectionChange)=\"selectionChange($event)\"\n  [rowHover]=\"true\"\n  [totalRecords]=\"totalRecords\"\n  [lazy]=\"config.lazy\"\n  (onLazyLoad)=\"paginate($event)\"\n  [groupRowsBy]=\"config.fieldGroup\"\n  paginatorDropdownAppendTo=\"body\"\n  [showFirstLastIcon]=\"showFirstLastIcon\"\n  [pageLinks]=\"pageLinksOptions\"\n  [scrollable]=\"isTableScrollable\"\n  [scrollHeight]=\"scrollHeight\"\n  [rowTrackBy]=\"rowTrackBy \"\n  [(contextMenuSelection)]=\"selectedProduct\"\n  [contextMenu]=\" isEditableTable() ? cm : null\"\n  >\n\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n\n    <ng-template\n      pTemplate=\"caption\"\n      *ngIf=\"config.enableCation || enableSizes\"\n    >\n      <div class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\n        <div class=\"col-12 flex flex-column\">\n          <div\n            *ngIf=\"config.title\"\n            class=\"text-md font-bold my-3\"\n          >\n            {{ config.title }}\n          </div>\n          <div\n            *ngIf=\"config.subtitle\"\n            class=\"text-sm mb-4 font-medium\"\n          >\n            {{ config.subtitle }}\n          </div>\n        </div>\n\n        <div class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\n          }} mt-1 mb-2 \">\n          <span\n            *ngIf=\"config.enableFilter\"\n            class=\"p-input-icon-left\"\n          >\n            <i class=\"pi pi-search\"></i>\n\n            <input\n              pInputText\n              pAutoFocus\n              [autofocus]=\"true\"\n              type=\"text\"\n              (input)=\"onGlobalFilter(te, $event)\"\n              placeholder=\"Pesquisar...\"\n              class=\"h-2rem\"\n            />\n          </span>\n\n\n          <!-- FIXME: Op\u00E7\u00E3o 1  -->\n           <!-- <div class=\"sizes-controls ml-2\" *ngIf=\"isShowSizes\">\n            <p-selectButton\n                [options]=\"sizes\"\n                [(ngModel)]=\"selectedSize\"\n                [style]=\"{'display': 'flex'}\"\n                optionLabel=\"name\"\n                />\n          </div>\n         <button\n          id=\"btn-sizes\"\n          pButton\n          [pTooltip]=\"isShowSizes ? 'Esconder controles de tamanho' : 'Mostrar controles de tamanho'\"\n          class=\"actionLoteBtns p-button-raised p-button-text\"\n          (click)=\"isShowSizes = !isShowSizes\"\n        >\n          <span  style=\"font-size: 0.8rem;\" class=\"flex align-items-end\">\n          <span  style=\"font-size: 0.7rem;\">\n            A\n          </span>\n            A\n          </span>\n        </button> -->\n\n          <!-- FIXME: Op\u00E7\u00E3o 2  -->\n          <div *ngIf=\"enableSizes\" class=\"sizes-controls ml-2\" >\n            <p-splitButton\n              label=\"aA\"\n              [model]=\"sizes\"\n              styleClass=\"teste\"\n              [menuStyle]=\"{'font-size': '0.7rem'}\"\n\n              ngModel\n            >\n            </p-splitButton>\n          </div>\n\n          <!-- FIXME: Op\u00E7\u00E3o 3  -->\n          <!-- <div class=\"sizes-controls ml-2\" style=\"transform: translate(0px, -15px);\" >\n            <p-speedDial\n              [model]=\"sizes\"\n              showIcon=\"format_size\"\n              hideIcon=\"format_size\"\n              radius=\"120\"\n              direction=\"down-right\"\n              type=\"quarter-circle\"\n              buttonClassName=\"item-circle\"\n            >\n\n            <ng-template pTemplate=\"button\">\n              <span class=\"material-symbols-outlined\">\n                format_size\n              </span>\n            </ng-template>\n\n\n            <ng-template let-item pTemplate=\"item\">\n              <div class=\"item-circle\">\n                {{item.label}}\n              </div>\n            </ng-template>\n\n          </p-speedDial>\n          </div> -->\n\n\n        </div>\n\n        <span *ngIf=\"isEditing\" class=\"text-aviso\">\n\n          Tabela em modo de edi\u00E7\u00E3o\n\n        </span>\n\n\n        <div class=\"flex flex-row col-1 justify-content-end\">\n\n\n          <div\n            *ngFor=\"let action of config.actionsLote\"\n            class=\"btns-options\"\n            [style]=\"{ 'margin-right': '7px' }\"\n          >\n            <button\n              id=\"actionLoteBtns\"\n              pButton\n              *ngIf=\"\n                !isEditing &&\n                (selectedItems.length > 0 || action.showAcoesLote) &&\n                exibirCampo(action, this.action)\n              \"\n              class=\"actionLoteBtns p-button-raised p-button-text\"\n              style=\"background-color: #1DA750\"\n              (click)=\"\n                action?.command(); activeItemLote(selectedItems)\n              \"\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\n              [tooltipPosition]=\"'bottom'\"\n              [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\n            >\n              <span\n                class=\"material-symbols-outlined md-22\" style=\"color: white\"\n              >\n                {{ getOrExecute(action.icon, selectedItems) }}\n              </span>\n            </button>\n          </div>\n\n          <div *ngIf=\"isEditableTable()\" class=\"btns-options\"\n            [style]=\"{ 'margin-right': '7px' }\"\n          >\n            <button\n              (click)=\"this.isEditing = !this.isEditing\"\n              id=\"actionLoteBtns\"\n              pButton\n              style=\"background-color: #1DA750; color: #fff;\"\n              class=\"actionLoteBtns p-button-raised p-button-text\"\n            >\n              <span class=\"material-symbols-outlined\">\n                edit_square\n              </span>\n            </button>\n          </div>\n\n        </div>\n\n      </div>\n    </ng-template>\n\n    <ng-template\n      pTemplate=\"header\"\n      let-columns\n    >\n      <tr>\n        <th\n          style=\"width: 4rem; border-left: solid 4px transparent\"\n          *ngIf=\"config.enableSelect && !isEditing\"\n          [class]=\"selectedSize.class+'th'\"\n        >\n          <p-tableHeaderCheckbox  (click)=\"activeItemLote(selectedItems)\"></p-tableHeaderCheckbox>\n        </th>\n\n        <th\n          *ngFor=\"let col of columns\"\n          [pSortableColumn]=\"col.field\"\n          [pSortableColumnDisabled]=\"col.sortable === false\"\n          [style.min-width]=\"col.width * selectedSize.size + 'px'\"\n          pReorderableColumn\n          [class]=\"selectedSize.class+'th'\"\n        >\n          <div\n            [class]=\"\n              centralizarColunas(col) && alignColunasHeader(col) == ''\n                ? 'flex flex-row justify-content-center'\n                : 'flex flex-row'\n            \"\n            [style]=\"alignColunasHeader(col)\"\n          >\n            <span>{{ col.header }}</span>\n            <p-sortIcon\n              *ngIf=\"col.sortable === true\"\n              [field]=\"col.field\"\n              style=\"font-size: 10px\"\n            ></p-sortIcon>\n\n            <span\n              *ngIf=\"col.headerTooltip\"\n              class=\"material-symbols-outlined flex align-items-center\"\n              [pTooltip]=\"col.headerTooltip\"\n            >info</span>\n          </div>\n        </th>\n        <th *ngIf=\"!isEditing && config.actions && config.actions.length > 0\"></th>\n        <th *ngIf=\"isEditableTable() && this.editMode == 'row'\"  id=\"th-edit\" style=\"width: 20px\">Editar</th>\n      </tr>\n    </ng-template>\n\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n\n    <ng-template pTemplate=\"body\" let-rowData let-editing=\"editing\" let-ri=\"rowIndex\" let-columns=\"columns\"\n      let-rowgroup=\"rowgroup\" let-rowspan=\"rowspan\">\n      <tr [pEditableRow]=\"rowData\" [pEditableRowDisabled]=\"false\"\n      [pContextMenuRow]=\"{rowData, editing}\"\n      [class]=\"selectedSize.class+'-tr'\"\n      >\n\n        <td\n\n          *ngIf=\"config.enableSelect && !isEditing\"\n          [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\"\n        >\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(rowData)\"-->\n          <p-tableCheckbox\n            class=\"check-edit-list\"\n            [value]=\"rowData\"\n            [disabled]=\"isDisabledCheckbox(rowData)\"\n            (click)=\"activeItemLote(selectedItems)\"\n          ></p-tableCheckbox>\n        </td>\n\n  <ng-container *ngFor=\"let col of columns; let i = index\">\n\n    <!-- FIXME: Testar a implementa\u00E7\u00E3o abaixo e mesaclar as duas formas -->\n\n    <ng-template #templateInput let-rowData=\"rowData\" let-col=\"col\">\n      <ng-container *ngIf=\"isEditing; else templatevisualedicao\">\n              <ng-container [ngSwitch]=\"col.fieldControlType\">\n\n                <ng-container *ngSwitchCase=\"'text'\">\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\n                    <kv-input-text [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\" [required]=\"col.required ?? true\"></kv-input-text>\n                  </div>\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'number'\">\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\n                    <kv-input-number [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\" [required]=\"col.required ?? true\"></kv-input-number>\n                  </div>\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'mask'\">\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\n                    <kv-input-mask [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [mask]=\"col.mask\" [required]=\"col.required ?? true\" [(ngModel)]=\"rowData[col.field]\"></kv-input-mask>\n                  </div>\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'switch'\">\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\n                    <kv-switch [disabled]=\"isDisableEditRowCellFunction(rowData, col)\" class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\" ></kv-switch>\n                  </div>\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'calendar'\">\n                  <div [style.width]=\"col.width\">\n                  <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\" >\n                    <kv-input-calendar class=\"cellControl col\" [(ngModel)]=\"rowData[col.field]\"></kv-input-calendar>\n                  </div>\n                  </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'dropdown'\">\n                  <div  [style.width]=\"col.width\"  class=\"grid formgrid p-fluid\" >\n                    <p-dropdown\n                      [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\n                      class=\"cellControl col\"\n                      appendTo=\"body\"\n                      [panelStyle]=\"{'font-size': '0.75rem'}\"\n                      [optionLabel]=\"col.fieldDropDownControl.descricaoobjeto\"\n                      [optionValue]=\"col.fieldDropDownControl.idobjeto\"\n                      [options]=\"col.fieldDropDownControl.fieldControlDropdownSource\"\n                      [(ngModel)]=\"rowData[col.field]\"\n                      >\n                    </p-dropdown>\n                  </div>\n                </ng-container>\n              </ng-container>\n      </ng-container>\n\n      <ng-template #templatevisualedicao>\n        <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\n      </ng-template>\n    </ng-template>\n\n    <ng-template #templateOutput let-rowData=\"rowData\" let-col=\"col\">\n      <ng-container [ngSwitch]=\"col.fieldControlType\">\n        <ng-container *ngSwitchCase=\"'dropdown'\">\n          <ng-container *ngIf=\"rowData[col.field]\">\n            {{\n            retornaDescricaoDrop(\n            rowData,\n            col\n            )\n            }}\n            <!-- {{rowData[col.field]}} -->\n          </ng-container>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'switch'\">\n          <kv-switch [(ngModel)]=\"rowData[col.field]\" [disabled]=\"true\"></kv-switch>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'calendar'\">\n          {{ rowData[col.field] | date }}\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"'mask'\">\n          {{ rowData[col.field] | mask:col.mask }}\n        </ng-container>\n\n        <ng-container *ngSwitchDefault>\n          {{ rowData[col.field] }}\n        </ng-container>\n\n      </ng-container>\n    </ng-template>\n\n\n\n    <td\n      *ngIf=\"editMode == 'cell' && col.fieldControlType\"\n      [pEditableColumn]=\"rowData\"\n      [pEditableColumnField]=\"col.field\"\n      [pEditableColumnRowIndex]=\"rowData[config.dataKey]\"\n      [id]=\"'rowTable'+ rowData[config.dataKey]\"\n      (click)=\"activeItem(rowData)\"\n      (dblclick)=\"dbClickEdit()\"\n      class=\"rowTable\" [style]=\"\n      applyStyle(rowData, col) +\n      centralizarColunas(col) +\n      alignColunas(col) \"\n      [pTooltip]=\"returnTooltipRow(rowData, col)\"\n\n      >\n      <p-cellEditor>\n\n        <ng-container >\n\n          <ng-template  pTemplate=\"input\">\n            <ng-container *ngTemplateOutlet=\"templateInput; context: { rowData: rowData, col: col }\"></ng-container>\n          </ng-template>\n\n          <ng-template  pTemplate=\"output\">\n            <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\n          </ng-template>\n\n        </ng-container>\n\n\n\n\n        <!-- <ng-template *ngIf=\"!isEditing\" pTemplate=\"input\">\n          <ng-container *ngTemplateOutlet=\"templateInput; context: { rowData: rowData, col: col }\"></ng-container>\n        </ng-template>\n\n        <ng-template *ngIf=\"isEditing\" pTemplate=\"output\">\n          <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\n        </ng-template> -->\n\n      </p-cellEditor>\n    </td>\n\n\n    <!-- NOTE: Edi\u00E7\u00E3o de linha -->\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n\n          <!-- Celula que armazena os controles de edi\u00E7\u00E3o para os campos -->\n      <td *ngIf=\"false && col.fieldControlType && editMode == 'row'\"\n            [id]=\"'rowTable'+ rowData[config.dataKey]\"\n            (click)=\"activeItem(rowData)\"\n            (dblclick)=\"dbClickEdit()\"\n            class=\"rowTable\" [style]=\"\n            applyStyle(rowData, col) +\n            centralizarColunas(col) +\n            alignColunas(col)\"\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\n          >\n            <p-cellEditor [ngClass]=\"{'switch': col.fieldControlType == 'switch'}\">\n\n              <ng-template pTemplate=\"input\">\n                <ng-container *ngTemplateOutlet=\"templateInput; context: { rowData: rowData, col: col }\"></ng-container>\n              </ng-template>\n\n              <ng-template pTemplate=\"output\">\n                <ng-container *ngTemplateOutlet=\"templateOutput; context: { rowData: rowData, col: col }\"></ng-container>\n              </ng-template>\n\n            </p-cellEditor>\n      </td>\n\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n\n          <td *ngIf=\"rowgroup && !col.template \" [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\n            class=\"rowTable\" [style]=\"\n              applyStyle(rowData, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \" [pTooltip]=\"returnTooltipRow(rowData, col)\">\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\n              <span *ngIf=\"\n                  !isChipField(col) && !col.iconField && !isImageField(col)\n                \">\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\n                {{ transformValue(rowData, col) }}\n              </span>\n\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\n                <span [class]=\"returnClassChip(rowData, col)\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">{{\n                  transformValue(rowData, col) }}</span>\n              </div>\n            </span>\n\n            <span *ngIf=\"isImageField(col)\">\n              <span>\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\n              </span>\n            </span>\n\n            <i *ngIf=\"col.iconField\" [ngClass]=\"{\n                'material-icons': col.indIconMaterial,\n                'material-symbols-outlined mr-2': !col.indIconMaterial\n              }\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">\n              {{ returnClassIcon(rowData, col) }}\n            </i>\n\n            <ng-template #booleanField>\n              <i *ngIf=\"!col.iconField && !isSwitchField(col)\" [ngClass]=\"\n                  rowData[col.field] ? 'text-green-500' : 'text-red-500'\n                \"><span class=\"material-symbols-outlined\">\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\n                </span>\n              </i>\n\n              <span *ngIf=\"isSwitchField(col)\" [class]=\"returnRowClass(rowData, col)\">\n                <kv-switch (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col?.onlyReadField ?? true\" [switchValue]=\"transformValue(rowData, col)\">\n                </kv-switch>\n              </span>\n            </ng-template>\n          </td>\n\n          <td *ngIf=\"!rowgroup && !col.grouped && !col.template && !col.fieldControlType\" [style]=\"\n              applyStyle(rowData, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \" class=\"rowTable\" [pTooltip]=\"returnTooltipRow(rowData, col)\">\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\n              <span *ngIf=\"\n                  !isChipField(col) && !col.iconField && !isImageField(col)\n                \">\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\n                {{ transformValue(rowData, col) }}\n              </span>\n\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\n                <span [class]=\"returnClassChip(rowData, col)\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">\n                  {{ transformValue(rowData, col) }}</span>\n              </div>\n            </span>\n\n            <span *ngIf=\"isImageField(col)\">\n              <span>\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\n              </span>\n            </span>\n\n            <i *ngIf=\"col.iconField\" [ngClass]=\"{\n                'material-icons': col.indIconMaterial,\n                'material-symbols-outlined mr-2': !col.indIconMaterial\n              }\" [pTooltip]=\"returnTooltipIcon(rowData, col)\">\n              {{ returnClassIcon(rowData, col) }}\n            </i>\n\n            <ng-template #booleanField>\n              <i *ngIf=\"!col.iconField && !isSwitchField(col)\" [ngClass]=\"\n                  rowData[col.field] ? 'text-green-500' : 'text-red-500'\n                \"><span class=\"material-symbols-outlined\">\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\n                </span>\n              </i>\n\n              <span *ngIf=\"isSwitchField(col)\" [class]=\"returnRowClass(rowData, col)\">\n                <kv-switch (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col?.onlyReadField ?? true\" [switchValue]=\"transformValue(rowData, col)\">\n                </kv-switch>\n              </span>\n            </ng-template>\n          </td>\n\n          <td *ngIf=\"col.template && !isEditableTable()\" [style]=\"\n              applyStyle(rowData, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \" class=\"rowTable\">\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n            <ng-container *ngIf=\"getCustomTemplate(col.template.name)\"\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\n              [ngTemplateOutletContext]=\"{ $implicit: rowData }\">\n            </ng-container>\n          </td>\n\n        </ng-container>\n\n      <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\n      <!-- Controle de a\u00E7\u00E3o  -->\n      <td [ngClass]=\"{'td-tools': isEditableTable() && this.editMode == 'row' , 'td-tools-sticky': !isEditableTable() || this.editMode == 'cell' }\"\n        *ngIf=\"!isEditing && config.actions && config.actions.length > 0 \"\n        [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' }) + 'border-right: 1px solid #ddd !important;'\"\n      >\n        <div class=\"flex flex-row justify-content-end w-full\">\n          <!-- <button\n            id=\"moreVertBtn\"\n            pButton\n            class=\"actionBtns p-button-text p-button-raised\"\n            (click)=\"menu.toggle($event); activeItem(rowData)\"\n          > -->\n          <span\n            class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n            style=\"font-size: 1rem; height: 10px; width: 20px;\"\n            (click)=\"menu.toggle($event); activeItem(rowData)\"\n          >\n            more_horiz\n          </span>\n          <!-- </button> -->\n\n          <div *ngFor=\"let action of config.actions\">\n            {{ criarMenusModal(rowData) }}\n          </div>\n\n          <!-- <div *ngFor=\"let action of config.actions\">\n            {{ criarMenusModal(rowData) }}\n          </div> -->\n\n          <p-menu\n            #menu\n            [popup]=\"true\"\n            [model]=\"menuItems\"\n            appendTo=\"body\"\n          ></p-menu>\n        </div>\n      </td>\n\n      <!-- <td\n      class=\"td-tools\"\n      *ngIf=\"!isEditing && config.actions && config.actions.length > 0\"\n      [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\"\n    >\n      </td> -->\n\n      <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\n      <!-- Controle de edi\u00E7\u00E3o -->\n        <td class=\"td-edit\" *ngIf=\"this.isEditableTable() && this.editMode == 'row'\" >\n          <div class=\"flex align-items-center justify-content-center gap-2\">\n            <button [style.height]=\"'28px'\" [id]=\"'rowEdit' + rowData[config.dataKey] \" [style.width]=\"'28px'\" [disabled]=\"isDisableEditRowFunction(rowData)\" *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow icon=\"pi pi-pencil\"\n              (click)=\"onRowEditInit(rowData)\" class=\"p-button-rounded p-button-text\"></button>\n            <!-- <button [style.height]=\"'28px'\" [style.width]=\"'28px'\" [disabled]=\"isDisableEditRowFunction(rowData)\" *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow icon=\"pi pi-check\"\n              (click)=\"onRowEditSave(rowData, ri)\" [id]=\"'rowSave' + rowData[config.dataKey] \" class=\"p-button-rounded p-button-text p-button-success mr-2\"></button> -->\n            <button [style.height]=\"'28px'\" [style.width]=\"'28px'\" [disabled]=\"isDisableEditRowFunction(rowData)\" *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow icon=\"pi pi-times\"\n              (click)=\"onRowEditCancel(rowData, ri)\" [id]=\"'rowCancel' + rowData[config.dataKey] \" class=\"p-button-rounded p-button-text p-button-danger\"></button>\n          </div>\n        </td>\n\n      </tr>\n    </ng-template>\n  </p-table>\n</div>\n", styles: ["@charset \"UTF-8\";.td-edit{position:sticky;right:-1px;background-color:#fff;color:#5289b4}.td-tools{position:sticky;right:52px;border-right:1px solid #ddd!important;background-color:#fff;box-shadow:-5px 0 20px -10px #000000bf}.td-tools-sticky{position:sticky;right:0;border-right:3px solid #fff!important;background-color:#fff}#th-edit{position:sticky;right:0;background-color:#eaeaea}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{text-align:center;border:1px solid #eaeaea;border-width:1px 1px;padding:0rem .5rem}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{text-align:center;padding:0rem .5rem;border-left:none;border-right:none;border-width:1px 1px;font-weight:700;color:#343a40;background:#eaeaea;transition:box-shadow .2s}.error-show{background-color:red;width:5px;height:10px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:15px}.material-symbols-outlined.md-22{font-size:19px}.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}:host ::ng-deep .center{display:flex;align-items:center;justify-content:center}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#29b92d!important}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:.9;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover{color:#a9a9a9}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:2px 13px 0!important;border-radius:5px!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background-color:#eaeaea!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{border-left:none!important;border-right:none!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:20%;width:1.625rem!important;height:1.625rem!important;box-shadow:#0000003d 0 3px 8px}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:has(p-tablecheckbox){border-bottom:0px!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:has(img){justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:has(img) .p-column-title{display:none!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:last-child{border-bottom:1px solid #ddd!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:last-child div{justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td .p-column-title{font-weight:600}}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea!important}::ng-deep .field.grid,.formgrid.grid{padding:0rem!important}@media screen and (min-width: 961px){.moreVertBtn{position:relative;right:3px}}::ng-deep .p-datatable .p-datatable-thead>tr>th:last-of-type{border-radius:0 0 5px!important;-webkit-border-radius:0px 0px 5px 0px!important;-moz-border-radius:0px 0px 5px 0px!important;-ms-border-radius:0px 0px 5px 0px!important;-o-border-radius:0px 0px 5px 0px!important}::ng-deep .p-datatable .p-datatable-thead>tr>th:first-of-type{border-radius:0 0 0 5px!important;-webkit-border-radius:0px 0px 0px 5px!important;-moz-border-radius:0px 0px 0px 5px!important;-ms-border-radius:0px 0px 0px 5px!important;-o-border-radius:0px 0px 0px 5px!important}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{transform:translate(1.25rem);height:15px;margin-top:-8px;-webkit-transform:translateX(1.25rem);-moz-transform:translateX(1.25rem);-ms-transform:translateX(1.25rem);-o-transform:translateX(1.25rem)}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{height:21px}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch{height:21px}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider:before{background:#fff;width:1rem;height:1.25rem;height:16px!important;left:.25rem;margin-top:-9px!important;margin-top:-.625rem;border-radius:50%;transition-duration:.2s}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch:not(.p-disabled) .p-inputswitch-slider{height:21px}:host ::ng-deep .p-cell-editing{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep p-dropdown-item{font-size:.1rem}.text-aviso{color:red;font-size:.85rem;font-weight:400;width:500px}:host ::ng-deep .p-checkbox .p-checkbox-box{width:18px;height:18px}:host ::ng-deep .p-selectbutton .p-button{font-size:.75rem!important;height:24px;padding:11px}#btn-sizes{border-radius:50%;width:.5rem!important;height:.5rem!important;box-shadow:#0000003d 0 3px 8px}:host ::ng-deep .p-datatable.p-datatable-sm{font-size:.625rem!important}:host ::ng-deep .p-datatable.p-datatable-md{font-size:.75rem!important}:host ::ng-deep .p-datatable.p-datatable-lg{font-size:.875rem!important}:host ::ng-deep .p-datatable-sm-tr>td i>span.material-symbols-outlined{font-size:.9rem}:host ::ng-deep .p-datatable-sm-tr>td .check-edit-list>.p-checkbox .p-checkbox-box{width:15px;height:15px}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>.cellControl>.p-dropdown .p-dropdown-label{width:1%;padding-top:0;padding-bottom:0;font-size:.6rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>kv-input-text>span>.inputs{padding-top:0;padding-bottom:0;font-size:.6rem;height:1rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>.cellControl>span>p-inputmask>.inputs{height:1rem;padding-top:0;padding-bottom:0;font-size:.6rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div,:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>kv-switch>div>p-inputswitch,:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider{height:.6rem!important;width:2.4rem}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider:before{background:#fff;width:.6rem!important;height:.6rem!important;left:.2rem;margin-top:-.35rem!important;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-sm-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div>span:before{background:#fff;width:.6rem!important;height:.6rem!important;left:.2rem;margin-top:-.35rem!important;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-md-tr>td i>span.material-symbols-outlined{font-size:1rem}:host ::ng-deep .p-datatable-md-tr>td .check-edit-list>.p-checkbox .p-checkbox-box{width:18px;height:18px}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>.cellControl>.p-dropdown .p-dropdown-label{width:1%;padding-top:0;padding-bottom:0;font-size:.7rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>kv-input-text>span>.inputs{padding-top:0;padding-bottom:0;font-size:.7rem;height:1rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>.cellControl>span>p-inputmask>.inputs{height:1rem;padding-top:0;padding-bottom:0;font-size:.7rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div,:host ::ng-deep .p-datatable-md-tr>td p-celleditor>kv-switch>div>p-inputswitch,:host ::ng-deep .p-datatable-md-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider{height:.83rem!important;width:2.7rem}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider:before{background:#fff;width:.7rem!important;height:.7rem!important;left:.25rem;margin-top:-.35rem!important;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-md-tr>td p-celleditor>div>kv-switch>div>p-inputswitch>div>span:before{background:#fff;width:.7rem;height:.7rem;left:.25rem;margin-top:-.4rem;border-radius:50%;transition-duration:.2s}:host ::ng-deep .p-datatable-lg-tr>td i>span.material-symbols-outlined{font-size:1.1rem}:host ::ng-deep .p-datatable-lg-tr>td p-celleditor>div>kv-input-text>span>.inputs{padding-top:0;padding-bottom:0;font-size:.8rem;height:1rem}:host ::ng-deep .p-datatable-lg-tr>td p-celleditor>div>.cellControl>.p-dropdown .p-dropdown-label{padding-top:0;padding-bottom:0;font-size:.8rem}:host ::ng-deep .p-datatable-lg-tr>td p-celleditor>div>.cellControl>span>p-inputmask>.inputs{height:1rem;padding-top:0;padding-bottom:0;font-size:.8rem}:host ::ng-deep .p-datatable-sm-tr>td{padding-top:0!important;padding-top:.05rem!important;padding-bottom:.05rem!important}:host ::ng-deep .p-datatable-md-tr>td,:host ::ng-deep .p-datatable-lg-tr>td{padding:.15rem!important}.p-datatable.p-datatable-smth{font-size:.6rem!important}.p-datatable.p-datatable-dmth{font-size:.7rem!important}.p-datatable.p-datatable-lgth{font-size:.8rem!important}:host ::ng-deep .p-datatable.p-datatable-sm * p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options) p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options){height:15px!important}:host ::ng-deep .p-datatable.p-datatable-md * p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options) p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options){height:25px!important}:host ::ng-deep .p-datatable.p-datatable-lg * p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options) p-celleditor>div>p-dropdown>.p-dropdown:not(.p-paginator-rpp-options){height:30px!important}:host ::ng-deep p-celleditor>kv-switch>div>p-inputswitch .p-inputswitch-slider{height:21px!important}:host ::ng-deep .teste>.p-button{background:#eaeaea!important;color:#a9a9a9;border:none;box-shadow:#0000003d 0 3px 8px;height:20px}:host ::ng-deep .teste{width:70px;font-size:.7rem}:host ::ng-deep .p-tieredmenu-root-list>li:first-child{font-size:.6rem}:host ::ng-deep .p-tieredmenu-root-list>li:last-child{font-size:.8rem}:host ::ng-deep .p-speeddial-button.p-button.p-button-icon-only{width:2rem;height:2rem;font-size:1rem}.item-circle{width:4rem;height:2rem;padding:1rem;font-size:.8rem;border-radius:17%;display:flex;align-items:center;justify-content:center;background:#eaeaea!important;box-shadow:#0000003d 0 3px 13px}:host ::ng-deep p-speeddial>div>button>span.material-symbols-outlined.ng-star-inserted{font-size:1.1rem}:host ::ng-deep .check-edit-list>div.p-checkbox.p-component{height:1rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:first-child{border-left:1px solid #ddd!important}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td:last-child{border-left:1px solid #ddd!important}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar:hover{background-color:#dededebf}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar{width:6px;height:3px}:host ::ng-deep .p-datatable-wrapper:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}:host ::ng-deep .p-datatable-wrapper::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}:host ::ng-deep .p-datatable>.p-datatable-wrapper{overflow-y:hidden}\n"] }]
         }], ctorParameters: () => [{ type: i1.DatePipe }, { type: i1.DecimalPipe }, { type: CpfCnpjPipe }, { type: TelefonePipe }, { type: NotificationService }], propDecorators: { enableSizes: [{
                 type: Input
             }], editMode: [{
@@ -5266,11 +5270,11 @@ class KvTableComponent {
         this.dataSource = [...this.dataSource];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTableComponent, deps: [{ token: i1.DatePipe }, { token: i1.DecimalPipe }, { token: CpfCnpjPipe }, { token: TelefonePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTableComponent, selector: "kv-table", inputs: { _templates: ["templates", "_templates"], setConfig: ["config", "setConfig"], defaultSortField: "defaultSortField", dataSource: "dataSource", selectedItems: "selectedItems", totalRecords: "totalRecords", paginator: "paginator", rowsPerPageOptions: "rowsPerPageOptions", rows: "rows", pageLinksOptions: "pageLinksOptions", showFirstLastIcon: "showFirstLastIcon", tableSize: "tableSize", applyStyle: "applyStyle", filterColumnsBtn: "filterColumnsBtn", filtrosAvancados: "filtrosAvancados", scrollHeight: "scrollHeight", isTableScrollable: "isTableScrollable", tableCaptalized: "tableCaptalized", rowTrackBy: "rowTrackBy", responsiveLayout: "responsiveLayout", disabledHeaderCheckbox: "disabledHeaderCheckbox" }, outputs: { onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", onPaginate: "onPaginate", onSelectionChange: "onSelectionChange", doubleClickEvent: "doubleClickEvent", filterField: "filterField", onSwitchTableChange: "onSwitchTableChange" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }, { propertyName: "menuFiltroDiv", first: true, predicate: ["menuFiltroDiv"], descendants: true }, { propertyName: "botaoFiltro", first: true, predicate: ["botaoFiltro"], descendants: true }], ngImport: i0, template: "<div>\r\n  @if (filtrosAvancados) {\r\n  <p-panel\r\n    header=\"Filtros avan\u00E7ados\"\r\n    [toggleable]=\"true\"\r\n    [collapsed]=\"true\"\r\n    (collapsedChange)=\"collapsed = !collapsed\"\r\n    [style]=\"{ 'margin-bottom': '2px' }\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      @if (!collapsed) {\r\n      <i class=\"pi pi-filter\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      @if (collapsed) {\r\n      <i class=\"pi pi-minus\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\r\n    </ng-template>\r\n    <ng-content></ng-content>\r\n  </p-panel>\r\n  }\r\n\r\n  @if (config) {\r\n  <p-table\r\n    #dt\r\n    styleClass=\"p-datatable-sm\"\r\n    [value]=\"dataSource\"\r\n    [(selection)]=\"selectedItems\"\r\n    [rowSelectable]=\"isRowSelectable\"\r\n    [columns]=\"config.columns\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [rows]=\"rows\"\r\n    [paginator]=\"paginator\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    [rowHover]=\"true\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event);\"\r\n    (selectionChange)=\"selectionChange($event)\"\r\n    (onSort)=\"onSort($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    [groupRowsBy]=\"config.fieldGroup\"\r\n    [showFirstLastIcon]=\"showFirstLastIcon\"\r\n    [pageLinks]=\"pageLinksOptions\"\r\n    [responsive]=\"true\"\r\n    [responsiveLayout]=\"responsiveLayout ? 'stack' : ''\"\r\n    [scrollable]=\"isTableScrollable\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n    [rowTrackBy]=\"rowTrackBy \"\r\n  >\r\n    @if (config.enableCation) {\r\n    <ng-template pTemplate=\"caption\">\r\n      <div class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\r\n        <div class=\"col-12 flex flex-column\">\r\n          @if (config.title) {\r\n          <div class=\"text-md font-bold my-3\">\r\n            {{ config.title }}\r\n          </div>\r\n          }\r\n          @if (config.subtitle) {\r\n          <div class=\"text-sm mb-4 font-medium\">\r\n            {{ config.subtitle }}\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\r\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\r\n          }} mt-1 mb-2 \">\r\n          @if (config.enableFilter) {\r\n          <span class=\"p-input-icon-left\">\r\n            <i class=\"pi pi-search\"></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=\"h-2rem\"\r\n            />\r\n          </span>\r\n          }\r\n\r\n          <!-- <div\r\n          #menuFiltroDiv\r\n          id = \"menuFiltroDiv\"\r\n          [style.visibility]=\"'hidden'\"\r\n          class=\"absolute z-4 bg-gray-200\"\r\n          (click)=\"onClickEvent($event)\"\r\n        > -->\r\n\r\n          <div\r\n            #menuFiltroDiv\r\n            id=\"menuFiltroDiv\"\r\n            [style.visibility]=\"'hidden'\"\r\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\r\n          >\r\n            <p-card>\r\n              @for (col of columns; track col) {\r\n              <div class=\"flex flex-column text-medium w-15rem\">\r\n                {{ checkMenuFiltro(col) }}\r\n                @if (!dinamicDisableColumn(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                ></p-checkbox>\r\n                }\r\n              </div>\r\n              }\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          @for (action of config.actionsLote; track i; let i = $index) {\r\n          <div\r\n            class=\"btns-options\"\r\n            [style]=\"{ 'margin-right': '7px' }\"\r\n          >\r\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"\r\n                action?.command(); activeItemLote(selectedItems)\r\n                  \"\r\n              style=\"background-color: #1DA750\"\r\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n              [tooltipPosition]=\"getOrExecute(action.tooltip, selectedItems)?.length ?? 0 > 7 && config.actionsLote && i == config.actionsLote.length - 1  ? 'left' : 'bottom'\"\r\n              [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                style=\"color: white\"\r\n              >\r\n                {{ getOrExecute(action.icon, selectedItems) }}\r\n              </span>\r\n            </button>\r\n            }\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    }\r\n\r\n    <ng-template\r\n      pTemplate=\"header\"\r\n      let-columns\r\n    >\r\n      <tr>\r\n        @if (config.enableSelect) {\r\n        <th style=\"width: 4rem; border-left: solid 4px transparent\">\r\n          <p-tableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\" [disabled]=\"disabledHeaderCheckbox\"></p-tableHeaderCheckbox>\r\n        </th>\r\n        }\r\n\r\n        @for (col of columns; track $index) {\r\n        <th\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            <span>{{ col.header }}</span>\r\n            @if (col.sortable) {\r\n            <p-sortIcon\r\n              [field]='col.field'\r\n              style=\"font-size: 10px\"\r\n            ></p-sortIcon>\r\n            }\r\n            @if (col.headerTooltip) {\r\n            <span\r\n              class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\"\r\n            >info</span>\r\n            }\r\n          </div>\r\n        </th>\r\n        }\r\n        @if (config.actions && config.actions.length > 0) {\r\n        <th></th>\r\n        }\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      let-rowIndex=\"rowIndex\"\r\n    >\r\n      <tr\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n        [ngClass]=\"{ 'capitalize': tableCaptalized }\"\r\n      >\r\n        @if (config.enableSelect) {\r\n        <td [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\">\r\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(rowData.data)\"-->\r\n          <p-tableCheckbox\r\n            [value]=\"rowData\"\r\n            [disabled]=\"isDisabledCheckbox(rowData)\"\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableCheckbox>\r\n        </td>\r\n        }\r\n\r\n        @for (col of columns; track $index) {\r\n        <ng-container>\r\n          @if (rowgroup && !col.template) {\r\n          <td\r\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            class=\"rowTable\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\r\n              <span>\r\n                @if (col.icon) {\r\n                <i [class]=\"col.icon + ' mr-2'\"></i>\r\n                }\r\n                {{transformValue(rowData, col)}}\r\n              </span>\r\n              }\r\n\r\n              @if (isChipField(col) && !col.iconField) {\r\n              <div>\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >{{ transformValue(rowData, col) }}</span>\r\n              </div>\r\n              }\r\n            </span>\r\n\r\n            @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img\r\n                  class=\"image\"\r\n                  [src]=\"loadImage(rowData, col)\"\r\n                />\r\n              </span>\r\n            </span>\r\n            }\r\n\r\n            @if (col.iconField) {\r\n            <i\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\r\n            <ng-template #booleanField>\r\n              @if (!col.iconField && !isSwitchField(col)) {\r\n              <i [ngClass]=\"rowData[col.field] ? 'text-green-500' : 'text-red-500'\"><span\r\n                  class=\"material-symbols-outlined\"\r\n                >\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n              }\r\n\r\n              @if (isSwitchField(col)) {\r\n              <span [class]=\"returnRowClass(rowData, col)\">\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n              </span>\r\n              }\r\n\r\n            </ng-template>\r\n          </td>\r\n          }\r\n\r\n          @if (!rowgroup && !col.grouped && !col.template) {\r\n          <td\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\r\n              <span>\r\n                @if (col.icon) {\r\n                <i [class]=\"col.icon + ' mr-2'\"></i>\r\n                }\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n              }\r\n\r\n              @if (isChipField(col) && !col.iconField) {\r\n              <div>\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >\r\n                  {{ transformValue(rowData, col) }}</span>\r\n              </div>\r\n              }\r\n            </span>\r\n\r\n            @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img\r\n                  class=\"image\"\r\n                  [src]=\"loadImage(rowData, col)\"\r\n                />\r\n              </span>\r\n            </span>\r\n            }\r\n\r\n            @if (col.iconField) {\r\n            <i\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\r\n            <ng-template #booleanField>\r\n\r\n              @if (!col.iconField && !isSwitchField(col)) {\r\n              <i [ngClass]=\"rowData[col.field] ? 'text-green-500' : 'text-red-500'\"><span\r\n                  class=\"material-symbols-outlined\"\r\n                >\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n              }\r\n\r\n              @if (isSwitchField(col)) {\r\n              <span [class]=\"returnRowClass(rowData, col)\">\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n              </span>\r\n              }\r\n\r\n            </ng-template>\r\n          </td>\r\n          }\r\n\r\n          @if (col.template) {\r\n          <td\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            @if (getCustomTemplate(col.template.name)) {\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n            />\r\n            }\r\n          </td>\r\n          }\r\n\r\n        </ng-container>\r\n        }\r\n\r\n        @if (config.actions && config.actions.length > 0) {\r\n        <td [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\">\r\n          <div class=\"flex flex-row justify-content-end w-full\">\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\r\n\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\r\n\r\n\r\n            <!-- </button> -->\r\n\r\n            <p-tieredMenu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"tableActions[rowIndex - actionsOffset]\"\r\n              appendTo=\"body\"\r\n            ></p-tieredMenu>\r\n\r\n          </div>\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"emptymessage\"\r\n      let-columns\r\n    >\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center; border-radius: 10px !important\"\r\n        >\r\n          <p class=\"font-medium m-0\">Nenhum registro encontrado</p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  }\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>", styles: ["@charset \"UTF-8\";.error-show{background-color:red;width:5px;height:10px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}#botaoFiltro:hover{color:#a9a9a9}.actionLoteBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#29b92d!important}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover{color:#a9a9a9}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}:host ::ng-deep .p-datatable-table{border-spacing:0px 2px}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:2px 13px 0!important;border-radius:5px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 0 0 10px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:20%;width:1.625rem!important;height:1.625rem!important;box-shadow:#0000003d 0 3px 8px}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(p-tablecheckbox){border-bottom:0px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img){justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img) .p-column-title{display:none!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-bottom:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child div{justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td .p-column-title{font-weight:600}}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea!important}::ng-deep .field.grid,.formgrid.grid{padding:0rem!important}@media screen and (min-width: 961px){.moreVertBtn{position:relative;right:3px}}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:last-of-type{border-radius:0 0 5px!important}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:first-of-type{border-radius:0 0 0 5px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5$7.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i5$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: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i9.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i11$1.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "component", type: i12$1.TieredMenu, selector: "p-tieredMenu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i14.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i14.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i14.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i14.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i14.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvSwitchComponent, selector: "kv-switch", inputs: ["readonly", "switchValue"], outputs: ["onSwitchChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTableComponent, selector: "kv-table", inputs: { _templates: ["templates", "_templates"], setConfig: ["config", "setConfig"], defaultSortField: "defaultSortField", dataSource: "dataSource", selectedItems: "selectedItems", totalRecords: "totalRecords", paginator: "paginator", rowsPerPageOptions: "rowsPerPageOptions", rows: "rows", pageLinksOptions: "pageLinksOptions", showFirstLastIcon: "showFirstLastIcon", tableSize: "tableSize", applyStyle: "applyStyle", filterColumnsBtn: "filterColumnsBtn", filtrosAvancados: "filtrosAvancados", scrollHeight: "scrollHeight", isTableScrollable: "isTableScrollable", tableCaptalized: "tableCaptalized", rowTrackBy: "rowTrackBy", responsiveLayout: "responsiveLayout", disabledHeaderCheckbox: "disabledHeaderCheckbox" }, outputs: { onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", onPaginate: "onPaginate", onSelectionChange: "onSelectionChange", doubleClickEvent: "doubleClickEvent", filterField: "filterField", onSwitchTableChange: "onSwitchTableChange" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }, { propertyName: "menuFiltroDiv", first: true, predicate: ["menuFiltroDiv"], descendants: true }, { propertyName: "botaoFiltro", first: true, predicate: ["botaoFiltro"], descendants: true }], ngImport: i0, template: "<div>\n  @if (filtrosAvancados) {\n  <p-panel\n    header=\"Filtros avan\u00E7ados\"\n    [toggleable]=\"true\"\n    [collapsed]=\"true\"\n    (collapsedChange)=\"collapsed = !collapsed\"\n    [style]=\"{ 'margin-bottom': '2px' }\"\n  >\n    <ng-template pTemplate=\"headericons\">\n      @if (!collapsed) {\n      <i class=\"pi pi-filter\"></i>\n      }\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\n      @if (collapsed) {\n      <i class=\"pi pi-minus\"></i>\n      }\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\n    </ng-template>\n    <ng-content></ng-content>\n  </p-panel>\n  }\n\n  @if (config) {\n  <p-table\n    #dt\n    styleClass=\"p-datatable-sm\"\n    [value]=\"dataSource\"\n    [(selection)]=\"selectedItems\"\n    [rowSelectable]=\"isRowSelectable\"\n    [columns]=\"config.columns\"\n    [globalFilterFields]=\"globalFilterFields\"\n    [rows]=\"rows\"\n    [paginator]=\"paginator\"\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\n    [showCurrentPageReport]=\"true\"\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\n    [rowHover]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [lazy]=\"config.lazy\"\n    (onLazyLoad)=\"paginate($event);\"\n    (selectionChange)=\"selectionChange($event)\"\n    (onSort)=\"onSort($event)\"\n    rowGroupMode=\"rowspan\"\n    [groupRowsBy]=\"config.fieldGroup\"\n    [showFirstLastIcon]=\"showFirstLastIcon\"\n    [pageLinks]=\"pageLinksOptions\"\n    [responsive]=\"true\"\n    [responsiveLayout]=\"responsiveLayout ? 'stack' : ''\"\n    [scrollable]=\"isTableScrollable\"\n    [scrollHeight]=\"scrollHeight\"\n    [rowTrackBy]=\"rowTrackBy \"\n  >\n    @if (config.enableCation) {\n    <ng-template pTemplate=\"caption\">\n      <div class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\n        <div class=\"col-12 flex flex-column\">\n          @if (config.title) {\n          <div class=\"text-md font-bold my-3\">\n            {{ config.title }}\n          </div>\n          }\n          @if (config.subtitle) {\n          <div class=\"text-sm mb-4 font-medium\">\n            {{ config.subtitle }}\n          </div>\n          }\n        </div>\n\n        <div class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\n          }} mt-1 mb-2 \">\n          @if (config.enableFilter) {\n          <span class=\"p-input-icon-left\">\n            <i class=\"pi pi-search\"></i>\n\n            <input\n              pInputText\n              pAutoFocus\n              [autofocus]=\"true\"\n              type=\"text\"\n              (input)=\"onGlobalFilter(dt, $event)\"\n              placeholder=\"Pesquisar...\"\n              class=\"h-2rem\"\n            />\n          </span>\n          }\n\n          <!-- <div\n          #menuFiltroDiv\n          id = \"menuFiltroDiv\"\n          [style.visibility]=\"'hidden'\"\n          class=\"absolute z-4 bg-gray-200\"\n          (click)=\"onClickEvent($event)\"\n        > -->\n\n          <div\n            #menuFiltroDiv\n            id=\"menuFiltroDiv\"\n            [style.visibility]=\"'hidden'\"\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\n          >\n            <p-card>\n              @for (col of columns; track col) {\n              <div class=\"flex flex-column text-medium w-15rem\">\n                {{ checkMenuFiltro(col) }}\n                @if (!dinamicDisableColumn(col)) {\n                <p-checkbox\n                  #filterColumns\n                  [label]=\"col.header\"\n                  [binary]=\"true\"\n                  class=\"checkbox-container\"\n                  (onChange)=\"dinamicColumnSet($event, col)\"\n                  [(ngModel)]=\"col.checked\"\n                ></p-checkbox>\n                }\n              </div>\n              }\n            </p-card>\n          </div>\n        </div>\n\n        <div class=\"flex flex-row col-1 justify-content-end\">\n          @for (action of config.actionsLote; track i; let i = $index) {\n          <div\n            class=\"btns-options\"\n            [style]=\"{ 'margin-right': '7px' }\"\n          >\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\n            <button\n              id=\"actionLoteBtns\"\n              pButton\n              class=\"actionLoteBtns p-button-raised p-button-text\"\n              (click)=\"\n                action?.command(); activeItemLote(selectedItems)\n                  \"\n              style=\"background-color: #1DA750\"\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\n              [tooltipPosition]=\"getOrExecute(action.tooltip, selectedItems)?.length ?? 0 > 7 && config.actionsLote && i == config.actionsLote.length - 1  ? 'left' : 'bottom'\"\n              [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\n            >\n              <span\n                class=\"material-symbols-outlined md-22\"\n                style=\"color: white\"\n              >\n                {{ getOrExecute(action.icon, selectedItems) }}\n              </span>\n            </button>\n            }\n          </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n    }\n\n    <ng-template\n      pTemplate=\"header\"\n      let-columns\n    >\n      <tr>\n        @if (config.enableSelect) {\n        <th style=\"width: 4rem; border-left: solid 4px transparent\">\n          <p-tableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\" [disabled]=\"disabledHeaderCheckbox\"></p-tableHeaderCheckbox>\n        </th>\n        }\n\n        @for (col of columns; track $index) {\n        <th\n          [pSortableColumn]='col.field'\n          [pSortableColumnDisabled]=\"col.sortable === false\"\n          [style.width]=\"col.width\"\n          class=\"text-sm\"\n        >\n          <div\n            [class]=\"\n              centralizarColunas(col) && alignColunasHeader(col) == ''\n                ? 'flex flex-row justify-content-center'\n                : 'flex flex-row'\n            \"\n            [style]=\"alignColunasHeader(col)\"\n          >\n            <span>{{ col.header }}</span>\n            @if (col.sortable) {\n            <p-sortIcon\n              [field]='col.field'\n              style=\"font-size: 10px\"\n            ></p-sortIcon>\n            }\n            @if (col.headerTooltip) {\n            <span\n              class=\"material-symbols-outlined flex align-items-center\"\n              [pTooltip]=\"col.headerTooltip\"\n            >info</span>\n            }\n          </div>\n        </th>\n        }\n        @if (config.actions && config.actions.length > 0) {\n        <th></th>\n        }\n      </tr>\n    </ng-template>\n\n    <ng-template\n      pTemplate=\"body\"\n      let-rowData\n      let-columns=\"columns\"\n      let-rowgroup=\"rowgroup\"\n      let-rowspan=\"rowspan\"\n      let-rowIndex=\"rowIndex\"\n    >\n      <tr\n        (dblclick)=\"doubleClick($event, rowData)\"\n        [ngClass]=\"{ 'capitalize': tableCaptalized }\"\n      >\n        @if (config.enableSelect) {\n        <td [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\">\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(rowData.data)\"-->\n          <p-tableCheckbox\n            [value]=\"rowData\"\n            [disabled]=\"isDisabledCheckbox(rowData)\"\n            (click)=\"activeItemLote(selectedItems)\"\n          ></p-tableCheckbox>\n        </td>\n        }\n\n        @for (col of columns; track $index) {\n        <ng-container>\n          @if (rowgroup && !col.template) {\n          <td\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\n            class=\"rowTable\"\n            [style]=\"\n              applyStyle(rowData, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \"\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\n          >\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n\n            <span\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\n              [class]=\"returnRowClass(rowData, col)\"\n            >\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\n              <span>\n                @if (col.icon) {\n                <i [class]=\"col.icon + ' mr-2'\"></i>\n                }\n                {{transformValue(rowData, col)}}\n              </span>\n              }\n\n              @if (isChipField(col) && !col.iconField) {\n              <div>\n                <span\n                  [class]=\"returnClassChip(rowData, col)\"\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n                >{{ transformValue(rowData, col) }}</span>\n              </div>\n              }\n            </span>\n\n            @if (isImageField(col)) {\n            <span>\n              <span>\n                <img\n                  class=\"image\"\n                  [src]=\"loadImage(rowData, col)\"\n                />\n              </span>\n            </span>\n            }\n\n            @if (col.iconField) {\n            <i\n              [ngClass]=\"{\n                'material-icons': col.indIconMaterial,\n                'material-symbols-outlined mr-2': !col.indIconMaterial\n              }\"\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n            >\n              {{ returnClassIcon(rowData, col) }}\n            </i>\n            }\n\n            <ng-template #booleanField>\n              @if (!col.iconField && !isSwitchField(col)) {\n              <i [ngClass]=\"rowData[col.field] ? 'text-green-500' : 'text-red-500'\"><span\n                  class=\"material-symbols-outlined\"\n                >\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\n                </span>\n              </i>\n              }\n\n              @if (isSwitchField(col)) {\n              <span [class]=\"returnRowClass(rowData, col)\">\n                <kv-switch\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col?.onlyReadField ?? true\"\n                  [switchValue]=\"transformValue(rowData, col)\"\n                >\n                </kv-switch>\n              </span>\n              }\n\n            </ng-template>\n          </td>\n          }\n\n          @if (!rowgroup && !col.grouped && !col.template) {\n          <td\n            [style]=\"\n              applyStyle(rowData, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \"\n            class=\"rowTable\"\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\n          >\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n\n            <span\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\n              [class]=\"returnRowClass(rowData, col)\"\n            >\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\n              <span>\n                @if (col.icon) {\n                <i [class]=\"col.icon + ' mr-2'\"></i>\n                }\n                {{ transformValue(rowData, col) }}\n              </span>\n              }\n\n              @if (isChipField(col) && !col.iconField) {\n              <div>\n                <span\n                  [class]=\"returnClassChip(rowData, col)\"\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n                >\n                  {{ transformValue(rowData, col) }}</span>\n              </div>\n              }\n            </span>\n\n            @if (isImageField(col)) {\n            <span>\n              <span>\n                <img\n                  class=\"image\"\n                  [src]=\"loadImage(rowData, col)\"\n                />\n              </span>\n            </span>\n            }\n\n            @if (col.iconField) {\n            <i\n              [ngClass]=\"{\n                'material-icons': col.indIconMaterial,\n                'material-symbols-outlined mr-2': !col.indIconMaterial\n              }\"\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n            >\n              {{ returnClassIcon(rowData, col) }}\n            </i>\n            }\n\n            <ng-template #booleanField>\n\n              @if (!col.iconField && !isSwitchField(col)) {\n              <i [ngClass]=\"rowData[col.field] ? 'text-green-500' : 'text-red-500'\"><span\n                  class=\"material-symbols-outlined\"\n                >\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\n                </span>\n              </i>\n              }\n\n              @if (isSwitchField(col)) {\n              <span [class]=\"returnRowClass(rowData, col)\">\n                <kv-switch\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col?.onlyReadField ?? true\"\n                  [switchValue]=\"transformValue(rowData, col)\"\n                >\n                </kv-switch>\n              </span>\n              }\n\n            </ng-template>\n          </td>\n          }\n\n          @if (col.template) {\n          <td\n            [style]=\"\n              applyStyle(rowData, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \"\n            class=\"rowTable\"\n          >\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n            @if (getCustomTemplate(col.template.name)) {\n            <ng-container\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\n              [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\n            />\n            }\n          </td>\n          }\n\n        </ng-container>\n        }\n\n        @if (config.actions && config.actions.length > 0) {\n        <td [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\">\n          <div class=\"flex flex-row justify-content-end w-full\">\n            <!-- <button\n              id=\"moreVertBtn\"\n              pButton\n              class=\"actionBtns p-button-text p-button-raised\"\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\n            > -->\n\n\n            <span\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n              style=\"font-size: 20px\"\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\n            >\n              more_horiz\n            </span>\n\n\n            <!-- </button> -->\n\n            <p-tieredMenu\n              #menu\n              [popup]=\"true\"\n              [model]=\"tableActions[rowIndex - actionsOffset]\"\n              appendTo=\"body\"\n            ></p-tieredMenu>\n\n          </div>\n        </td>\n        }\n      </tr>\n    </ng-template>\n\n    <ng-template\n      pTemplate=\"emptymessage\"\n      let-columns\n    >\n      <tr>\n        <td\n          [attr.colspan]=\"columns.length + 2\"\n          style=\"text-align: center; border-radius: 10px !important\"\n        >\n          <p class=\"font-medium m-0\">Nenhum registro encontrado</p>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  }\n</div>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\n/>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\n/>", styles: ["@charset \"UTF-8\";.error-show{background-color:red;width:5px;height:10px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}#botaoFiltro:hover{color:#a9a9a9}.actionLoteBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#29b92d!important}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover{color:#a9a9a9}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}:host ::ng-deep .p-datatable-table{border-spacing:0px 2px}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:2px 13px 0!important;border-radius:5px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 0 0 10px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:20%;width:1.625rem!important;height:1.625rem!important;box-shadow:#0000003d 0 3px 8px}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(p-tablecheckbox){border-bottom:0px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img){justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img) .p-column-title{display:none!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-bottom:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child div{justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td .p-column-title{font-weight:600}}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea!important}::ng-deep .field.grid,.formgrid.grid{padding:0rem!important}@media screen and (min-width: 961px){.moreVertBtn{position:relative;right:3px}}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:last-of-type{border-radius:0 0 5px!important}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:first-of-type{border-radius:0 0 0 5px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5$7.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i5$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: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i9.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i11$1.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "component", type: i12$1.TieredMenu, selector: "p-tieredMenu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i14.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i14.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i14.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i14.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i14.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvSwitchComponent, selector: "kv-switch", inputs: ["readonly", "switchValue"], outputs: ["onSwitchChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-table', template: "<div>\r\n  @if (filtrosAvancados) {\r\n  <p-panel\r\n    header=\"Filtros avan\u00E7ados\"\r\n    [toggleable]=\"true\"\r\n    [collapsed]=\"true\"\r\n    (collapsedChange)=\"collapsed = !collapsed\"\r\n    [style]=\"{ 'margin-bottom': '2px' }\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      @if (!collapsed) {\r\n      <i class=\"pi pi-filter\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      @if (collapsed) {\r\n      <i class=\"pi pi-minus\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\r\n    </ng-template>\r\n    <ng-content></ng-content>\r\n  </p-panel>\r\n  }\r\n\r\n  @if (config) {\r\n  <p-table\r\n    #dt\r\n    styleClass=\"p-datatable-sm\"\r\n    [value]=\"dataSource\"\r\n    [(selection)]=\"selectedItems\"\r\n    [rowSelectable]=\"isRowSelectable\"\r\n    [columns]=\"config.columns\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [rows]=\"rows\"\r\n    [paginator]=\"paginator\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    [rowHover]=\"true\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event);\"\r\n    (selectionChange)=\"selectionChange($event)\"\r\n    (onSort)=\"onSort($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    [groupRowsBy]=\"config.fieldGroup\"\r\n    [showFirstLastIcon]=\"showFirstLastIcon\"\r\n    [pageLinks]=\"pageLinksOptions\"\r\n    [responsive]=\"true\"\r\n    [responsiveLayout]=\"responsiveLayout ? 'stack' : ''\"\r\n    [scrollable]=\"isTableScrollable\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n    [rowTrackBy]=\"rowTrackBy \"\r\n  >\r\n    @if (config.enableCation) {\r\n    <ng-template pTemplate=\"caption\">\r\n      <div class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\r\n        <div class=\"col-12 flex flex-column\">\r\n          @if (config.title) {\r\n          <div class=\"text-md font-bold my-3\">\r\n            {{ config.title }}\r\n          </div>\r\n          }\r\n          @if (config.subtitle) {\r\n          <div class=\"text-sm mb-4 font-medium\">\r\n            {{ config.subtitle }}\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\r\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\r\n          }} mt-1 mb-2 \">\r\n          @if (config.enableFilter) {\r\n          <span class=\"p-input-icon-left\">\r\n            <i class=\"pi pi-search\"></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=\"h-2rem\"\r\n            />\r\n          </span>\r\n          }\r\n\r\n          <!-- <div\r\n          #menuFiltroDiv\r\n          id = \"menuFiltroDiv\"\r\n          [style.visibility]=\"'hidden'\"\r\n          class=\"absolute z-4 bg-gray-200\"\r\n          (click)=\"onClickEvent($event)\"\r\n        > -->\r\n\r\n          <div\r\n            #menuFiltroDiv\r\n            id=\"menuFiltroDiv\"\r\n            [style.visibility]=\"'hidden'\"\r\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\r\n          >\r\n            <p-card>\r\n              @for (col of columns; track col) {\r\n              <div class=\"flex flex-column text-medium w-15rem\">\r\n                {{ checkMenuFiltro(col) }}\r\n                @if (!dinamicDisableColumn(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                ></p-checkbox>\r\n                }\r\n              </div>\r\n              }\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          @for (action of config.actionsLote; track i; let i = $index) {\r\n          <div\r\n            class=\"btns-options\"\r\n            [style]=\"{ 'margin-right': '7px' }\"\r\n          >\r\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"\r\n                action?.command(); activeItemLote(selectedItems)\r\n                  \"\r\n              style=\"background-color: #1DA750\"\r\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n              [tooltipPosition]=\"getOrExecute(action.tooltip, selectedItems)?.length ?? 0 > 7 && config.actionsLote && i == config.actionsLote.length - 1  ? 'left' : 'bottom'\"\r\n              [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                style=\"color: white\"\r\n              >\r\n                {{ getOrExecute(action.icon, selectedItems) }}\r\n              </span>\r\n            </button>\r\n            }\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    }\r\n\r\n    <ng-template\r\n      pTemplate=\"header\"\r\n      let-columns\r\n    >\r\n      <tr>\r\n        @if (config.enableSelect) {\r\n        <th style=\"width: 4rem; border-left: solid 4px transparent\">\r\n          <p-tableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\" [disabled]=\"disabledHeaderCheckbox\"></p-tableHeaderCheckbox>\r\n        </th>\r\n        }\r\n\r\n        @for (col of columns; track $index) {\r\n        <th\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            <span>{{ col.header }}</span>\r\n            @if (col.sortable) {\r\n            <p-sortIcon\r\n              [field]='col.field'\r\n              style=\"font-size: 10px\"\r\n            ></p-sortIcon>\r\n            }\r\n            @if (col.headerTooltip) {\r\n            <span\r\n              class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\"\r\n            >info</span>\r\n            }\r\n          </div>\r\n        </th>\r\n        }\r\n        @if (config.actions && config.actions.length > 0) {\r\n        <th></th>\r\n        }\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      let-rowIndex=\"rowIndex\"\r\n    >\r\n      <tr\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n        [ngClass]=\"{ 'capitalize': tableCaptalized }\"\r\n      >\r\n        @if (config.enableSelect) {\r\n        <td [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\">\r\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(rowData.data)\"-->\r\n          <p-tableCheckbox\r\n            [value]=\"rowData\"\r\n            [disabled]=\"isDisabledCheckbox(rowData)\"\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableCheckbox>\r\n        </td>\r\n        }\r\n\r\n        @for (col of columns; track $index) {\r\n        <ng-container>\r\n          @if (rowgroup && !col.template) {\r\n          <td\r\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            class=\"rowTable\"\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\r\n              <span>\r\n                @if (col.icon) {\r\n                <i [class]=\"col.icon + ' mr-2'\"></i>\r\n                }\r\n                {{transformValue(rowData, col)}}\r\n              </span>\r\n              }\r\n\r\n              @if (isChipField(col) && !col.iconField) {\r\n              <div>\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >{{ transformValue(rowData, col) }}</span>\r\n              </div>\r\n              }\r\n            </span>\r\n\r\n            @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img\r\n                  class=\"image\"\r\n                  [src]=\"loadImage(rowData, col)\"\r\n                />\r\n              </span>\r\n            </span>\r\n            }\r\n\r\n            @if (col.iconField) {\r\n            <i\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\r\n            <ng-template #booleanField>\r\n              @if (!col.iconField && !isSwitchField(col)) {\r\n              <i [ngClass]=\"rowData[col.field] ? 'text-green-500' : 'text-red-500'\"><span\r\n                  class=\"material-symbols-outlined\"\r\n                >\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n              }\r\n\r\n              @if (isSwitchField(col)) {\r\n              <span [class]=\"returnRowClass(rowData, col)\">\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n              </span>\r\n              }\r\n\r\n            </ng-template>\r\n          </td>\r\n          }\r\n\r\n          @if (!rowgroup && !col.grouped && !col.template) {\r\n          <td\r\n            [style]=\"\r\n              applyStyle(rowData, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            class=\"rowTable\"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\r\n              <span>\r\n                @if (col.icon) {\r\n                <i [class]=\"col.icon + ' mr-2'\"></i>\r\n                }\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n              }\r\n\r\n              @if (isChipField(col) && !col.iconField) {\r\n              <div>\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >\r\n                  {{ transformValue(rowData, col) }}</span>\r\n              </div>\r\n              }\r\n            </span>\r\n\r\n            @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img\r\n                  class=\"image\"\r\n                  [src]=\"loadImage(rowData, col)\"\r\n                />\r\n              </span>\r\n            </span>\r\n            }\r\n\r\n            @if (col.iconField) {\r\n            <i\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\r\n            <ng-template #booleanField>\r\n\r\n              @if (!col.iconField && !isSwitchField(col)) {\r\n              <i [ngClass]=\"rowData[col.field] ? 'text-green-500' : 'text-red-500'\"><span\r\n                  class=\"material-symbols-outlined\"\r\n                >\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n              }\r\n\r\n              @if (isSwitchField(col)) {\r\n              <span [class]=\"returnRowClass(rowData, col)\">\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n              </span>\r\n              }\r\n\r\n            </ng-template>\r\n          </td>\r\n          }\r\n\r\n          @if (col.template) {\r\n          <td\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            @if (getCustomTemplate(col.template.name)) {\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n            />\r\n            }\r\n          </td>\r\n          }\r\n\r\n        </ng-container>\r\n        }\r\n\r\n        @if (config.actions && config.actions.length > 0) {\r\n        <td [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\">\r\n          <div class=\"flex flex-row justify-content-end w-full\">\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\r\n\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\r\n\r\n\r\n            <!-- </button> -->\r\n\r\n            <p-tieredMenu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"tableActions[rowIndex - actionsOffset]\"\r\n              appendTo=\"body\"\r\n            ></p-tieredMenu>\r\n\r\n          </div>\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"emptymessage\"\r\n      let-columns\r\n    >\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center; border-radius: 10px !important\"\r\n        >\r\n          <p class=\"font-medium m-0\">Nenhum registro encontrado</p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  }\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>", styles: ["@charset \"UTF-8\";.error-show{background-color:red;width:5px;height:10px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}#botaoFiltro:hover{color:#a9a9a9}.actionLoteBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#29b92d!important}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover{color:#a9a9a9}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}:host ::ng-deep .p-datatable-table{border-spacing:0px 2px}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:2px 13px 0!important;border-radius:5px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 0 0 10px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:20%;width:1.625rem!important;height:1.625rem!important;box-shadow:#0000003d 0 3px 8px}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(p-tablecheckbox){border-bottom:0px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img){justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img) .p-column-title{display:none!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-bottom:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child div{justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td .p-column-title{font-weight:600}}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea!important}::ng-deep .field.grid,.formgrid.grid{padding:0rem!important}@media screen and (min-width: 961px){.moreVertBtn{position:relative;right:3px}}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:last-of-type{border-radius:0 0 5px!important}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:first-of-type{border-radius:0 0 0 5px!important}\n"] }]
+            args: [{ selector: 'kv-table', template: "<div>\n  @if (filtrosAvancados) {\n  <p-panel\n    header=\"Filtros avan\u00E7ados\"\n    [toggleable]=\"true\"\n    [collapsed]=\"true\"\n    (collapsedChange)=\"collapsed = !collapsed\"\n    [style]=\"{ 'margin-bottom': '2px' }\"\n  >\n    <ng-template pTemplate=\"headericons\">\n      @if (!collapsed) {\n      <i class=\"pi pi-filter\"></i>\n      }\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\n      @if (collapsed) {\n      <i class=\"pi pi-minus\"></i>\n      }\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\n    </ng-template>\n    <ng-content></ng-content>\n  </p-panel>\n  }\n\n  @if (config) {\n  <p-table\n    #dt\n    styleClass=\"p-datatable-sm\"\n    [value]=\"dataSource\"\n    [(selection)]=\"selectedItems\"\n    [rowSelectable]=\"isRowSelectable\"\n    [columns]=\"config.columns\"\n    [globalFilterFields]=\"globalFilterFields\"\n    [rows]=\"rows\"\n    [paginator]=\"paginator\"\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\n    [showCurrentPageReport]=\"true\"\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\n    [rowHover]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [lazy]=\"config.lazy\"\n    (onLazyLoad)=\"paginate($event);\"\n    (selectionChange)=\"selectionChange($event)\"\n    (onSort)=\"onSort($event)\"\n    rowGroupMode=\"rowspan\"\n    [groupRowsBy]=\"config.fieldGroup\"\n    [showFirstLastIcon]=\"showFirstLastIcon\"\n    [pageLinks]=\"pageLinksOptions\"\n    [responsive]=\"true\"\n    [responsiveLayout]=\"responsiveLayout ? 'stack' : ''\"\n    [scrollable]=\"isTableScrollable\"\n    [scrollHeight]=\"scrollHeight\"\n    [rowTrackBy]=\"rowTrackBy \"\n  >\n    @if (config.enableCation) {\n    <ng-template pTemplate=\"caption\">\n      <div class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\n        <div class=\"col-12 flex flex-column\">\n          @if (config.title) {\n          <div class=\"text-md font-bold my-3\">\n            {{ config.title }}\n          </div>\n          }\n          @if (config.subtitle) {\n          <div class=\"text-sm mb-4 font-medium\">\n            {{ config.subtitle }}\n          </div>\n          }\n        </div>\n\n        <div class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\n          }} mt-1 mb-2 \">\n          @if (config.enableFilter) {\n          <span class=\"p-input-icon-left\">\n            <i class=\"pi pi-search\"></i>\n\n            <input\n              pInputText\n              pAutoFocus\n              [autofocus]=\"true\"\n              type=\"text\"\n              (input)=\"onGlobalFilter(dt, $event)\"\n              placeholder=\"Pesquisar...\"\n              class=\"h-2rem\"\n            />\n          </span>\n          }\n\n          <!-- <div\n          #menuFiltroDiv\n          id = \"menuFiltroDiv\"\n          [style.visibility]=\"'hidden'\"\n          class=\"absolute z-4 bg-gray-200\"\n          (click)=\"onClickEvent($event)\"\n        > -->\n\n          <div\n            #menuFiltroDiv\n            id=\"menuFiltroDiv\"\n            [style.visibility]=\"'hidden'\"\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\n          >\n            <p-card>\n              @for (col of columns; track col) {\n              <div class=\"flex flex-column text-medium w-15rem\">\n                {{ checkMenuFiltro(col) }}\n                @if (!dinamicDisableColumn(col)) {\n                <p-checkbox\n                  #filterColumns\n                  [label]=\"col.header\"\n                  [binary]=\"true\"\n                  class=\"checkbox-container\"\n                  (onChange)=\"dinamicColumnSet($event, col)\"\n                  [(ngModel)]=\"col.checked\"\n                ></p-checkbox>\n                }\n              </div>\n              }\n            </p-card>\n          </div>\n        </div>\n\n        <div class=\"flex flex-row col-1 justify-content-end\">\n          @for (action of config.actionsLote; track i; let i = $index) {\n          <div\n            class=\"btns-options\"\n            [style]=\"{ 'margin-right': '7px' }\"\n          >\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\n            <button\n              id=\"actionLoteBtns\"\n              pButton\n              class=\"actionLoteBtns p-button-raised p-button-text\"\n              (click)=\"\n                action?.command(); activeItemLote(selectedItems)\n                  \"\n              style=\"background-color: #1DA750\"\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\n              [tooltipPosition]=\"getOrExecute(action.tooltip, selectedItems)?.length ?? 0 > 7 && config.actionsLote && i == config.actionsLote.length - 1  ? 'left' : 'bottom'\"\n              [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\n            >\n              <span\n                class=\"material-symbols-outlined md-22\"\n                style=\"color: white\"\n              >\n                {{ getOrExecute(action.icon, selectedItems) }}\n              </span>\n            </button>\n            }\n          </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n    }\n\n    <ng-template\n      pTemplate=\"header\"\n      let-columns\n    >\n      <tr>\n        @if (config.enableSelect) {\n        <th style=\"width: 4rem; border-left: solid 4px transparent\">\n          <p-tableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\" [disabled]=\"disabledHeaderCheckbox\"></p-tableHeaderCheckbox>\n        </th>\n        }\n\n        @for (col of columns; track $index) {\n        <th\n          [pSortableColumn]='col.field'\n          [pSortableColumnDisabled]=\"col.sortable === false\"\n          [style.width]=\"col.width\"\n          class=\"text-sm\"\n        >\n          <div\n            [class]=\"\n              centralizarColunas(col) && alignColunasHeader(col) == ''\n                ? 'flex flex-row justify-content-center'\n                : 'flex flex-row'\n            \"\n            [style]=\"alignColunasHeader(col)\"\n          >\n            <span>{{ col.header }}</span>\n            @if (col.sortable) {\n            <p-sortIcon\n              [field]='col.field'\n              style=\"font-size: 10px\"\n            ></p-sortIcon>\n            }\n            @if (col.headerTooltip) {\n            <span\n              class=\"material-symbols-outlined flex align-items-center\"\n              [pTooltip]=\"col.headerTooltip\"\n            >info</span>\n            }\n          </div>\n        </th>\n        }\n        @if (config.actions && config.actions.length > 0) {\n        <th></th>\n        }\n      </tr>\n    </ng-template>\n\n    <ng-template\n      pTemplate=\"body\"\n      let-rowData\n      let-columns=\"columns\"\n      let-rowgroup=\"rowgroup\"\n      let-rowspan=\"rowspan\"\n      let-rowIndex=\"rowIndex\"\n    >\n      <tr\n        (dblclick)=\"doubleClick($event, rowData)\"\n        [ngClass]=\"{ 'capitalize': tableCaptalized }\"\n      >\n        @if (config.enableSelect) {\n        <td [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\">\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(rowData.data)\"-->\n          <p-tableCheckbox\n            [value]=\"rowData\"\n            [disabled]=\"isDisabledCheckbox(rowData)\"\n            (click)=\"activeItemLote(selectedItems)\"\n          ></p-tableCheckbox>\n        </td>\n        }\n\n        @for (col of columns; track $index) {\n        <ng-container>\n          @if (rowgroup && !col.template) {\n          <td\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\n            class=\"rowTable\"\n            [style]=\"\n              applyStyle(rowData, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \"\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\n          >\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n\n            <span\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\n              [class]=\"returnRowClass(rowData, col)\"\n            >\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\n              <span>\n                @if (col.icon) {\n                <i [class]=\"col.icon + ' mr-2'\"></i>\n                }\n                {{transformValue(rowData, col)}}\n              </span>\n              }\n\n              @if (isChipField(col) && !col.iconField) {\n              <div>\n                <span\n                  [class]=\"returnClassChip(rowData, col)\"\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n                >{{ transformValue(rowData, col) }}</span>\n              </div>\n              }\n            </span>\n\n            @if (isImageField(col)) {\n            <span>\n              <span>\n                <img\n                  class=\"image\"\n                  [src]=\"loadImage(rowData, col)\"\n                />\n              </span>\n            </span>\n            }\n\n            @if (col.iconField) {\n            <i\n              [ngClass]=\"{\n                'material-icons': col.indIconMaterial,\n                'material-symbols-outlined mr-2': !col.indIconMaterial\n              }\"\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n            >\n              {{ returnClassIcon(rowData, col) }}\n            </i>\n            }\n\n            <ng-template #booleanField>\n              @if (!col.iconField && !isSwitchField(col)) {\n              <i [ngClass]=\"rowData[col.field] ? 'text-green-500' : 'text-red-500'\"><span\n                  class=\"material-symbols-outlined\"\n                >\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\n                </span>\n              </i>\n              }\n\n              @if (isSwitchField(col)) {\n              <span [class]=\"returnRowClass(rowData, col)\">\n                <kv-switch\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col?.onlyReadField ?? true\"\n                  [switchValue]=\"transformValue(rowData, col)\"\n                >\n                </kv-switch>\n              </span>\n              }\n\n            </ng-template>\n          </td>\n          }\n\n          @if (!rowgroup && !col.grouped && !col.template) {\n          <td\n            [style]=\"\n              applyStyle(rowData, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \"\n            class=\"rowTable\"\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\n          >\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n\n            <span\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\n              [class]=\"returnRowClass(rowData, col)\"\n            >\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\n              <span>\n                @if (col.icon) {\n                <i [class]=\"col.icon + ' mr-2'\"></i>\n                }\n                {{ transformValue(rowData, col) }}\n              </span>\n              }\n\n              @if (isChipField(col) && !col.iconField) {\n              <div>\n                <span\n                  [class]=\"returnClassChip(rowData, col)\"\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n                >\n                  {{ transformValue(rowData, col) }}</span>\n              </div>\n              }\n            </span>\n\n            @if (isImageField(col)) {\n            <span>\n              <span>\n                <img\n                  class=\"image\"\n                  [src]=\"loadImage(rowData, col)\"\n                />\n              </span>\n            </span>\n            }\n\n            @if (col.iconField) {\n            <i\n              [ngClass]=\"{\n                'material-icons': col.indIconMaterial,\n                'material-symbols-outlined mr-2': !col.indIconMaterial\n              }\"\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n            >\n              {{ returnClassIcon(rowData, col) }}\n            </i>\n            }\n\n            <ng-template #booleanField>\n\n              @if (!col.iconField && !isSwitchField(col)) {\n              <i [ngClass]=\"rowData[col.field] ? 'text-green-500' : 'text-red-500'\"><span\n                  class=\"material-symbols-outlined\"\n                >\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\n                </span>\n              </i>\n              }\n\n              @if (isSwitchField(col)) {\n              <span [class]=\"returnRowClass(rowData, col)\">\n                <kv-switch\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col?.onlyReadField ?? true\"\n                  [switchValue]=\"transformValue(rowData, col)\"\n                >\n                </kv-switch>\n              </span>\n              }\n\n            </ng-template>\n          </td>\n          }\n\n          @if (col.template) {\n          <td\n            [style]=\"\n              applyStyle(rowData, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \"\n            class=\"rowTable\"\n          >\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n            @if (getCustomTemplate(col.template.name)) {\n            <ng-container\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\n              [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\n            />\n            }\n          </td>\n          }\n\n        </ng-container>\n        }\n\n        @if (config.actions && config.actions.length > 0) {\n        <td [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\">\n          <div class=\"flex flex-row justify-content-end w-full\">\n            <!-- <button\n              id=\"moreVertBtn\"\n              pButton\n              class=\"actionBtns p-button-text p-button-raised\"\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\n            > -->\n\n\n            <span\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n              style=\"font-size: 20px\"\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\n            >\n              more_horiz\n            </span>\n\n\n            <!-- </button> -->\n\n            <p-tieredMenu\n              #menu\n              [popup]=\"true\"\n              [model]=\"tableActions[rowIndex - actionsOffset]\"\n              appendTo=\"body\"\n            ></p-tieredMenu>\n\n          </div>\n        </td>\n        }\n      </tr>\n    </ng-template>\n\n    <ng-template\n      pTemplate=\"emptymessage\"\n      let-columns\n    >\n      <tr>\n        <td\n          [attr.colspan]=\"columns.length + 2\"\n          style=\"text-align: center; border-radius: 10px !important\"\n        >\n          <p class=\"font-medium m-0\">Nenhum registro encontrado</p>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  }\n</div>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\n/>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\n/>", styles: ["@charset \"UTF-8\";.error-show{background-color:red;width:5px;height:10px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}#botaoFiltro:hover{color:#a9a9a9}.actionLoteBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#29b92d!important}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover{color:#a9a9a9}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}:host ::ng-deep .p-datatable-table{border-spacing:0px 2px}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:2px 13px 0!important;border-radius:5px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-radius:10px 0 0 10px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:20%;width:1.625rem!important;height:1.625rem!important;box-shadow:#0000003d 0 3px 8px}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(p-tablecheckbox){border-bottom:0px!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img){justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:has(img) .p-column-title{display:none!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-top:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child{border-bottom:1px solid #ddd!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td:last-child div{justify-content:center!important;align-items:center!important}:host ::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td .p-column-title{font-weight:600}}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea!important}::ng-deep .field.grid,.formgrid.grid{padding:0rem!important}@media screen and (min-width: 961px){.moreVertBtn{position:relative;right:3px}}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:last-of-type{border-radius:0 0 5px!important}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th:first-of-type{border-radius:0 0 0 5px!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.DatePipe }, { type: i1.DecimalPipe }, { type: CpfCnpjPipe }, { type: TelefonePipe }], propDecorators: { templates: [{
                 type: ContentChildren,
                 args: [TemplateDirective]
@@ -5591,11 +5595,11 @@ class KvTreetableComponent {
         return icon.includes('pi-') ? `pi ${icon}` : '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTreetableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTreetableComponent, selector: "kv-tree-table", inputs: { config: "config", dataSource: "dataSource", gridLines: "gridLines", tableCaptalized: "tableCaptalized", selectedItems: "selectedItems", paginator: "paginator", rows: "rows", pageLinks: "pageLinks", showFirstLastIcon: "showFirstLastIcon", treeTableDraggable: "treeTableDraggable", transferArrayItem: "transferArrayItem", ordenacao: "ordenacao", totalRecords: "totalRecords", textoEmptyMessage: "textoEmptyMessage", _templates: ["templates", "_templates"] }, outputs: { onFilter: "onFilter", onPaginate: "onPaginate", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", doubleClickEvent: "doubleClickEvent", onNodeSelect: "onNodeSelect", onNodeUnselect: "onNodeUnselect", onDropItem: "onDropItem" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], ngImport: i0, template: "<div *ngIf=\"!treeTableDraggable\">\r\n    <p-treeTable\r\n        #tt\r\n        [value]=\"dataSource\"\r\n        [columns]=\"config.columns\"\r\n        [resizableColumns]=\"true\"\r\n        [tableStyle]=\"{'min-width': '50rem'}\"\r\n        [resizableColumns]=\"true\"\r\n        [paginator]=\"paginator\"\r\n        [rows]=\"rows\"\r\n        [pageLinks]=\"pageLinks\"\r\n        [totalRecords]=\"totalRecords\"\r\n        [rowsPerPageOptions]=\"[5, 10, 25, 50]\"\r\n        [showFirstLastIcon]=\"showFirstLastIcon\"\r\n        [styleClass]=\"gridLines ? 'p-treetable-gridlines' : ''\"\r\n        [(selection)]=\"selectedItems\"\r\n        [lazy]=\"config.lazy\"\r\n        (onLazyLoad)=\"paginate($event)\"\r\n        (onNodeSelect)=\"onNodeSelected($event)\"\r\n        (onNodeUnselect)=\"onNodeUnselected($event)\"\r\n        [showCurrentPageReport]=\"true\"\r\n        currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    >\r\n        <ng-template\r\n            pTemplate=\"caption\"\r\n            *ngIf=\"config.enableCation\"\r\n        >\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                <div class=\"col-12 flex flex-column\">\r\n                    <div\r\n                        *ngIf=\"config.title\"\r\n                        class=\"text-md font-bold my-3\"\r\n                    >\r\n                        {{ config.title }}\r\n                    </div>\r\n                    <div\r\n                        *ngIf=\"config.subtitle\"\r\n                        class=\"text-sm mb-4 font-medium\"\r\n                    >\r\n                        {{ config.subtitle }}\r\n                    </div>\r\n                </div>\r\n\r\n                <div\r\n                    class=\"flex flex-row align-items-center col-10 md:col-6 lg:col-4 justify-content-center {{tamanhoTela < 768 ? '' : 'input-search'}}\">\r\n                    <span\r\n                        *ngIf=\"config.enableFilter\"\r\n                        class=\"p-input-icon-left\"\r\n                    >\r\n                        <i class=\"pi pi-search\"></i>\r\n\r\n                        <input\r\n                            pInputText\r\n                            pAutoFocus\r\n                            [autofocus]=\"true\"\r\n                            type=\"text\"\r\n                            (input)=\"onGlobalFilter(tt, $event)\"\r\n                            placeholder=\"Pesquisar...\"\r\n                            class=\"h-2rem\"\r\n                        />\r\n                    </span>\r\n\r\n                </div>\r\n\r\n                <div class=\"flex flex-row col-1 justify-content-end p-0\">\r\n                    <div class=\"btns-options\">\r\n                        @for (action of config.actionsLote; track $index) {\r\n                        <p-button\r\n                            [icon]=\"getIcon(action.icon)\"\r\n                            [rounded]=\"true\"\r\n                            *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\r\n                            styleClass=\"p-0 flex justify-content-center\"\r\n                            [style.backgroundColor]='\"#1DA750\"'\r\n                            (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\r\n                            [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n                            [tooltipPosition]=\"'bottom'\"\r\n                            [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\r\n                            [style]=\"{width: '2rem', height: '2rem'}\"\r\n                        >\r\n                            @if (!action.icon.includes('pi-')){\r\n                            <span class=\"material-symbols-outlined md-22\" style=\"color: white\">\r\n                                {{ getOrExecute(action.icon, selectedItems) }}\r\n                            </span>\r\n                            }\r\n                        </p-button>\r\n                        }\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                @for(col of columns; track $index){\r\n                <th\r\n                    [ttSortableColumn]=\"col.field\"\r\n                    [ttSortableColumnDisabled]=\"col.sortable === false\"\r\n                    class=\"text-sm\"\r\n                    [style.width]=\"col.width\"\r\n                >\r\n                    <div>\r\n                        <div [ngClass]=\"{ flex: $index == 0, 'gap-3': $index == 0 }\">\r\n                            <div *ngIf=\"$index == 0 && config.enableSelect\">\r\n                                <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"/>\r\n                            </div>\r\n\r\n                            <div\r\n                                [class]=\"centralizarColunas(col) && alignColunasHeader(col) == '' ? 'flex flex-row justify-content-center' : 'flex flex-row'\"\r\n                                [style]=\"alignColunasHeader(col)\"\r\n                            >\r\n                                <span>{{ col.header }}</span>\r\n                                <p-sortIcon\r\n                                    *ngIf=\"col.sortable === true\"\r\n                                    [field]=\"col.field\"\r\n                                    style=\"font-size: 10px\"\r\n                                />\r\n\r\n                                <span\r\n                                    *ngIf=\"col.headerTooltip\"\r\n                                    class=\"material-symbols-outlined flex align-items-center\"\r\n                                    [pTooltip]=\"col.headerTooltip\"\r\n                                >info</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </th>\r\n                }\r\n            </tr>\r\n        </ng-template>\r\n\r\n        <ng-template pTemplate=\"header\" let-columns>\r\n            <tr>\r\n                @for (col of columns; track $index) {\r\n                <th\r\n                    ttResizableColumn\r\n                    [style.width]=\"col.width\"\r\n                    [style]=\"col.centralize ? 'text-align: center;' : ''\"\r\n                >\r\n                    {{ col.header }} <br>\r\n                </th>\r\n                }\r\n\r\n                @if (config.actions?.length ?? 0 > 0) {\r\n                <th [style.width]=\"5\"></th>\r\n                }\r\n            </tr>\r\n        </ng-template>\r\n\r\n        <ng-template\r\n            pTemplate=\"body\"\r\n            let-rowNode\r\n            let-rowData=\"rowData\"\r\n            let-columns=\"columns\"\r\n        >\r\n            <tr\r\n                [ttRow]=\"rowNode\"\r\n                (dblclick)=\"doubleClick($event, rowData)\"\r\n                [ngClass]=\"{ 'capitalize': tableCaptalized }\"\r\n            >\r\n\r\n                @for(col of columns; track $index){\r\n                <td\r\n                    [style]=\"returnStyleRow(col, rowNode)\"\r\n                    [style.position]=\"rowNode.level !== 0 ? 'sticky' : null\"\r\n                    [style.left.px]=\"rowNode.level !== 0 ? rowNode.level*30 : null\"\r\n                >\r\n\r\n                    <div class=\"flex flex-row  {{col.boolean ? 'justify-content-center' : '' }}\">\r\n                        <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"$index == 0\">\r\n                            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\r\n\r\n                            <p-treeTableCheckbox\r\n                                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                                (click)=\"activeItemLote(selectedItems)\"\r\n                                [value]=\"rowNode\"\r\n                                *ngIf=\"config.enableSelect == true\"\r\n                            />\r\n\r\n                        </div>\r\n\r\n\r\n                        <div class=\"flex flex-row align-items-center\">\r\n                            <div class=\"flex flex-row align-items-center justify-content-center\">\r\n\r\n                                <i\r\n                                    *ngIf=\"col.boolean\"\r\n                                    class=\"pi {{rowData[col.field] ? 'pi-check text-green-300' : ''}}\"\r\n                                    style=\"font-size: 1.1rem;\"\r\n                                ></i>\r\n\r\n\r\n                                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\r\n                                    <span class=\"m-0\">{{ rowData[col.field] }}</span>\r\n\r\n                                    <p\r\n                                        *ngIf=\"col.subtitle\"\r\n                                        class=\"m-0 text-xs font-semibold\"\r\n                                    >{{rowData[col.subtitle]}}</p>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n\r\n                    <span *ngIf=\"col.template && validateShowTemplate(rowNode, col)\">\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                    </span>\r\n\r\n                </td>\r\n                }\r\n\r\n                <td style=\"border-left: none;\" *ngIf=\"config.actions?.length ?? 0 > 0 || config.actionsPai\">\r\n\r\n                    <div *ngIf=\"config.actions?.length ?? 0 > 0 && validateActionPosition(rowNode)\">\r\n                        <span\r\n                            class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n                            style=\"font-size: 22px\"\r\n                            (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n                        >\r\n                            more_horiz\r\n                        </span>\r\n\r\n                        @for(action of config.actions; track $index) {\r\n                        {{ criarMenusModal(rowData) }}\r\n                        }\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\r\n                    </div>\r\n\r\n                    @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\r\n                    <div class=\"flex justify-content-end\">\r\n\r\n                        @for (actionPai of config.actionsPai; track $index) {\r\n                        @if (getOrExecute(actionPai.visible, rowData) ?? true) {\r\n                        <p-button\r\n                            [icon]=\"getIcon(actionPai.icon)\"\r\n                            [rounded]=\"true\"\r\n                            [severity]=\"actionPai.severity ?? 'secondary'\"\r\n                            [style]=\"{width: '2rem', height: '2rem'}\"\r\n                            (onClick)=\"activeItem(rowData);actionPai.command($event);\"\r\n                            styleClass=\"p-0 flex justify-content-center\"\r\n                        >\r\n                            @if(!actionPai.icon.includes('pi-')) {\r\n                            <span class=\"material-icons text-xl\">{{ actionPai.icon }}</span>\r\n                            }\r\n                        </p-button>\r\n                        }\r\n                        }\r\n\r\n                    </div>\r\n                    }\r\n\r\n                </td>\r\n\r\n            </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"emptymessage\">\r\n          <tr >\r\n              <td [attr.colspan]=\"config.columns.length + 1\" style=\"text-align: center; border-radius: 10px !important\">{{textoEmptyMessage}}</td>\r\n          </tr>\r\n      </ng-template>\r\n    </p-treeTable>\r\n</div>\r\n\r\n<div *ngIf=\"treeTableDraggable\" cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\r\n    <p-treeTable\r\n        #tt\r\n        [value]=\"dataSource\"\r\n        [columns]=\"config.columns\"\r\n        [resizableColumns]=\"true\"\r\n        [tableStyle]=\"{'min-width': '50rem'}\"\r\n        [resizableColumns]=\"true\"\r\n        [paginator]=\"paginator\"\r\n        [rows]=\"rows\"\r\n        [pageLinks]=\"pageLinks\"\r\n        [totalRecords]=\"totalRecords\"\r\n        [rowsPerPageOptions]=\"[5, 10, 25, 50]\"\r\n        [showFirstLastIcon]=\"showFirstLastIcon\"\r\n        [styleClass]=\"gridLines ? 'p-treetable-gridlines' : ''\"\r\n        [(selection)]=\"selectedItems\"\r\n        [lazy]=\"config.lazy\"\r\n        (onLazyLoad)=\"paginate($event)\"\r\n        currentPageReportTemplate=\"{first} - {last} de {{ totalRecords }}\"\r\n    >\r\n\r\n\r\n        <ng-template\r\n            pTemplate=\"caption\"\r\n            *ngIf=\"config.enableCation\"\r\n        >\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                <div class=\"col-12 flex flex-column\">\r\n                    <div\r\n                        *ngIf=\"config.title\"\r\n                        class=\"text-md font-bold my-3\"\r\n                    >\r\n                        {{ config.title }}\r\n                    </div>\r\n                    <div\r\n                        *ngIf=\"config.subtitle\"\r\n                        class=\"text-sm mb-4 font-medium\"\r\n                    >\r\n                        {{ config.subtitle }}\r\n                    </div>\r\n                </div>\r\n\r\n                <div\r\n                    class=\"flex flex-row align-items-center col-10 md:col-6 lg:col-4 justify-content-center {{tamanhoTela < 768 ? '' : 'input-search'}}\">\r\n                    <span\r\n                        *ngIf=\"config.enableFilter\"\r\n                        class=\"p-input-icon-left\"\r\n                    >\r\n                        <i class=\"pi pi-search\"></i>\r\n\r\n                        <input\r\n                            pInputText\r\n                            pAutoFocus\r\n                            [autofocus]=\"true\"\r\n                            type=\"text\"\r\n                            (input)=\"onGlobalFilter(tt, $event)\"\r\n                            placeholder=\"Pesquisar...\"\r\n                            class=\"h-2rem\"\r\n                        />\r\n                    </span>\r\n\r\n                </div>\r\n\r\n                <div class=\"flex flex-row col-1 justify-content-end p-0\">\r\n                    <div class=\"btns-options\">\r\n                        @for (action of config.actionsLote; track $index) {\r\n\r\n                        <p-button\r\n                            [icon]=\"getIcon(action.icon)\"\r\n                            [rounded]=\"true\"\r\n                            *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\r\n                            styleClass=\"p-0 flex justify-content-center\"\r\n                            [style.backgroundColor]='\"#1DA750\"'\r\n                            (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\r\n                            [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n                            [tooltipPosition]=\"'bottom'\"\r\n                            [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\r\n                            [style]=\"{width: '2rem', height: '2rem'}\"\r\n                        >\r\n                            @if (!action.icon.includes('pi-')){\r\n                            <span class=\"material-symbols-outlined md-22\" style=\"color: white\">\r\n                                {{ getOrExecute(action.icon, selectedItems) }}\r\n                            </span>\r\n                            }\r\n                        </p-button>\r\n                        }\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                @for(col of columns; track $index){\r\n                <th\r\n                    [ttSortableColumn]=\"col.field\"\r\n                    [ttSortableColumnDisabled]=\"col.sortable === false\"\r\n                    class=\"text-sm\"\r\n                    [style.width]=\"col.width\"\r\n                >\r\n                    <div>\r\n                        <div [ngClass]=\"{ flex: $index == 0, 'gap-3': $index == 0 }\">\r\n                            <div *ngIf=\"$index == 0 && config.enableSelect\">\r\n                                <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"/>\r\n                            </div>\r\n\r\n                            <div\r\n                                [class]=\"centralizarColunas(col) && alignColunasHeader(col) == '' ? 'flex flex-row justify-content-center' : 'flex flex-row'\"\r\n                                [style]=\"alignColunasHeader(col)\"\r\n                            >\r\n                                <span>{{ col.header }}</span>\r\n                                <p-sortIcon\r\n                                    *ngIf=\"col.sortable === true\"\r\n                                    [field]=\"col.field\"\r\n                                    style=\"font-size: 10px\"\r\n                                />\r\n\r\n                                <span\r\n                                    *ngIf=\"col.headerTooltip\"\r\n                                    class=\"material-symbols-outlined flex align-items-center\"\r\n                                    [pTooltip]=\"col.headerTooltip\"\r\n                                >info</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </th>\r\n                }\r\n            </tr>\r\n        </ng-template>\r\n\r\n        <ng-template pTemplate=\"header\" let-columns>\r\n            <tr>\r\n                @for (col of columns; track $index) {\r\n                <th\r\n                    ttResizableColumn\r\n                    [style.width]=\"col.width\"\r\n                    [style]=\"col.centralize ? 'text-align: center;' : ''\"\r\n                >\r\n                    {{ col.header }} <br>\r\n                </th>\r\n                }\r\n\r\n                @if (config.actions?.length ?? 0 > 0) {\r\n                <th [style.width]=\"5\"></th>\r\n                }\r\n            </tr>\r\n        </ng-template>\r\n\r\n        <ng-template\r\n            pTemplate=\"body\"\r\n            let-rowNode\r\n            let-rowData=\"rowData\"\r\n            let-columns=\"columns\"\r\n        >\r\n            <tr\r\n                cdkDrag\r\n                [cdkDragData]=\"rowNode\"\r\n                [ttRow]=\"rowNode\"\r\n                (dblclick)=\"doubleClick($event, rowData)\"\r\n                [ngClass]=\"{ 'capitalize': tableCaptalized }\"\r\n            >\r\n\r\n                @for(col of columns; track $index){\r\n                <td\r\n                    [style]=\"returnStyleRow(col, rowNode)\"\r\n                    [style.position]=\"rowNode.level !== 0 ? 'sticky' : null\"\r\n                    [style.left.px]=\"rowNode.level !== 0 ? rowNode.level*30 : null\"\r\n                >\r\n\r\n                    <div class=\"flex flex-row  {{col.boolean ? 'justify-content-center' : '' }}\">\r\n                        <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"$index == 0\">\r\n                            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\r\n\r\n                            <p-treeTableCheckbox\r\n                                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                                (click)=\"activeItemLote(selectedItems)\"\r\n                                [value]=\"rowNode\"\r\n                                *ngIf=\"config.enableSelect == true\"\r\n                            />\r\n\r\n                        </div>\r\n\r\n\r\n                        <div class=\"flex flex-row align-items-center\">\r\n                            <div class=\"flex flex-row align-items-center justify-content-center\">\r\n\r\n                                <i\r\n                                    *ngIf=\"col.boolean\"\r\n                                    class=\"pi {{rowData[col.field] ? 'pi-check text-green-300' : ''}}\"\r\n                                    style=\"font-size: 1.1rem;\"\r\n                                ></i>\r\n\r\n\r\n                                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\r\n                                    <span class=\"m-0\">{{ rowData[col.field] }}</span>\r\n\r\n                                    <p\r\n                                        *ngIf=\"col.subtitle\"\r\n                                        class=\"m-0 text-xs font-semibold\"\r\n                                    >{{rowData[col.subtitle]}}</p>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n\r\n                    <span *ngIf=\"col.template && validateShowTemplate(rowNode, col)\">\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                    </span>\r\n\r\n                </td>\r\n                }\r\n\r\n                <td style=\"border-left: none;\" *ngIf=\"config.actions?.length ?? 0 > 0 || config.actionsPai\">\r\n\r\n                    <div *ngIf=\"config.actions?.length ?? 0 > 0 && validateActionPosition(rowNode)\">\r\n                        <span\r\n                            class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n                            style=\"font-size: 22px\"\r\n                            (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n                        >\r\n                            more_horiz\r\n                        </span>\r\n\r\n                        @for(action of config.actions; track $index) {\r\n                        {{ criarMenusModal(rowData) }}\r\n                        }\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\r\n                    </div>\r\n\r\n                    @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\r\n                    <div class=\"flex justify-content-end\">\r\n\r\n                        @for (actionPai of config.actionsPai; track $index) {\r\n                        @if (getOrExecute(actionPai.visible, rowData) ?? true) {\r\n                        <p-button\r\n                            [icon]=\"getIcon(actionPai.icon)\"\r\n                            [rounded]=\"true\"\r\n                            [severity]=\"actionPai.severity ?? 'secondary'\"\r\n                            [style]=\"{width: '2rem', height: '2rem'}\"\r\n                            (onClick)=\"activeItem(rowData);actionPai.command($event);\"\r\n                            styleClass=\"p-0 flex justify-content-center\"\r\n                        >\r\n                            @if(!actionPai.icon.includes('pi-')) {\r\n                            <span class=\"material-icons text-xl\">{{ actionPai.icon }}</span>\r\n                            }\r\n                        </p-button>\r\n                        }\r\n                        }\r\n\r\n                    </div>\r\n                    }\r\n\r\n                </td>\r\n\r\n            </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"emptymessage\">\r\n          <tr >\r\n              <td [attr.colspan]=\"config.columns.length + 1\" style=\"text-align: center; border-radius: 10px !important\">{{textoEmptyMessage}}</td>\r\n          </tr>\r\n      </ng-template>\r\n    </p-treeTable>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host ::ng-deep .p-treetable table{border-spacing:0 3px}#botaoFiltro:hover{color:#d4d4d4}:host ::ng-deep .p-treetable .p-treetable-header{background-color:#eaeaea;padding:2px 0 0!important;border-radius:5px}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th{background-color:#eaeaea;padding:.5rem!important;margin-bottom:-5px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{padding:.5rem!important}:host ::ng-deep .p-treetable .p-treetable-thead{border-spacing:0 1px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:first-of-type{background-color:#eaeaea;padding:.5rem!important;border-top-left-radius:5px!important;border-bottom-left-radius:5px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:last-child{background-color:#eaeaea;padding:.5rem!important;border-radius:0 5px 5px 0!important;-webkit-border-radius:0 5px 5px 0!important;-moz-border-radius:0 5px 5px 0!important;-ms-border-radius:0 5px 5px 0!important;-o-border-radius:0 5px 5px 0!important}:host ::ng-deep .p-treetable-scrollable-header-box{padding:0!important}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th{background-color:#f2f2f2}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep #tr-style{border-left:solid 4px #5289B4!important;border-radius:10px!important;display:block}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-right:none!important;border-radius:10px 0 0 10px!important;-webkit-border-radius:10px 0 0 10px!important;-moz-border-radius:10px 0 0 10px!important;-ms-border-radius:10px 0 0 10px!important;-o-border-radius:10px 0 0 10px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important;-webkit-border-radius:0 10px 10px 0!important;-moz-border-radius:0 10px 10px 0!important;-ms-border-radius:0 10px 10px 0!important;-o-border-radius:0 10px 10px 0!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:50%;box-shadow:#0000003d 0 3px 8px;width:2.5rem!important;height:2.5rem!important;display:flex;align-items:center;justify-content:center}:host ::ng-deep .p-treetable table{border-collapse:separate!important;table-layout:auto!important}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}.cdk-drag-preview{display:flex;align-items:center;border-left:solid 4px #5289B4!important;border-radius:10px!important;border:2px dashed #ccc;background-color:#ffffff80}.cdk-drop-list-dragging{cursor:grabbing}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5$7.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i5$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: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "directive", type: i8$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i8$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i14.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i10$1.TreeTable, selector: "p-treeTable", inputs: ["columns", "style", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "component", type: i10$1.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i10$1.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "directive", type: i10$1.TTResizableColumn, selector: "[ttResizableColumn]", inputs: ["ttResizableColumnDisabled"] }, { kind: "directive", type: i10$1.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i10$1.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i10$1.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTreetableComponent, selector: "kv-tree-table", inputs: { config: "config", dataSource: "dataSource", gridLines: "gridLines", tableCaptalized: "tableCaptalized", selectedItems: "selectedItems", paginator: "paginator", rows: "rows", pageLinks: "pageLinks", showFirstLastIcon: "showFirstLastIcon", treeTableDraggable: "treeTableDraggable", transferArrayItem: "transferArrayItem", ordenacao: "ordenacao", totalRecords: "totalRecords", textoEmptyMessage: "textoEmptyMessage", _templates: ["templates", "_templates"] }, outputs: { onFilter: "onFilter", onPaginate: "onPaginate", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", doubleClickEvent: "doubleClickEvent", onNodeSelect: "onNodeSelect", onNodeUnselect: "onNodeUnselect", onDropItem: "onDropItem" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], ngImport: i0, template: "<div *ngIf=\"!treeTableDraggable\">\n    <p-treeTable\n        #tt\n        [value]=\"dataSource\"\n        [columns]=\"config.columns\"\n        [resizableColumns]=\"true\"\n        [tableStyle]=\"{'min-width': '50rem'}\"\n        [resizableColumns]=\"true\"\n        [paginator]=\"paginator\"\n        [rows]=\"rows\"\n        [pageLinks]=\"pageLinks\"\n        [totalRecords]=\"totalRecords\"\n        [rowsPerPageOptions]=\"[5, 10, 25, 50]\"\n        [showFirstLastIcon]=\"showFirstLastIcon\"\n        [styleClass]=\"gridLines ? 'p-treetable-gridlines' : ''\"\n        [(selection)]=\"selectedItems\"\n        [lazy]=\"config.lazy\"\n        (onLazyLoad)=\"paginate($event)\"\n        (onNodeSelect)=\"onNodeSelected($event)\"\n        (onNodeUnselect)=\"onNodeUnselected($event)\"\n        [showCurrentPageReport]=\"true\"\n        currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\n    >\n        <ng-template\n            pTemplate=\"caption\"\n            *ngIf=\"config.enableCation\"\n        >\n            <div\n                class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\n                <div class=\"col-12 flex flex-column\">\n                    <div\n                        *ngIf=\"config.title\"\n                        class=\"text-md font-bold my-3\"\n                    >\n                        {{ config.title }}\n                    </div>\n                    <div\n                        *ngIf=\"config.subtitle\"\n                        class=\"text-sm mb-4 font-medium\"\n                    >\n                        {{ config.subtitle }}\n                    </div>\n                </div>\n\n                <div\n                    class=\"flex flex-row align-items-center col-10 md:col-6 lg:col-4 justify-content-center {{tamanhoTela < 768 ? '' : 'input-search'}}\">\n                    <span\n                        *ngIf=\"config.enableFilter\"\n                        class=\"p-input-icon-left\"\n                    >\n                        <i class=\"pi pi-search\"></i>\n\n                        <input\n                            pInputText\n                            pAutoFocus\n                            [autofocus]=\"true\"\n                            type=\"text\"\n                            (input)=\"onGlobalFilter(tt, $event)\"\n                            placeholder=\"Pesquisar...\"\n                            class=\"h-2rem\"\n                        />\n                    </span>\n\n                </div>\n\n                <div class=\"flex flex-row col-1 justify-content-end p-0\">\n                    <div class=\"btns-options\">\n                        @for (action of config.actionsLote; track $index) {\n                        <p-button\n                            [icon]=\"getIcon(action.icon)\"\n                            [rounded]=\"true\"\n                            *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\n                            styleClass=\"p-0 flex justify-content-center\"\n                            [style.backgroundColor]='\"#1DA750\"'\n                            (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\n                            [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\n                            [tooltipPosition]=\"'bottom'\"\n                            [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\n                            [style]=\"{width: '2rem', height: '2rem'}\"\n                        >\n                            @if (!action.icon.includes('pi-')){\n                            <span class=\"material-symbols-outlined md-22\" style=\"color: white\">\n                                {{ getOrExecute(action.icon, selectedItems) }}\n                            </span>\n                            }\n                        </p-button>\n                        }\n                    </div>\n                </div>\n            </div>\n        </ng-template>\n\n        <ng-template pTemplate=\"header\" let-columns>\n            <tr>\n                @for(col of columns; track $index){\n                <th\n                    [ttSortableColumn]=\"col.field\"\n                    [ttSortableColumnDisabled]=\"col.sortable === false\"\n                    class=\"text-sm\"\n                    [style.width]=\"col.width\"\n                >\n                    <div>\n                        <div [ngClass]=\"{ flex: $index == 0, 'gap-3': $index == 0 }\">\n                            <div *ngIf=\"$index == 0 && config.enableSelect\">\n                                <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"/>\n                            </div>\n\n                            <div\n                                [class]=\"centralizarColunas(col) && alignColunasHeader(col) == '' ? 'flex flex-row justify-content-center' : 'flex flex-row'\"\n                                [style]=\"alignColunasHeader(col)\"\n                            >\n                                <span>{{ col.header }}</span>\n                                <p-sortIcon\n                                    *ngIf=\"col.sortable === true\"\n                                    [field]=\"col.field\"\n                                    style=\"font-size: 10px\"\n                                />\n\n                                <span\n                                    *ngIf=\"col.headerTooltip\"\n                                    class=\"material-symbols-outlined flex align-items-center\"\n                                    [pTooltip]=\"col.headerTooltip\"\n                                >info</span>\n                            </div>\n                        </div>\n                    </div>\n                </th>\n                }\n            </tr>\n        </ng-template>\n\n        <ng-template pTemplate=\"header\" let-columns>\n            <tr>\n                @for (col of columns; track $index) {\n                <th\n                    ttResizableColumn\n                    [style.width]=\"col.width\"\n                    [style]=\"col.centralize ? 'text-align: center;' : ''\"\n                >\n                    {{ col.header }} <br>\n                </th>\n                }\n\n                @if (config.actions?.length ?? 0 > 0) {\n                <th [style.width]=\"5\"></th>\n                }\n            </tr>\n        </ng-template>\n\n        <ng-template\n            pTemplate=\"body\"\n            let-rowNode\n            let-rowData=\"rowData\"\n            let-columns=\"columns\"\n        >\n            <tr\n                [ttRow]=\"rowNode\"\n                (dblclick)=\"doubleClick($event, rowData)\"\n                [ngClass]=\"{ 'capitalize': tableCaptalized }\"\n            >\n\n                @for(col of columns; track $index){\n                <td\n                    [style]=\"returnStyleRow(col, rowNode)\"\n                    [style.position]=\"rowNode.level !== 0 ? 'sticky' : null\"\n                    [style.left.px]=\"rowNode.level !== 0 ? rowNode.level*30 : null\"\n                >\n\n                    <div class=\"flex flex-row  {{col.boolean ? 'justify-content-center' : '' }}\">\n                        <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"$index == 0\">\n                            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\n\n                            <p-treeTableCheckbox\n                                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\n                                (click)=\"activeItemLote(selectedItems)\"\n                                [value]=\"rowNode\"\n                                *ngIf=\"config.enableSelect == true\"\n                            />\n\n                        </div>\n\n\n                        <div class=\"flex flex-row align-items-center\">\n                            <div class=\"flex flex-row align-items-center justify-content-center\">\n\n                                <i\n                                    *ngIf=\"col.boolean\"\n                                    class=\"pi {{rowData[col.field] ? 'pi-check text-green-300' : ''}}\"\n                                    style=\"font-size: 1.1rem;\"\n                                ></i>\n\n\n                                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\n                                    <span class=\"m-0\">{{ rowData[col.field] }}</span>\n\n                                    <p\n                                        *ngIf=\"col.subtitle\"\n                                        class=\"m-0 text-xs font-semibold\"\n                                    >{{rowData[col.subtitle]}}</p>\n                                </div>\n\n                            </div>\n                        </div>\n\n                    </div>\n\n\n                    <span *ngIf=\"col.template && validateShowTemplate(rowNode, col)\">\n                        <ng-container\n                            *ngIf=\"getCustomTemplate(col.template.name)\"\n                            [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\n                            [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\n                        >\n                        </ng-container>\n                    </span>\n\n                </td>\n                }\n\n                <td style=\"border-left: none;\" *ngIf=\"config.actions?.length ?? 0 > 0 || config.actionsPai\">\n\n                    <div *ngIf=\"config.actions?.length ?? 0 > 0 && validateActionPosition(rowNode)\">\n                        <span\n                            class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n                            style=\"font-size: 22px\"\n                            (click)=\"menu.toggle($event); activeItem(rowData)\"\n                        >\n                            more_horiz\n                        </span>\n\n                        @for(action of config.actions; track $index) {\n                        {{ criarMenusModal(rowData) }}\n                        }\n\n                        <p-menu\n                            #menu\n                            [popup]=\"true\"\n                            [model]=\"menuItems\"\n                            appendTo=\"body\"\n                        ></p-menu>\n\n                    </div>\n\n                    @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\n                    <div class=\"flex justify-content-end\">\n\n                        @for (actionPai of config.actionsPai; track $index) {\n                        @if (getOrExecute(actionPai.visible, rowData) ?? true) {\n                        <p-button\n                            [icon]=\"getIcon(actionPai.icon)\"\n                            [rounded]=\"true\"\n                            [severity]=\"actionPai.severity ?? 'secondary'\"\n                            [style]=\"{width: '2rem', height: '2rem'}\"\n                            (onClick)=\"activeItem(rowData);actionPai.command($event);\"\n                            styleClass=\"p-0 flex justify-content-center\"\n                        >\n                            @if(!actionPai.icon.includes('pi-')) {\n                            <span class=\"material-icons text-xl\">{{ actionPai.icon }}</span>\n                            }\n                        </p-button>\n                        }\n                        }\n\n                    </div>\n                    }\n\n                </td>\n\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n          <tr >\n              <td [attr.colspan]=\"config.columns.length + 1\" style=\"text-align: center; border-radius: 10px !important\">{{textoEmptyMessage}}</td>\n          </tr>\n      </ng-template>\n    </p-treeTable>\n</div>\n\n<div *ngIf=\"treeTableDraggable\" cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\n    <p-treeTable\n        #tt\n        [value]=\"dataSource\"\n        [columns]=\"config.columns\"\n        [resizableColumns]=\"true\"\n        [tableStyle]=\"{'min-width': '50rem'}\"\n        [resizableColumns]=\"true\"\n        [paginator]=\"paginator\"\n        [rows]=\"rows\"\n        [pageLinks]=\"pageLinks\"\n        [totalRecords]=\"totalRecords\"\n        [rowsPerPageOptions]=\"[5, 10, 25, 50]\"\n        [showFirstLastIcon]=\"showFirstLastIcon\"\n        [styleClass]=\"gridLines ? 'p-treetable-gridlines' : ''\"\n        [(selection)]=\"selectedItems\"\n        [lazy]=\"config.lazy\"\n        (onLazyLoad)=\"paginate($event)\"\n        currentPageReportTemplate=\"{first} - {last} de {{ totalRecords }}\"\n    >\n\n\n        <ng-template\n            pTemplate=\"caption\"\n            *ngIf=\"config.enableCation\"\n        >\n            <div\n                class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\n                <div class=\"col-12 flex flex-column\">\n                    <div\n                        *ngIf=\"config.title\"\n                        class=\"text-md font-bold my-3\"\n                    >\n                        {{ config.title }}\n                    </div>\n                    <div\n                        *ngIf=\"config.subtitle\"\n                        class=\"text-sm mb-4 font-medium\"\n                    >\n                        {{ config.subtitle }}\n                    </div>\n                </div>\n\n                <div\n                    class=\"flex flex-row align-items-center col-10 md:col-6 lg:col-4 justify-content-center {{tamanhoTela < 768 ? '' : 'input-search'}}\">\n                    <span\n                        *ngIf=\"config.enableFilter\"\n                        class=\"p-input-icon-left\"\n                    >\n                        <i class=\"pi pi-search\"></i>\n\n                        <input\n                            pInputText\n                            pAutoFocus\n                            [autofocus]=\"true\"\n                            type=\"text\"\n                            (input)=\"onGlobalFilter(tt, $event)\"\n                            placeholder=\"Pesquisar...\"\n                            class=\"h-2rem\"\n                        />\n                    </span>\n\n                </div>\n\n                <div class=\"flex flex-row col-1 justify-content-end p-0\">\n                    <div class=\"btns-options\">\n                        @for (action of config.actionsLote; track $index) {\n\n                        <p-button\n                            [icon]=\"getIcon(action.icon)\"\n                            [rounded]=\"true\"\n                            *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\n                            styleClass=\"p-0 flex justify-content-center\"\n                            [style.backgroundColor]='\"#1DA750\"'\n                            (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\n                            [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\n                            [tooltipPosition]=\"'bottom'\"\n                            [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\n                            [style]=\"{width: '2rem', height: '2rem'}\"\n                        >\n                            @if (!action.icon.includes('pi-')){\n                            <span class=\"material-symbols-outlined md-22\" style=\"color: white\">\n                                {{ getOrExecute(action.icon, selectedItems) }}\n                            </span>\n                            }\n                        </p-button>\n                        }\n                    </div>\n                </div>\n            </div>\n        </ng-template>\n\n        <ng-template pTemplate=\"header\" let-columns>\n            <tr>\n                @for(col of columns; track $index){\n                <th\n                    [ttSortableColumn]=\"col.field\"\n                    [ttSortableColumnDisabled]=\"col.sortable === false\"\n                    class=\"text-sm\"\n                    [style.width]=\"col.width\"\n                >\n                    <div>\n                        <div [ngClass]=\"{ flex: $index == 0, 'gap-3': $index == 0 }\">\n                            <div *ngIf=\"$index == 0 && config.enableSelect\">\n                                <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"/>\n                            </div>\n\n                            <div\n                                [class]=\"centralizarColunas(col) && alignColunasHeader(col) == '' ? 'flex flex-row justify-content-center' : 'flex flex-row'\"\n                                [style]=\"alignColunasHeader(col)\"\n                            >\n                                <span>{{ col.header }}</span>\n                                <p-sortIcon\n                                    *ngIf=\"col.sortable === true\"\n                                    [field]=\"col.field\"\n                                    style=\"font-size: 10px\"\n                                />\n\n                                <span\n                                    *ngIf=\"col.headerTooltip\"\n                                    class=\"material-symbols-outlined flex align-items-center\"\n                                    [pTooltip]=\"col.headerTooltip\"\n                                >info</span>\n                            </div>\n                        </div>\n                    </div>\n                </th>\n                }\n            </tr>\n        </ng-template>\n\n        <ng-template pTemplate=\"header\" let-columns>\n            <tr>\n                @for (col of columns; track $index) {\n                <th\n                    ttResizableColumn\n                    [style.width]=\"col.width\"\n                    [style]=\"col.centralize ? 'text-align: center;' : ''\"\n                >\n                    {{ col.header }} <br>\n                </th>\n                }\n\n                @if (config.actions?.length ?? 0 > 0) {\n                <th [style.width]=\"5\"></th>\n                }\n            </tr>\n        </ng-template>\n\n        <ng-template\n            pTemplate=\"body\"\n            let-rowNode\n            let-rowData=\"rowData\"\n            let-columns=\"columns\"\n        >\n            <tr\n                cdkDrag\n                [cdkDragData]=\"rowNode\"\n                [ttRow]=\"rowNode\"\n                (dblclick)=\"doubleClick($event, rowData)\"\n                [ngClass]=\"{ 'capitalize': tableCaptalized }\"\n            >\n\n                @for(col of columns; track $index){\n                <td\n                    [style]=\"returnStyleRow(col, rowNode)\"\n                    [style.position]=\"rowNode.level !== 0 ? 'sticky' : null\"\n                    [style.left.px]=\"rowNode.level !== 0 ? rowNode.level*30 : null\"\n                >\n\n                    <div class=\"flex flex-row  {{col.boolean ? 'justify-content-center' : '' }}\">\n                        <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"$index == 0\">\n                            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\n\n                            <p-treeTableCheckbox\n                                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\n                                (click)=\"activeItemLote(selectedItems)\"\n                                [value]=\"rowNode\"\n                                *ngIf=\"config.enableSelect == true\"\n                            />\n\n                        </div>\n\n\n                        <div class=\"flex flex-row align-items-center\">\n                            <div class=\"flex flex-row align-items-center justify-content-center\">\n\n                                <i\n                                    *ngIf=\"col.boolean\"\n                                    class=\"pi {{rowData[col.field] ? 'pi-check text-green-300' : ''}}\"\n                                    style=\"font-size: 1.1rem;\"\n                                ></i>\n\n\n                                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\n                                    <span class=\"m-0\">{{ rowData[col.field] }}</span>\n\n                                    <p\n                                        *ngIf=\"col.subtitle\"\n                                        class=\"m-0 text-xs font-semibold\"\n                                    >{{rowData[col.subtitle]}}</p>\n                                </div>\n\n                            </div>\n                        </div>\n\n                    </div>\n\n\n                    <span *ngIf=\"col.template && validateShowTemplate(rowNode, col)\">\n                        <ng-container\n                            *ngIf=\"getCustomTemplate(col.template.name)\"\n                            [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\n                            [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\n                        >\n                        </ng-container>\n                    </span>\n\n                </td>\n                }\n\n                <td style=\"border-left: none;\" *ngIf=\"config.actions?.length ?? 0 > 0 || config.actionsPai\">\n\n                    <div *ngIf=\"config.actions?.length ?? 0 > 0 && validateActionPosition(rowNode)\">\n                        <span\n                            class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n                            style=\"font-size: 22px\"\n                            (click)=\"menu.toggle($event); activeItem(rowData)\"\n                        >\n                            more_horiz\n                        </span>\n\n                        @for(action of config.actions; track $index) {\n                        {{ criarMenusModal(rowData) }}\n                        }\n\n                        <p-menu\n                            #menu\n                            [popup]=\"true\"\n                            [model]=\"menuItems\"\n                            appendTo=\"body\"\n                        ></p-menu>\n\n                    </div>\n\n                    @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\n                    <div class=\"flex justify-content-end\">\n\n                        @for (actionPai of config.actionsPai; track $index) {\n                        @if (getOrExecute(actionPai.visible, rowData) ?? true) {\n                        <p-button\n                            [icon]=\"getIcon(actionPai.icon)\"\n                            [rounded]=\"true\"\n                            [severity]=\"actionPai.severity ?? 'secondary'\"\n                            [style]=\"{width: '2rem', height: '2rem'}\"\n                            (onClick)=\"activeItem(rowData);actionPai.command($event);\"\n                            styleClass=\"p-0 flex justify-content-center\"\n                        >\n                            @if(!actionPai.icon.includes('pi-')) {\n                            <span class=\"material-icons text-xl\">{{ actionPai.icon }}</span>\n                            }\n                        </p-button>\n                        }\n                        }\n\n                    </div>\n                    }\n\n                </td>\n\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n          <tr >\n              <td [attr.colspan]=\"config.columns.length + 1\" style=\"text-align: center; border-radius: 10px !important\">{{textoEmptyMessage}}</td>\n          </tr>\n      </ng-template>\n    </p-treeTable>\n</div>\n", styles: ["@charset \"UTF-8\";:host ::ng-deep .p-treetable table{border-spacing:0 3px}#botaoFiltro:hover{color:#d4d4d4}:host ::ng-deep .p-treetable .p-treetable-header{background-color:#eaeaea;padding:2px 0 0!important;border-radius:5px}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th{background-color:#eaeaea;padding:.5rem!important;margin-bottom:-5px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{padding:.5rem!important}:host ::ng-deep .p-treetable .p-treetable-thead{border-spacing:0 1px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:first-of-type{background-color:#eaeaea;padding:.5rem!important;border-top-left-radius:5px!important;border-bottom-left-radius:5px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:last-child{background-color:#eaeaea;padding:.5rem!important;border-radius:0 5px 5px 0!important;-webkit-border-radius:0 5px 5px 0!important;-moz-border-radius:0 5px 5px 0!important;-ms-border-radius:0 5px 5px 0!important;-o-border-radius:0 5px 5px 0!important}:host ::ng-deep .p-treetable-scrollable-header-box{padding:0!important}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th{background-color:#f2f2f2}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep #tr-style{border-left:solid 4px #5289B4!important;border-radius:10px!important;display:block}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-right:none!important;border-radius:10px 0 0 10px!important;-webkit-border-radius:10px 0 0 10px!important;-moz-border-radius:10px 0 0 10px!important;-ms-border-radius:10px 0 0 10px!important;-o-border-radius:10px 0 0 10px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important;-webkit-border-radius:0 10px 10px 0!important;-moz-border-radius:0 10px 10px 0!important;-ms-border-radius:0 10px 10px 0!important;-o-border-radius:0 10px 10px 0!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:50%;box-shadow:#0000003d 0 3px 8px;width:2.5rem!important;height:2.5rem!important;display:flex;align-items:center;justify-content:center}:host ::ng-deep .p-treetable table{border-collapse:separate!important;table-layout:auto!important}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}.cdk-drag-preview{display:flex;align-items:center;border-left:solid 4px #5289B4!important;border-radius:10px!important;border:2px dashed #ccc;background-color:#ffffff80}.cdk-drop-list-dragging{cursor:grabbing}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5$7.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i5$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: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "directive", type: i8$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i8$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i14.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i10$1.TreeTable, selector: "p-treeTable", inputs: ["columns", "style", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "component", type: i10$1.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i10$1.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "directive", type: i10$1.TTResizableColumn, selector: "[ttResizableColumn]", inputs: ["ttResizableColumnDisabled"] }, { kind: "directive", type: i10$1.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i10$1.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i10$1.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTreetableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-tree-table', template: "<div *ngIf=\"!treeTableDraggable\">\r\n    <p-treeTable\r\n        #tt\r\n        [value]=\"dataSource\"\r\n        [columns]=\"config.columns\"\r\n        [resizableColumns]=\"true\"\r\n        [tableStyle]=\"{'min-width': '50rem'}\"\r\n        [resizableColumns]=\"true\"\r\n        [paginator]=\"paginator\"\r\n        [rows]=\"rows\"\r\n        [pageLinks]=\"pageLinks\"\r\n        [totalRecords]=\"totalRecords\"\r\n        [rowsPerPageOptions]=\"[5, 10, 25, 50]\"\r\n        [showFirstLastIcon]=\"showFirstLastIcon\"\r\n        [styleClass]=\"gridLines ? 'p-treetable-gridlines' : ''\"\r\n        [(selection)]=\"selectedItems\"\r\n        [lazy]=\"config.lazy\"\r\n        (onLazyLoad)=\"paginate($event)\"\r\n        (onNodeSelect)=\"onNodeSelected($event)\"\r\n        (onNodeUnselect)=\"onNodeUnselected($event)\"\r\n        [showCurrentPageReport]=\"true\"\r\n        currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    >\r\n        <ng-template\r\n            pTemplate=\"caption\"\r\n            *ngIf=\"config.enableCation\"\r\n        >\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                <div class=\"col-12 flex flex-column\">\r\n                    <div\r\n                        *ngIf=\"config.title\"\r\n                        class=\"text-md font-bold my-3\"\r\n                    >\r\n                        {{ config.title }}\r\n                    </div>\r\n                    <div\r\n                        *ngIf=\"config.subtitle\"\r\n                        class=\"text-sm mb-4 font-medium\"\r\n                    >\r\n                        {{ config.subtitle }}\r\n                    </div>\r\n                </div>\r\n\r\n                <div\r\n                    class=\"flex flex-row align-items-center col-10 md:col-6 lg:col-4 justify-content-center {{tamanhoTela < 768 ? '' : 'input-search'}}\">\r\n                    <span\r\n                        *ngIf=\"config.enableFilter\"\r\n                        class=\"p-input-icon-left\"\r\n                    >\r\n                        <i class=\"pi pi-search\"></i>\r\n\r\n                        <input\r\n                            pInputText\r\n                            pAutoFocus\r\n                            [autofocus]=\"true\"\r\n                            type=\"text\"\r\n                            (input)=\"onGlobalFilter(tt, $event)\"\r\n                            placeholder=\"Pesquisar...\"\r\n                            class=\"h-2rem\"\r\n                        />\r\n                    </span>\r\n\r\n                </div>\r\n\r\n                <div class=\"flex flex-row col-1 justify-content-end p-0\">\r\n                    <div class=\"btns-options\">\r\n                        @for (action of config.actionsLote; track $index) {\r\n                        <p-button\r\n                            [icon]=\"getIcon(action.icon)\"\r\n                            [rounded]=\"true\"\r\n                            *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\r\n                            styleClass=\"p-0 flex justify-content-center\"\r\n                            [style.backgroundColor]='\"#1DA750\"'\r\n                            (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\r\n                            [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n                            [tooltipPosition]=\"'bottom'\"\r\n                            [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\r\n                            [style]=\"{width: '2rem', height: '2rem'}\"\r\n                        >\r\n                            @if (!action.icon.includes('pi-')){\r\n                            <span class=\"material-symbols-outlined md-22\" style=\"color: white\">\r\n                                {{ getOrExecute(action.icon, selectedItems) }}\r\n                            </span>\r\n                            }\r\n                        </p-button>\r\n                        }\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                @for(col of columns; track $index){\r\n                <th\r\n                    [ttSortableColumn]=\"col.field\"\r\n                    [ttSortableColumnDisabled]=\"col.sortable === false\"\r\n                    class=\"text-sm\"\r\n                    [style.width]=\"col.width\"\r\n                >\r\n                    <div>\r\n                        <div [ngClass]=\"{ flex: $index == 0, 'gap-3': $index == 0 }\">\r\n                            <div *ngIf=\"$index == 0 && config.enableSelect\">\r\n                                <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"/>\r\n                            </div>\r\n\r\n                            <div\r\n                                [class]=\"centralizarColunas(col) && alignColunasHeader(col) == '' ? 'flex flex-row justify-content-center' : 'flex flex-row'\"\r\n                                [style]=\"alignColunasHeader(col)\"\r\n                            >\r\n                                <span>{{ col.header }}</span>\r\n                                <p-sortIcon\r\n                                    *ngIf=\"col.sortable === true\"\r\n                                    [field]=\"col.field\"\r\n                                    style=\"font-size: 10px\"\r\n                                />\r\n\r\n                                <span\r\n                                    *ngIf=\"col.headerTooltip\"\r\n                                    class=\"material-symbols-outlined flex align-items-center\"\r\n                                    [pTooltip]=\"col.headerTooltip\"\r\n                                >info</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </th>\r\n                }\r\n            </tr>\r\n        </ng-template>\r\n\r\n        <ng-template pTemplate=\"header\" let-columns>\r\n            <tr>\r\n                @for (col of columns; track $index) {\r\n                <th\r\n                    ttResizableColumn\r\n                    [style.width]=\"col.width\"\r\n                    [style]=\"col.centralize ? 'text-align: center;' : ''\"\r\n                >\r\n                    {{ col.header }} <br>\r\n                </th>\r\n                }\r\n\r\n                @if (config.actions?.length ?? 0 > 0) {\r\n                <th [style.width]=\"5\"></th>\r\n                }\r\n            </tr>\r\n        </ng-template>\r\n\r\n        <ng-template\r\n            pTemplate=\"body\"\r\n            let-rowNode\r\n            let-rowData=\"rowData\"\r\n            let-columns=\"columns\"\r\n        >\r\n            <tr\r\n                [ttRow]=\"rowNode\"\r\n                (dblclick)=\"doubleClick($event, rowData)\"\r\n                [ngClass]=\"{ 'capitalize': tableCaptalized }\"\r\n            >\r\n\r\n                @for(col of columns; track $index){\r\n                <td\r\n                    [style]=\"returnStyleRow(col, rowNode)\"\r\n                    [style.position]=\"rowNode.level !== 0 ? 'sticky' : null\"\r\n                    [style.left.px]=\"rowNode.level !== 0 ? rowNode.level*30 : null\"\r\n                >\r\n\r\n                    <div class=\"flex flex-row  {{col.boolean ? 'justify-content-center' : '' }}\">\r\n                        <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"$index == 0\">\r\n                            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\r\n\r\n                            <p-treeTableCheckbox\r\n                                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                                (click)=\"activeItemLote(selectedItems)\"\r\n                                [value]=\"rowNode\"\r\n                                *ngIf=\"config.enableSelect == true\"\r\n                            />\r\n\r\n                        </div>\r\n\r\n\r\n                        <div class=\"flex flex-row align-items-center\">\r\n                            <div class=\"flex flex-row align-items-center justify-content-center\">\r\n\r\n                                <i\r\n                                    *ngIf=\"col.boolean\"\r\n                                    class=\"pi {{rowData[col.field] ? 'pi-check text-green-300' : ''}}\"\r\n                                    style=\"font-size: 1.1rem;\"\r\n                                ></i>\r\n\r\n\r\n                                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\r\n                                    <span class=\"m-0\">{{ rowData[col.field] }}</span>\r\n\r\n                                    <p\r\n                                        *ngIf=\"col.subtitle\"\r\n                                        class=\"m-0 text-xs font-semibold\"\r\n                                    >{{rowData[col.subtitle]}}</p>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n\r\n                    <span *ngIf=\"col.template && validateShowTemplate(rowNode, col)\">\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                    </span>\r\n\r\n                </td>\r\n                }\r\n\r\n                <td style=\"border-left: none;\" *ngIf=\"config.actions?.length ?? 0 > 0 || config.actionsPai\">\r\n\r\n                    <div *ngIf=\"config.actions?.length ?? 0 > 0 && validateActionPosition(rowNode)\">\r\n                        <span\r\n                            class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n                            style=\"font-size: 22px\"\r\n                            (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n                        >\r\n                            more_horiz\r\n                        </span>\r\n\r\n                        @for(action of config.actions; track $index) {\r\n                        {{ criarMenusModal(rowData) }}\r\n                        }\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\r\n                    </div>\r\n\r\n                    @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\r\n                    <div class=\"flex justify-content-end\">\r\n\r\n                        @for (actionPai of config.actionsPai; track $index) {\r\n                        @if (getOrExecute(actionPai.visible, rowData) ?? true) {\r\n                        <p-button\r\n                            [icon]=\"getIcon(actionPai.icon)\"\r\n                            [rounded]=\"true\"\r\n                            [severity]=\"actionPai.severity ?? 'secondary'\"\r\n                            [style]=\"{width: '2rem', height: '2rem'}\"\r\n                            (onClick)=\"activeItem(rowData);actionPai.command($event);\"\r\n                            styleClass=\"p-0 flex justify-content-center\"\r\n                        >\r\n                            @if(!actionPai.icon.includes('pi-')) {\r\n                            <span class=\"material-icons text-xl\">{{ actionPai.icon }}</span>\r\n                            }\r\n                        </p-button>\r\n                        }\r\n                        }\r\n\r\n                    </div>\r\n                    }\r\n\r\n                </td>\r\n\r\n            </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"emptymessage\">\r\n          <tr >\r\n              <td [attr.colspan]=\"config.columns.length + 1\" style=\"text-align: center; border-radius: 10px !important\">{{textoEmptyMessage}}</td>\r\n          </tr>\r\n      </ng-template>\r\n    </p-treeTable>\r\n</div>\r\n\r\n<div *ngIf=\"treeTableDraggable\" cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\r\n    <p-treeTable\r\n        #tt\r\n        [value]=\"dataSource\"\r\n        [columns]=\"config.columns\"\r\n        [resizableColumns]=\"true\"\r\n        [tableStyle]=\"{'min-width': '50rem'}\"\r\n        [resizableColumns]=\"true\"\r\n        [paginator]=\"paginator\"\r\n        [rows]=\"rows\"\r\n        [pageLinks]=\"pageLinks\"\r\n        [totalRecords]=\"totalRecords\"\r\n        [rowsPerPageOptions]=\"[5, 10, 25, 50]\"\r\n        [showFirstLastIcon]=\"showFirstLastIcon\"\r\n        [styleClass]=\"gridLines ? 'p-treetable-gridlines' : ''\"\r\n        [(selection)]=\"selectedItems\"\r\n        [lazy]=\"config.lazy\"\r\n        (onLazyLoad)=\"paginate($event)\"\r\n        currentPageReportTemplate=\"{first} - {last} de {{ totalRecords }}\"\r\n    >\r\n\r\n\r\n        <ng-template\r\n            pTemplate=\"caption\"\r\n            *ngIf=\"config.enableCation\"\r\n        >\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                <div class=\"col-12 flex flex-column\">\r\n                    <div\r\n                        *ngIf=\"config.title\"\r\n                        class=\"text-md font-bold my-3\"\r\n                    >\r\n                        {{ config.title }}\r\n                    </div>\r\n                    <div\r\n                        *ngIf=\"config.subtitle\"\r\n                        class=\"text-sm mb-4 font-medium\"\r\n                    >\r\n                        {{ config.subtitle }}\r\n                    </div>\r\n                </div>\r\n\r\n                <div\r\n                    class=\"flex flex-row align-items-center col-10 md:col-6 lg:col-4 justify-content-center {{tamanhoTela < 768 ? '' : 'input-search'}}\">\r\n                    <span\r\n                        *ngIf=\"config.enableFilter\"\r\n                        class=\"p-input-icon-left\"\r\n                    >\r\n                        <i class=\"pi pi-search\"></i>\r\n\r\n                        <input\r\n                            pInputText\r\n                            pAutoFocus\r\n                            [autofocus]=\"true\"\r\n                            type=\"text\"\r\n                            (input)=\"onGlobalFilter(tt, $event)\"\r\n                            placeholder=\"Pesquisar...\"\r\n                            class=\"h-2rem\"\r\n                        />\r\n                    </span>\r\n\r\n                </div>\r\n\r\n                <div class=\"flex flex-row col-1 justify-content-end p-0\">\r\n                    <div class=\"btns-options\">\r\n                        @for (action of config.actionsLote; track $index) {\r\n\r\n                        <p-button\r\n                            [icon]=\"getIcon(action.icon)\"\r\n                            [rounded]=\"true\"\r\n                            *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\r\n                            styleClass=\"p-0 flex justify-content-center\"\r\n                            [style.backgroundColor]='\"#1DA750\"'\r\n                            (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\r\n                            [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n                            [tooltipPosition]=\"'bottom'\"\r\n                            [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\r\n                            [style]=\"{width: '2rem', height: '2rem'}\"\r\n                        >\r\n                            @if (!action.icon.includes('pi-')){\r\n                            <span class=\"material-symbols-outlined md-22\" style=\"color: white\">\r\n                                {{ getOrExecute(action.icon, selectedItems) }}\r\n                            </span>\r\n                            }\r\n                        </p-button>\r\n                        }\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                @for(col of columns; track $index){\r\n                <th\r\n                    [ttSortableColumn]=\"col.field\"\r\n                    [ttSortableColumnDisabled]=\"col.sortable === false\"\r\n                    class=\"text-sm\"\r\n                    [style.width]=\"col.width\"\r\n                >\r\n                    <div>\r\n                        <div [ngClass]=\"{ flex: $index == 0, 'gap-3': $index == 0 }\">\r\n                            <div *ngIf=\"$index == 0 && config.enableSelect\">\r\n                                <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"/>\r\n                            </div>\r\n\r\n                            <div\r\n                                [class]=\"centralizarColunas(col) && alignColunasHeader(col) == '' ? 'flex flex-row justify-content-center' : 'flex flex-row'\"\r\n                                [style]=\"alignColunasHeader(col)\"\r\n                            >\r\n                                <span>{{ col.header }}</span>\r\n                                <p-sortIcon\r\n                                    *ngIf=\"col.sortable === true\"\r\n                                    [field]=\"col.field\"\r\n                                    style=\"font-size: 10px\"\r\n                                />\r\n\r\n                                <span\r\n                                    *ngIf=\"col.headerTooltip\"\r\n                                    class=\"material-symbols-outlined flex align-items-center\"\r\n                                    [pTooltip]=\"col.headerTooltip\"\r\n                                >info</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </th>\r\n                }\r\n            </tr>\r\n        </ng-template>\r\n\r\n        <ng-template pTemplate=\"header\" let-columns>\r\n            <tr>\r\n                @for (col of columns; track $index) {\r\n                <th\r\n                    ttResizableColumn\r\n                    [style.width]=\"col.width\"\r\n                    [style]=\"col.centralize ? 'text-align: center;' : ''\"\r\n                >\r\n                    {{ col.header }} <br>\r\n                </th>\r\n                }\r\n\r\n                @if (config.actions?.length ?? 0 > 0) {\r\n                <th [style.width]=\"5\"></th>\r\n                }\r\n            </tr>\r\n        </ng-template>\r\n\r\n        <ng-template\r\n            pTemplate=\"body\"\r\n            let-rowNode\r\n            let-rowData=\"rowData\"\r\n            let-columns=\"columns\"\r\n        >\r\n            <tr\r\n                cdkDrag\r\n                [cdkDragData]=\"rowNode\"\r\n                [ttRow]=\"rowNode\"\r\n                (dblclick)=\"doubleClick($event, rowData)\"\r\n                [ngClass]=\"{ 'capitalize': tableCaptalized }\"\r\n            >\r\n\r\n                @for(col of columns; track $index){\r\n                <td\r\n                    [style]=\"returnStyleRow(col, rowNode)\"\r\n                    [style.position]=\"rowNode.level !== 0 ? 'sticky' : null\"\r\n                    [style.left.px]=\"rowNode.level !== 0 ? rowNode.level*30 : null\"\r\n                >\r\n\r\n                    <div class=\"flex flex-row  {{col.boolean ? 'justify-content-center' : '' }}\">\r\n                        <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"$index == 0\">\r\n                            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\r\n\r\n                            <p-treeTableCheckbox\r\n                                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                                (click)=\"activeItemLote(selectedItems)\"\r\n                                [value]=\"rowNode\"\r\n                                *ngIf=\"config.enableSelect == true\"\r\n                            />\r\n\r\n                        </div>\r\n\r\n\r\n                        <div class=\"flex flex-row align-items-center\">\r\n                            <div class=\"flex flex-row align-items-center justify-content-center\">\r\n\r\n                                <i\r\n                                    *ngIf=\"col.boolean\"\r\n                                    class=\"pi {{rowData[col.field] ? 'pi-check text-green-300' : ''}}\"\r\n                                    style=\"font-size: 1.1rem;\"\r\n                                ></i>\r\n\r\n\r\n                                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\r\n                                    <span class=\"m-0\">{{ rowData[col.field] }}</span>\r\n\r\n                                    <p\r\n                                        *ngIf=\"col.subtitle\"\r\n                                        class=\"m-0 text-xs font-semibold\"\r\n                                    >{{rowData[col.subtitle]}}</p>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n\r\n                    <span *ngIf=\"col.template && validateShowTemplate(rowNode, col)\">\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                    </span>\r\n\r\n                </td>\r\n                }\r\n\r\n                <td style=\"border-left: none;\" *ngIf=\"config.actions?.length ?? 0 > 0 || config.actionsPai\">\r\n\r\n                    <div *ngIf=\"config.actions?.length ?? 0 > 0 && validateActionPosition(rowNode)\">\r\n                        <span\r\n                            class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n                            style=\"font-size: 22px\"\r\n                            (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n                        >\r\n                            more_horiz\r\n                        </span>\r\n\r\n                        @for(action of config.actions; track $index) {\r\n                        {{ criarMenusModal(rowData) }}\r\n                        }\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\r\n                    </div>\r\n\r\n                    @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\r\n                    <div class=\"flex justify-content-end\">\r\n\r\n                        @for (actionPai of config.actionsPai; track $index) {\r\n                        @if (getOrExecute(actionPai.visible, rowData) ?? true) {\r\n                        <p-button\r\n                            [icon]=\"getIcon(actionPai.icon)\"\r\n                            [rounded]=\"true\"\r\n                            [severity]=\"actionPai.severity ?? 'secondary'\"\r\n                            [style]=\"{width: '2rem', height: '2rem'}\"\r\n                            (onClick)=\"activeItem(rowData);actionPai.command($event);\"\r\n                            styleClass=\"p-0 flex justify-content-center\"\r\n                        >\r\n                            @if(!actionPai.icon.includes('pi-')) {\r\n                            <span class=\"material-icons text-xl\">{{ actionPai.icon }}</span>\r\n                            }\r\n                        </p-button>\r\n                        }\r\n                        }\r\n\r\n                    </div>\r\n                    }\r\n\r\n                </td>\r\n\r\n            </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"emptymessage\">\r\n          <tr >\r\n              <td [attr.colspan]=\"config.columns.length + 1\" style=\"text-align: center; border-radius: 10px !important\">{{textoEmptyMessage}}</td>\r\n          </tr>\r\n      </ng-template>\r\n    </p-treeTable>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host ::ng-deep .p-treetable table{border-spacing:0 3px}#botaoFiltro:hover{color:#d4d4d4}:host ::ng-deep .p-treetable .p-treetable-header{background-color:#eaeaea;padding:2px 0 0!important;border-radius:5px}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th{background-color:#eaeaea;padding:.5rem!important;margin-bottom:-5px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{padding:.5rem!important}:host ::ng-deep .p-treetable .p-treetable-thead{border-spacing:0 1px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:first-of-type{background-color:#eaeaea;padding:.5rem!important;border-top-left-radius:5px!important;border-bottom-left-radius:5px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:last-child{background-color:#eaeaea;padding:.5rem!important;border-radius:0 5px 5px 0!important;-webkit-border-radius:0 5px 5px 0!important;-moz-border-radius:0 5px 5px 0!important;-ms-border-radius:0 5px 5px 0!important;-o-border-radius:0 5px 5px 0!important}:host ::ng-deep .p-treetable-scrollable-header-box{padding:0!important}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th{background-color:#f2f2f2}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep #tr-style{border-left:solid 4px #5289B4!important;border-radius:10px!important;display:block}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-right:none!important;border-radius:10px 0 0 10px!important;-webkit-border-radius:10px 0 0 10px!important;-moz-border-radius:10px 0 0 10px!important;-ms-border-radius:10px 0 0 10px!important;-o-border-radius:10px 0 0 10px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important;-webkit-border-radius:0 10px 10px 0!important;-moz-border-radius:0 10px 10px 0!important;-ms-border-radius:0 10px 10px 0!important;-o-border-radius:0 10px 10px 0!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:50%;box-shadow:#0000003d 0 3px 8px;width:2.5rem!important;height:2.5rem!important;display:flex;align-items:center;justify-content:center}:host ::ng-deep .p-treetable table{border-collapse:separate!important;table-layout:auto!important}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}.cdk-drag-preview{display:flex;align-items:center;border-left:solid 4px #5289B4!important;border-radius:10px!important;border:2px dashed #ccc;background-color:#ffffff80}.cdk-drop-list-dragging{cursor:grabbing}\n"] }]
+            args: [{ selector: 'kv-tree-table', template: "<div *ngIf=\"!treeTableDraggable\">\n    <p-treeTable\n        #tt\n        [value]=\"dataSource\"\n        [columns]=\"config.columns\"\n        [resizableColumns]=\"true\"\n        [tableStyle]=\"{'min-width': '50rem'}\"\n        [resizableColumns]=\"true\"\n        [paginator]=\"paginator\"\n        [rows]=\"rows\"\n        [pageLinks]=\"pageLinks\"\n        [totalRecords]=\"totalRecords\"\n        [rowsPerPageOptions]=\"[5, 10, 25, 50]\"\n        [showFirstLastIcon]=\"showFirstLastIcon\"\n        [styleClass]=\"gridLines ? 'p-treetable-gridlines' : ''\"\n        [(selection)]=\"selectedItems\"\n        [lazy]=\"config.lazy\"\n        (onLazyLoad)=\"paginate($event)\"\n        (onNodeSelect)=\"onNodeSelected($event)\"\n        (onNodeUnselect)=\"onNodeUnselected($event)\"\n        [showCurrentPageReport]=\"true\"\n        currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\n    >\n        <ng-template\n            pTemplate=\"caption\"\n            *ngIf=\"config.enableCation\"\n        >\n            <div\n                class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\n                <div class=\"col-12 flex flex-column\">\n                    <div\n                        *ngIf=\"config.title\"\n                        class=\"text-md font-bold my-3\"\n                    >\n                        {{ config.title }}\n                    </div>\n                    <div\n                        *ngIf=\"config.subtitle\"\n                        class=\"text-sm mb-4 font-medium\"\n                    >\n                        {{ config.subtitle }}\n                    </div>\n                </div>\n\n                <div\n                    class=\"flex flex-row align-items-center col-10 md:col-6 lg:col-4 justify-content-center {{tamanhoTela < 768 ? '' : 'input-search'}}\">\n                    <span\n                        *ngIf=\"config.enableFilter\"\n                        class=\"p-input-icon-left\"\n                    >\n                        <i class=\"pi pi-search\"></i>\n\n                        <input\n                            pInputText\n                            pAutoFocus\n                            [autofocus]=\"true\"\n                            type=\"text\"\n                            (input)=\"onGlobalFilter(tt, $event)\"\n                            placeholder=\"Pesquisar...\"\n                            class=\"h-2rem\"\n                        />\n                    </span>\n\n                </div>\n\n                <div class=\"flex flex-row col-1 justify-content-end p-0\">\n                    <div class=\"btns-options\">\n                        @for (action of config.actionsLote; track $index) {\n                        <p-button\n                            [icon]=\"getIcon(action.icon)\"\n                            [rounded]=\"true\"\n                            *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\n                            styleClass=\"p-0 flex justify-content-center\"\n                            [style.backgroundColor]='\"#1DA750\"'\n                            (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\n                            [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\n                            [tooltipPosition]=\"'bottom'\"\n                            [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\n                            [style]=\"{width: '2rem', height: '2rem'}\"\n                        >\n                            @if (!action.icon.includes('pi-')){\n                            <span class=\"material-symbols-outlined md-22\" style=\"color: white\">\n                                {{ getOrExecute(action.icon, selectedItems) }}\n                            </span>\n                            }\n                        </p-button>\n                        }\n                    </div>\n                </div>\n            </div>\n        </ng-template>\n\n        <ng-template pTemplate=\"header\" let-columns>\n            <tr>\n                @for(col of columns; track $index){\n                <th\n                    [ttSortableColumn]=\"col.field\"\n                    [ttSortableColumnDisabled]=\"col.sortable === false\"\n                    class=\"text-sm\"\n                    [style.width]=\"col.width\"\n                >\n                    <div>\n                        <div [ngClass]=\"{ flex: $index == 0, 'gap-3': $index == 0 }\">\n                            <div *ngIf=\"$index == 0 && config.enableSelect\">\n                                <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"/>\n                            </div>\n\n                            <div\n                                [class]=\"centralizarColunas(col) && alignColunasHeader(col) == '' ? 'flex flex-row justify-content-center' : 'flex flex-row'\"\n                                [style]=\"alignColunasHeader(col)\"\n                            >\n                                <span>{{ col.header }}</span>\n                                <p-sortIcon\n                                    *ngIf=\"col.sortable === true\"\n                                    [field]=\"col.field\"\n                                    style=\"font-size: 10px\"\n                                />\n\n                                <span\n                                    *ngIf=\"col.headerTooltip\"\n                                    class=\"material-symbols-outlined flex align-items-center\"\n                                    [pTooltip]=\"col.headerTooltip\"\n                                >info</span>\n                            </div>\n                        </div>\n                    </div>\n                </th>\n                }\n            </tr>\n        </ng-template>\n\n        <ng-template pTemplate=\"header\" let-columns>\n            <tr>\n                @for (col of columns; track $index) {\n                <th\n                    ttResizableColumn\n                    [style.width]=\"col.width\"\n                    [style]=\"col.centralize ? 'text-align: center;' : ''\"\n                >\n                    {{ col.header }} <br>\n                </th>\n                }\n\n                @if (config.actions?.length ?? 0 > 0) {\n                <th [style.width]=\"5\"></th>\n                }\n            </tr>\n        </ng-template>\n\n        <ng-template\n            pTemplate=\"body\"\n            let-rowNode\n            let-rowData=\"rowData\"\n            let-columns=\"columns\"\n        >\n            <tr\n                [ttRow]=\"rowNode\"\n                (dblclick)=\"doubleClick($event, rowData)\"\n                [ngClass]=\"{ 'capitalize': tableCaptalized }\"\n            >\n\n                @for(col of columns; track $index){\n                <td\n                    [style]=\"returnStyleRow(col, rowNode)\"\n                    [style.position]=\"rowNode.level !== 0 ? 'sticky' : null\"\n                    [style.left.px]=\"rowNode.level !== 0 ? rowNode.level*30 : null\"\n                >\n\n                    <div class=\"flex flex-row  {{col.boolean ? 'justify-content-center' : '' }}\">\n                        <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"$index == 0\">\n                            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\n\n                            <p-treeTableCheckbox\n                                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\n                                (click)=\"activeItemLote(selectedItems)\"\n                                [value]=\"rowNode\"\n                                *ngIf=\"config.enableSelect == true\"\n                            />\n\n                        </div>\n\n\n                        <div class=\"flex flex-row align-items-center\">\n                            <div class=\"flex flex-row align-items-center justify-content-center\">\n\n                                <i\n                                    *ngIf=\"col.boolean\"\n                                    class=\"pi {{rowData[col.field] ? 'pi-check text-green-300' : ''}}\"\n                                    style=\"font-size: 1.1rem;\"\n                                ></i>\n\n\n                                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\n                                    <span class=\"m-0\">{{ rowData[col.field] }}</span>\n\n                                    <p\n                                        *ngIf=\"col.subtitle\"\n                                        class=\"m-0 text-xs font-semibold\"\n                                    >{{rowData[col.subtitle]}}</p>\n                                </div>\n\n                            </div>\n                        </div>\n\n                    </div>\n\n\n                    <span *ngIf=\"col.template && validateShowTemplate(rowNode, col)\">\n                        <ng-container\n                            *ngIf=\"getCustomTemplate(col.template.name)\"\n                            [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\n                            [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\n                        >\n                        </ng-container>\n                    </span>\n\n                </td>\n                }\n\n                <td style=\"border-left: none;\" *ngIf=\"config.actions?.length ?? 0 > 0 || config.actionsPai\">\n\n                    <div *ngIf=\"config.actions?.length ?? 0 > 0 && validateActionPosition(rowNode)\">\n                        <span\n                            class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n                            style=\"font-size: 22px\"\n                            (click)=\"menu.toggle($event); activeItem(rowData)\"\n                        >\n                            more_horiz\n                        </span>\n\n                        @for(action of config.actions; track $index) {\n                        {{ criarMenusModal(rowData) }}\n                        }\n\n                        <p-menu\n                            #menu\n                            [popup]=\"true\"\n                            [model]=\"menuItems\"\n                            appendTo=\"body\"\n                        ></p-menu>\n\n                    </div>\n\n                    @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\n                    <div class=\"flex justify-content-end\">\n\n                        @for (actionPai of config.actionsPai; track $index) {\n                        @if (getOrExecute(actionPai.visible, rowData) ?? true) {\n                        <p-button\n                            [icon]=\"getIcon(actionPai.icon)\"\n                            [rounded]=\"true\"\n                            [severity]=\"actionPai.severity ?? 'secondary'\"\n                            [style]=\"{width: '2rem', height: '2rem'}\"\n                            (onClick)=\"activeItem(rowData);actionPai.command($event);\"\n                            styleClass=\"p-0 flex justify-content-center\"\n                        >\n                            @if(!actionPai.icon.includes('pi-')) {\n                            <span class=\"material-icons text-xl\">{{ actionPai.icon }}</span>\n                            }\n                        </p-button>\n                        }\n                        }\n\n                    </div>\n                    }\n\n                </td>\n\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n          <tr >\n              <td [attr.colspan]=\"config.columns.length + 1\" style=\"text-align: center; border-radius: 10px !important\">{{textoEmptyMessage}}</td>\n          </tr>\n      </ng-template>\n    </p-treeTable>\n</div>\n\n<div *ngIf=\"treeTableDraggable\" cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\n    <p-treeTable\n        #tt\n        [value]=\"dataSource\"\n        [columns]=\"config.columns\"\n        [resizableColumns]=\"true\"\n        [tableStyle]=\"{'min-width': '50rem'}\"\n        [resizableColumns]=\"true\"\n        [paginator]=\"paginator\"\n        [rows]=\"rows\"\n        [pageLinks]=\"pageLinks\"\n        [totalRecords]=\"totalRecords\"\n        [rowsPerPageOptions]=\"[5, 10, 25, 50]\"\n        [showFirstLastIcon]=\"showFirstLastIcon\"\n        [styleClass]=\"gridLines ? 'p-treetable-gridlines' : ''\"\n        [(selection)]=\"selectedItems\"\n        [lazy]=\"config.lazy\"\n        (onLazyLoad)=\"paginate($event)\"\n        currentPageReportTemplate=\"{first} - {last} de {{ totalRecords }}\"\n    >\n\n\n        <ng-template\n            pTemplate=\"caption\"\n            *ngIf=\"config.enableCation\"\n        >\n            <div\n                class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\">\n                <div class=\"col-12 flex flex-column\">\n                    <div\n                        *ngIf=\"config.title\"\n                        class=\"text-md font-bold my-3\"\n                    >\n                        {{ config.title }}\n                    </div>\n                    <div\n                        *ngIf=\"config.subtitle\"\n                        class=\"text-sm mb-4 font-medium\"\n                    >\n                        {{ config.subtitle }}\n                    </div>\n                </div>\n\n                <div\n                    class=\"flex flex-row align-items-center col-10 md:col-6 lg:col-4 justify-content-center {{tamanhoTela < 768 ? '' : 'input-search'}}\">\n                    <span\n                        *ngIf=\"config.enableFilter\"\n                        class=\"p-input-icon-left\"\n                    >\n                        <i class=\"pi pi-search\"></i>\n\n                        <input\n                            pInputText\n                            pAutoFocus\n                            [autofocus]=\"true\"\n                            type=\"text\"\n                            (input)=\"onGlobalFilter(tt, $event)\"\n                            placeholder=\"Pesquisar...\"\n                            class=\"h-2rem\"\n                        />\n                    </span>\n\n                </div>\n\n                <div class=\"flex flex-row col-1 justify-content-end p-0\">\n                    <div class=\"btns-options\">\n                        @for (action of config.actionsLote; track $index) {\n\n                        <p-button\n                            [icon]=\"getIcon(action.icon)\"\n                            [rounded]=\"true\"\n                            *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\n                            styleClass=\"p-0 flex justify-content-center\"\n                            [style.backgroundColor]='\"#1DA750\"'\n                            (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\n                            [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\n                            [tooltipPosition]=\"'bottom'\"\n                            [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\n                            [style]=\"{width: '2rem', height: '2rem'}\"\n                        >\n                            @if (!action.icon.includes('pi-')){\n                            <span class=\"material-symbols-outlined md-22\" style=\"color: white\">\n                                {{ getOrExecute(action.icon, selectedItems) }}\n                            </span>\n                            }\n                        </p-button>\n                        }\n                    </div>\n                </div>\n            </div>\n        </ng-template>\n\n        <ng-template pTemplate=\"header\" let-columns>\n            <tr>\n                @for(col of columns; track $index){\n                <th\n                    [ttSortableColumn]=\"col.field\"\n                    [ttSortableColumnDisabled]=\"col.sortable === false\"\n                    class=\"text-sm\"\n                    [style.width]=\"col.width\"\n                >\n                    <div>\n                        <div [ngClass]=\"{ flex: $index == 0, 'gap-3': $index == 0 }\">\n                            <div *ngIf=\"$index == 0 && config.enableSelect\">\n                                <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"/>\n                            </div>\n\n                            <div\n                                [class]=\"centralizarColunas(col) && alignColunasHeader(col) == '' ? 'flex flex-row justify-content-center' : 'flex flex-row'\"\n                                [style]=\"alignColunasHeader(col)\"\n                            >\n                                <span>{{ col.header }}</span>\n                                <p-sortIcon\n                                    *ngIf=\"col.sortable === true\"\n                                    [field]=\"col.field\"\n                                    style=\"font-size: 10px\"\n                                />\n\n                                <span\n                                    *ngIf=\"col.headerTooltip\"\n                                    class=\"material-symbols-outlined flex align-items-center\"\n                                    [pTooltip]=\"col.headerTooltip\"\n                                >info</span>\n                            </div>\n                        </div>\n                    </div>\n                </th>\n                }\n            </tr>\n        </ng-template>\n\n        <ng-template pTemplate=\"header\" let-columns>\n            <tr>\n                @for (col of columns; track $index) {\n                <th\n                    ttResizableColumn\n                    [style.width]=\"col.width\"\n                    [style]=\"col.centralize ? 'text-align: center;' : ''\"\n                >\n                    {{ col.header }} <br>\n                </th>\n                }\n\n                @if (config.actions?.length ?? 0 > 0) {\n                <th [style.width]=\"5\"></th>\n                }\n            </tr>\n        </ng-template>\n\n        <ng-template\n            pTemplate=\"body\"\n            let-rowNode\n            let-rowData=\"rowData\"\n            let-columns=\"columns\"\n        >\n            <tr\n                cdkDrag\n                [cdkDragData]=\"rowNode\"\n                [ttRow]=\"rowNode\"\n                (dblclick)=\"doubleClick($event, rowData)\"\n                [ngClass]=\"{ 'capitalize': tableCaptalized }\"\n            >\n\n                @for(col of columns; track $index){\n                <td\n                    [style]=\"returnStyleRow(col, rowNode)\"\n                    [style.position]=\"rowNode.level !== 0 ? 'sticky' : null\"\n                    [style.left.px]=\"rowNode.level !== 0 ? rowNode.level*30 : null\"\n                >\n\n                    <div class=\"flex flex-row  {{col.boolean ? 'justify-content-center' : '' }}\">\n                        <div class=\"w-full-h-full flex align-items-center\" *ngIf=\"$index == 0\">\n                            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\n\n                            <p-treeTableCheckbox\n                                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\n                                (click)=\"activeItemLote(selectedItems)\"\n                                [value]=\"rowNode\"\n                                *ngIf=\"config.enableSelect == true\"\n                            />\n\n                        </div>\n\n\n                        <div class=\"flex flex-row align-items-center\">\n                            <div class=\"flex flex-row align-items-center justify-content-center\">\n\n                                <i\n                                    *ngIf=\"col.boolean\"\n                                    class=\"pi {{rowData[col.field] ? 'pi-check text-green-300' : ''}}\"\n                                    style=\"font-size: 1.1rem;\"\n                                ></i>\n\n\n                                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\n                                    <span class=\"m-0\">{{ rowData[col.field] }}</span>\n\n                                    <p\n                                        *ngIf=\"col.subtitle\"\n                                        class=\"m-0 text-xs font-semibold\"\n                                    >{{rowData[col.subtitle]}}</p>\n                                </div>\n\n                            </div>\n                        </div>\n\n                    </div>\n\n\n                    <span *ngIf=\"col.template && validateShowTemplate(rowNode, col)\">\n                        <ng-container\n                            *ngIf=\"getCustomTemplate(col.template.name)\"\n                            [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\n                            [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\n                        >\n                        </ng-container>\n                    </span>\n\n                </td>\n                }\n\n                <td style=\"border-left: none;\" *ngIf=\"config.actions?.length ?? 0 > 0 || config.actionsPai\">\n\n                    <div *ngIf=\"config.actions?.length ?? 0 > 0 && validateActionPosition(rowNode)\">\n                        <span\n                            class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n                            style=\"font-size: 22px\"\n                            (click)=\"menu.toggle($event); activeItem(rowData)\"\n                        >\n                            more_horiz\n                        </span>\n\n                        @for(action of config.actions; track $index) {\n                        {{ criarMenusModal(rowData) }}\n                        }\n\n                        <p-menu\n                            #menu\n                            [popup]=\"true\"\n                            [model]=\"menuItems\"\n                            appendTo=\"body\"\n                        ></p-menu>\n\n                    </div>\n\n                    @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\n                    <div class=\"flex justify-content-end\">\n\n                        @for (actionPai of config.actionsPai; track $index) {\n                        @if (getOrExecute(actionPai.visible, rowData) ?? true) {\n                        <p-button\n                            [icon]=\"getIcon(actionPai.icon)\"\n                            [rounded]=\"true\"\n                            [severity]=\"actionPai.severity ?? 'secondary'\"\n                            [style]=\"{width: '2rem', height: '2rem'}\"\n                            (onClick)=\"activeItem(rowData);actionPai.command($event);\"\n                            styleClass=\"p-0 flex justify-content-center\"\n                        >\n                            @if(!actionPai.icon.includes('pi-')) {\n                            <span class=\"material-icons text-xl\">{{ actionPai.icon }}</span>\n                            }\n                        </p-button>\n                        }\n                        }\n\n                    </div>\n                    }\n\n                </td>\n\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n          <tr >\n              <td [attr.colspan]=\"config.columns.length + 1\" style=\"text-align: center; border-radius: 10px !important\">{{textoEmptyMessage}}</td>\n          </tr>\n      </ng-template>\n    </p-treeTable>\n</div>\n", styles: ["@charset \"UTF-8\";:host ::ng-deep .p-treetable table{border-spacing:0 3px}#botaoFiltro:hover{color:#d4d4d4}:host ::ng-deep .p-treetable .p-treetable-header{background-color:#eaeaea;padding:2px 0 0!important;border-radius:5px}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th{background-color:#eaeaea;padding:.5rem!important;margin-bottom:-5px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{padding:.5rem!important}:host ::ng-deep .p-treetable .p-treetable-thead{border-spacing:0 1px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:first-of-type{background-color:#eaeaea;padding:.5rem!important;border-top-left-radius:5px!important;border-bottom-left-radius:5px!important}:host ::ng-deep .p-treetable .p-treetable-thead>tr>th:last-child{background-color:#eaeaea;padding:.5rem!important;border-radius:0 5px 5px 0!important;-webkit-border-radius:0 5px 5px 0!important;-moz-border-radius:0 5px 5px 0!important;-ms-border-radius:0 5px 5px 0!important;-o-border-radius:0 5px 5px 0!important}:host ::ng-deep .p-treetable-scrollable-header-box{padding:0!important}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th{background-color:#f2f2f2}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:first-of-type{border-radius:5px 0 0 5px}:host ::ng-deep .p-treetable.p-treetable-sm .p-treetable-thead>tr>th:last-child{border-radius:0 5px 5px 0}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}:host ::ng-deep #tr-style{border-left:solid 4px #5289B4!important;border-radius:10px!important;display:block}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:first-of-type{border-left:solid 4px #5289B4!important;border-right:none!important;border-radius:10px 0 0 10px!important;-webkit-border-radius:10px 0 0 10px!important;-moz-border-radius:10px 0 0 10px!important;-ms-border-radius:10px 0 0 10px!important;-o-border-radius:10px 0 0 10px!important}:host ::ng-deep .p-treetable .p-treetable-tbody>tr>td:last-child{border-radius:0 10px 10px 0!important;border-right:1px solid #ddd!important;-webkit-border-radius:0 10px 10px 0!important;-moz-border-radius:0 10px 10px 0!important;-ms-border-radius:0 10px 10px 0!important;-o-border-radius:0 10px 10px 0!important}:host ::ng-deep .actionBtns,:host ::ng-deep .actionLoteBtns{border-radius:50%;box-shadow:#0000003d 0 3px 8px;width:2.5rem!important;height:2.5rem!important;display:flex;align-items:center;justify-content:center}:host ::ng-deep .p-treetable table{border-collapse:separate!important;table-layout:auto!important}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.1);transition:color .3s,transform .3s}.cdk-drag-preview{display:flex;align-items:center;border-left:solid 4px #5289B4!important;border-radius:10px!important;border:2px dashed #ccc;background-color:#ffffff80}.cdk-drop-list-dragging{cursor:grabbing}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], dataSource: [{
@@ -5686,11 +5690,11 @@ class KvTreeViewComponent {
         this.selectedItems.emit(this.selectedFiles);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTreeViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvTreeViewComponent, 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$6.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvTreeViewComponent, 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\">\n    <p-tree\n        [value]=\"treeViewData\"\n        [selectionMode]=\"selectionMode\"\n        class=\"w-full\"\n        [(selection)]=\"selectedFiles\"\n        (selectionChange)=\"onSelectionChange()\"\n    ></p-tree>\n</div>", styles: [""], dependencies: [{ kind: "component", type: i1$6.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "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: "17.3.8", ngImport: i0, type: KvTreeViewComponent, 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>" }]
+            args: [{ selector: 'kv-tree-view', template: "<div class=\"card flex flex-column align-items-center justify-content-center\">\n    <p-tree\n        [value]=\"treeViewData\"\n        [selectionMode]=\"selectionMode\"\n        class=\"w-full\"\n        [(selection)]=\"selectedFiles\"\n        (selectionChange)=\"onSelectionChange()\"\n    ></p-tree>\n</div>" }]
         }], ctorParameters: () => [], propDecorators: { selectedFiles: [{
                 type: Input
             }], selectionMode: [{
@@ -5867,11 +5871,11 @@ class WorkspaceComponent {
         this.masterSelecionada = undefined;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { nomeUsuario: "nomeUsuario", masters: "masters", masterSelecionada: "masterSelecionada", somenteMaster: "somenteMaster" }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada" }, ngImport: i0, template: "<div *ngIf=\"visivel\" [style]=\"styleBackground\"\r\n  class=\"h-screen flex justify-content-center align-items-center login-container flex-column bg-cover\">\r\n  <div id=\"card-container\"\r\n    class=\"flex flex-column justify-content-around card-login formgrid p-fluid  bg-white border-round p-2\">\r\n    <div class=\"field col-12 flex justify-content-center mb-1\">\r\n      <img [src]=\"imgLogoKeevoCenter\" style=\"width: 200px\" />\r\n    </div>\r\n\r\n    <div class=\"col-12 align-items-center z-5\">\r\n      <div class=\"col-9\">\r\n        Ol\u00E1, <b>{{ nomeUsuario }}.</b> Bem-vindo(a)!\r\n      </div>\r\n      <b class=\"field col-9 flex\">\r\n        Escolha qual Workspace voc\u00EA deseja acessar:</b>\r\n    </div>\r\n\r\n    <!-- IN\u00CDCIO DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\r\n    <div *ngIf=\"!masterSelecionada\" class=\"col-12 z-5\">\r\n\r\n      <kv-table\r\n        [tableSize]=\"tableSizeMaster\"\r\n        [rows]=\"5\"\r\n        [config]=\"tableConfigMaster\"\r\n        [paginator]=\"false\"\r\n        [dataSource]=\"dataSourceMaster\"\r\n        [rowsPerPageOptions]=\"[5, 10, 25, 50, 100, 200]\"\r\n        (doubleClickEvent)=\"doubleClickMaster($event)\"\r\n        (onActiveItem)=\"activeItemMaster($event)\"\r\n        [isTableScrollable]=\"true\"\r\n        [scrollHeight]=\"'300px'\">\r\n      </kv-table>\r\n\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      <kv-table\r\n        [tableSize]=\"tableSizeEmpresa\"\r\n        [rows]=\"5\"\r\n        [config]=\"tableConfigEmpresa\"\r\n        [paginator]=\"showPaginatorEmpresa\"\r\n        [dataSource]=\"dataSourceEmpresa\"\r\n        [rowsPerPageOptions]=\"[5]\"\r\n        (doubleClickEvent)=\"doubleClickEmpresa($event)\"\r\n        (onActiveItem)=\"activeItemEmpresa($event)\"\r\n        [isTableScrollable]=\"true\"\r\n        [scrollHeight]=\"'300px'\">\r\n      </kv-table>\r\n    </div>\r\n    <!-- FIM DO WORKSPACE EMPRESA -->\r\n  </div>\r\n</div>\r\n", styles: [".card-login{width:80%;max-width:800px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: KvTableComponent, selector: "kv-table", inputs: ["templates", "config", "defaultSortField", "dataSource", "selectedItems", "totalRecords", "paginator", "rowsPerPageOptions", "rows", "pageLinksOptions", "showFirstLastIcon", "tableSize", "applyStyle", "filterColumnsBtn", "filtrosAvancados", "scrollHeight", "isTableScrollable", "tableCaptalized", "rowTrackBy", "responsiveLayout", "disabledHeaderCheckbox"], outputs: ["onActiveItem", "onActiveItemLote", "onPaginate", "onSelectionChange", "doubleClickEvent", "filterField", "onSwitchTableChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { nomeUsuario: "nomeUsuario", masters: "masters", masterSelecionada: "masterSelecionada", somenteMaster: "somenteMaster" }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada" }, ngImport: i0, template: "<div *ngIf=\"visivel\" [style]=\"styleBackground\"\n  class=\"h-screen flex justify-content-center align-items-center login-container flex-column bg-cover\">\n  <div id=\"card-container\"\n    class=\"flex flex-column justify-content-around card-login formgrid p-fluid  bg-white border-round p-2\">\n    <div class=\"field col-12 flex justify-content-center mb-1\">\n      <img [src]=\"imgLogoKeevoCenter\" style=\"width: 200px\" />\n    </div>\n\n    <div class=\"col-12 align-items-center z-5\">\n      <div class=\"col-9\">\n        Ol\u00E1, <b>{{ nomeUsuario }}.</b> Bem-vindo(a)!\n      </div>\n      <b class=\"field col-9 flex\">\n        Escolha qual Workspace voc\u00EA deseja acessar:</b>\n    </div>\n\n    <!-- IN\u00CDCIO DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\n    <div *ngIf=\"!masterSelecionada\" class=\"col-12 z-5\">\n\n      <kv-table\n        [tableSize]=\"tableSizeMaster\"\n        [rows]=\"5\"\n        [config]=\"tableConfigMaster\"\n        [paginator]=\"false\"\n        [dataSource]=\"dataSourceMaster\"\n        [rowsPerPageOptions]=\"[5, 10, 25, 50, 100, 200]\"\n        (doubleClickEvent)=\"doubleClickMaster($event)\"\n        (onActiveItem)=\"activeItemMaster($event)\"\n        [isTableScrollable]=\"true\"\n        [scrollHeight]=\"'300px'\">\n      </kv-table>\n\n    </div>\n    <!-- FIM DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\n\n    <!-- IN\u00CDCIO DO WORKSPACE EMPRESA -->\n    <div *ngIf=\"masterSelecionada && !empresaSelecionada\" class=\"col-12 z-5\">\n      <kv-table\n        [tableSize]=\"tableSizeEmpresa\"\n        [rows]=\"5\"\n        [config]=\"tableConfigEmpresa\"\n        [paginator]=\"showPaginatorEmpresa\"\n        [dataSource]=\"dataSourceEmpresa\"\n        [rowsPerPageOptions]=\"[5]\"\n        (doubleClickEvent)=\"doubleClickEmpresa($event)\"\n        (onActiveItem)=\"activeItemEmpresa($event)\"\n        [isTableScrollable]=\"true\"\n        [scrollHeight]=\"'300px'\">\n      </kv-table>\n    </div>\n    <!-- FIM DO WORKSPACE EMPRESA -->\n  </div>\n</div>\n", styles: [".card-login{width:80%;max-width:800px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: KvTableComponent, selector: "kv-table", inputs: ["templates", "config", "defaultSortField", "dataSource", "selectedItems", "totalRecords", "paginator", "rowsPerPageOptions", "rows", "pageLinksOptions", "showFirstLastIcon", "tableSize", "applyStyle", "filterColumnsBtn", "filtrosAvancados", "scrollHeight", "isTableScrollable", "tableCaptalized", "rowTrackBy", "responsiveLayout", "disabledHeaderCheckbox"], outputs: ["onActiveItem", "onActiveItemLote", "onPaginate", "onSelectionChange", "doubleClickEvent", "filterField", "onSwitchTableChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-workspace', template: "<div *ngIf=\"visivel\" [style]=\"styleBackground\"\r\n  class=\"h-screen flex justify-content-center align-items-center login-container flex-column bg-cover\">\r\n  <div id=\"card-container\"\r\n    class=\"flex flex-column justify-content-around card-login formgrid p-fluid  bg-white border-round p-2\">\r\n    <div class=\"field col-12 flex justify-content-center mb-1\">\r\n      <img [src]=\"imgLogoKeevoCenter\" style=\"width: 200px\" />\r\n    </div>\r\n\r\n    <div class=\"col-12 align-items-center z-5\">\r\n      <div class=\"col-9\">\r\n        Ol\u00E1, <b>{{ nomeUsuario }}.</b> Bem-vindo(a)!\r\n      </div>\r\n      <b class=\"field col-9 flex\">\r\n        Escolha qual Workspace voc\u00EA deseja acessar:</b>\r\n    </div>\r\n\r\n    <!-- IN\u00CDCIO DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\r\n    <div *ngIf=\"!masterSelecionada\" class=\"col-12 z-5\">\r\n\r\n      <kv-table\r\n        [tableSize]=\"tableSizeMaster\"\r\n        [rows]=\"5\"\r\n        [config]=\"tableConfigMaster\"\r\n        [paginator]=\"false\"\r\n        [dataSource]=\"dataSourceMaster\"\r\n        [rowsPerPageOptions]=\"[5, 10, 25, 50, 100, 200]\"\r\n        (doubleClickEvent)=\"doubleClickMaster($event)\"\r\n        (onActiveItem)=\"activeItemMaster($event)\"\r\n        [isTableScrollable]=\"true\"\r\n        [scrollHeight]=\"'300px'\">\r\n      </kv-table>\r\n\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      <kv-table\r\n        [tableSize]=\"tableSizeEmpresa\"\r\n        [rows]=\"5\"\r\n        [config]=\"tableConfigEmpresa\"\r\n        [paginator]=\"showPaginatorEmpresa\"\r\n        [dataSource]=\"dataSourceEmpresa\"\r\n        [rowsPerPageOptions]=\"[5]\"\r\n        (doubleClickEvent)=\"doubleClickEmpresa($event)\"\r\n        (onActiveItem)=\"activeItemEmpresa($event)\"\r\n        [isTableScrollable]=\"true\"\r\n        [scrollHeight]=\"'300px'\">\r\n      </kv-table>\r\n    </div>\r\n    <!-- FIM DO WORKSPACE EMPRESA -->\r\n  </div>\r\n</div>\r\n", styles: [".card-login{width:80%;max-width:800px}\n"] }]
+            args: [{ selector: 'kv-workspace', template: "<div *ngIf=\"visivel\" [style]=\"styleBackground\"\n  class=\"h-screen flex justify-content-center align-items-center login-container flex-column bg-cover\">\n  <div id=\"card-container\"\n    class=\"flex flex-column justify-content-around card-login formgrid p-fluid  bg-white border-round p-2\">\n    <div class=\"field col-12 flex justify-content-center mb-1\">\n      <img [src]=\"imgLogoKeevoCenter\" style=\"width: 200px\" />\n    </div>\n\n    <div class=\"col-12 align-items-center z-5\">\n      <div class=\"col-9\">\n        Ol\u00E1, <b>{{ nomeUsuario }}.</b> Bem-vindo(a)!\n      </div>\n      <b class=\"field col-9 flex\">\n        Escolha qual Workspace voc\u00EA deseja acessar:</b>\n    </div>\n\n    <!-- IN\u00CDCIO DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\n    <div *ngIf=\"!masterSelecionada\" class=\"col-12 z-5\">\n\n      <kv-table\n        [tableSize]=\"tableSizeMaster\"\n        [rows]=\"5\"\n        [config]=\"tableConfigMaster\"\n        [paginator]=\"false\"\n        [dataSource]=\"dataSourceMaster\"\n        [rowsPerPageOptions]=\"[5, 10, 25, 50, 100, 200]\"\n        (doubleClickEvent)=\"doubleClickMaster($event)\"\n        (onActiveItem)=\"activeItemMaster($event)\"\n        [isTableScrollable]=\"true\"\n        [scrollHeight]=\"'300px'\">\n      </kv-table>\n\n    </div>\n    <!-- FIM DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\n\n    <!-- IN\u00CDCIO DO WORKSPACE EMPRESA -->\n    <div *ngIf=\"masterSelecionada && !empresaSelecionada\" class=\"col-12 z-5\">\n      <kv-table\n        [tableSize]=\"tableSizeEmpresa\"\n        [rows]=\"5\"\n        [config]=\"tableConfigEmpresa\"\n        [paginator]=\"showPaginatorEmpresa\"\n        [dataSource]=\"dataSourceEmpresa\"\n        [rowsPerPageOptions]=\"[5]\"\n        (doubleClickEvent)=\"doubleClickEmpresa($event)\"\n        (onActiveItem)=\"activeItemEmpresa($event)\"\n        [isTableScrollable]=\"true\"\n        [scrollHeight]=\"'300px'\">\n      </kv-table>\n    </div>\n    <!-- FIM DO WORKSPACE EMPRESA -->\n  </div>\n</div>\n", styles: [".card-login{width:80%;max-width:800px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { nomeUsuario: [{
                 type: Input
             }], masters: [{
@@ -5948,11 +5952,11 @@ class KvStepperComponent {
         this.assignIdsToPanels();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvStepperComponent, selector: "kv-stepper", inputs: { panels: "panels", activeStep: "activeStep", orientation: "orientation", linear: "linear", btnConcluir: "btnConcluir" }, outputs: { activeStepChange: "activeStepChange", concluirCallback: "concluirCallback" }, ngImport: i0, template: "<p-stepper [activeStep]=\"activeStep\" [orientation]=\"orientation\" [linear]=\"linear\" (activeStepChange)=\"onActiveStepChange($event)\">\r\n    <ng-container *ngFor=\"let panel of panels; let i = index\">\r\n      <p-stepperPanel [header]=\"panel.header\">\r\n        <ng-template pTemplate=\"content\" let-nextCallback=\"nextCallback\" let-prevCallback=\"prevCallback\">\r\n          <div class=\"flex flex-column h-12rem\">\r\n            <div class=\"content-panel\">\r\n              <ng-container *ngComponentOutlet=\"panel.contentTemplate\"></ng-container>\r\n            </div>\r\n          </div>\r\n          <div class=\"flex pt-4\" [ngClass]=\"{'justify-content-between': panel.id !== 0, 'justify-content-end': panel.id === 0, 'justify-content-start': orientation === 'vertical'}\">\r\n            <button\r\n            *ngIf=\"panel.id !== 0\"\r\n            pButton\r\n            pRipple\r\n            class=\"btn-secondary border-300\"\r\n            [icon]=\"'pi pi-arrow-left'\"\r\n            [label]=\"'Back'\"\r\n            (click)=\"prevCallback.emit()\">\r\n            </button>\r\n            <button\r\n            *ngIf=\"panel.id !== panels.length - 1\"\r\n            pButton\r\n            pRipple\r\n            class=\"btn-success border-green-500\"\r\n            [icon]=\"'pi pi-arrow-right'\"\r\n            [label]=\"'Next'\"\r\n            (click)=\"nextCallback.emit()\"\r\n            iconPos=\"right\">\r\n            </button>\r\n            <button\r\n            *ngIf=\"btnConcluir && panel.id === panels.length - 1\"\r\n            pButton\r\n            pRipple\r\n            class=\"btn-success border-green-500\"\r\n            [label]=\"'Concluir'\"\r\n            (click)=\"concluirCallback.emit()\"\r\n            iconPos=\"right\">\r\n            </button>\r\n          </div>\r\n        </ng-template>\r\n      </p-stepperPanel>\r\n    </ng-container>\r\n  </p-stepper>\r\n  ", styles: [".kv-stepper{display:flex;flex-direction:column}:host ::ng-deep .p-stepper .p-stepper-header.p-highlight .p-stepper-number{background-color:#002542;color:#fff}:host ::ng-deep .p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{background-color:#002542}.btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}.btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:35px}.btn-secondary:hover{background-color:#d8d9db!important}.btn-secondary:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i5$8.Stepper, selector: "p-stepper", inputs: ["activeStep", "orientation", "linear", "transitionOptions"], outputs: ["onClick", "activeStepChange"] }, { kind: "component", type: i5$8.StepperPanel, selector: "p-stepperPanel", inputs: ["header"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvStepperComponent, selector: "kv-stepper", inputs: { panels: "panels", activeStep: "activeStep", orientation: "orientation", linear: "linear", btnConcluir: "btnConcluir" }, outputs: { activeStepChange: "activeStepChange", concluirCallback: "concluirCallback" }, ngImport: i0, template: "<p-stepper [activeStep]=\"activeStep\" [orientation]=\"orientation\" [linear]=\"linear\" (activeStepChange)=\"onActiveStepChange($event)\">\n    <ng-container *ngFor=\"let panel of panels; let i = index\">\n      <p-stepperPanel [header]=\"panel.header\">\n        <ng-template pTemplate=\"content\" let-nextCallback=\"nextCallback\" let-prevCallback=\"prevCallback\">\n          <div class=\"flex flex-column h-12rem\">\n            <div class=\"content-panel\">\n              <ng-container *ngComponentOutlet=\"panel.contentTemplate\"></ng-container>\n            </div>\n          </div>\n          <div class=\"flex pt-4\" [ngClass]=\"{'justify-content-between': panel.id !== 0, 'justify-content-end': panel.id === 0, 'justify-content-start': orientation === 'vertical'}\">\n            <button\n            *ngIf=\"panel.id !== 0\"\n            pButton\n            pRipple\n            class=\"btn-secondary border-300\"\n            [icon]=\"'pi pi-arrow-left'\"\n            [label]=\"'Back'\"\n            (click)=\"prevCallback.emit()\">\n            </button>\n            <button\n            *ngIf=\"panel.id !== panels.length - 1\"\n            pButton\n            pRipple\n            class=\"btn-success border-green-500\"\n            [icon]=\"'pi pi-arrow-right'\"\n            [label]=\"'Next'\"\n            (click)=\"nextCallback.emit()\"\n            iconPos=\"right\">\n            </button>\n            <button\n            *ngIf=\"btnConcluir && panel.id === panels.length - 1\"\n            pButton\n            pRipple\n            class=\"btn-success border-green-500\"\n            [label]=\"'Concluir'\"\n            (click)=\"concluirCallback.emit()\"\n            iconPos=\"right\">\n            </button>\n          </div>\n        </ng-template>\n      </p-stepperPanel>\n    </ng-container>\n  </p-stepper>\n  ", styles: [".kv-stepper{display:flex;flex-direction:column}:host ::ng-deep .p-stepper .p-stepper-header.p-highlight .p-stepper-number{background-color:#002542;color:#fff}:host ::ng-deep .p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{background-color:#002542}.btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}.btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:35px}.btn-secondary:hover{background-color:#d8d9db!important}.btn-secondary:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i5$8.Stepper, selector: "p-stepper", inputs: ["activeStep", "orientation", "linear", "transitionOptions"], outputs: ["onClick", "activeStepChange"] }, { kind: "component", type: i5$8.StepperPanel, selector: "p-stepperPanel", inputs: ["header"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStepperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-stepper', template: "<p-stepper [activeStep]=\"activeStep\" [orientation]=\"orientation\" [linear]=\"linear\" (activeStepChange)=\"onActiveStepChange($event)\">\r\n    <ng-container *ngFor=\"let panel of panels; let i = index\">\r\n      <p-stepperPanel [header]=\"panel.header\">\r\n        <ng-template pTemplate=\"content\" let-nextCallback=\"nextCallback\" let-prevCallback=\"prevCallback\">\r\n          <div class=\"flex flex-column h-12rem\">\r\n            <div class=\"content-panel\">\r\n              <ng-container *ngComponentOutlet=\"panel.contentTemplate\"></ng-container>\r\n            </div>\r\n          </div>\r\n          <div class=\"flex pt-4\" [ngClass]=\"{'justify-content-between': panel.id !== 0, 'justify-content-end': panel.id === 0, 'justify-content-start': orientation === 'vertical'}\">\r\n            <button\r\n            *ngIf=\"panel.id !== 0\"\r\n            pButton\r\n            pRipple\r\n            class=\"btn-secondary border-300\"\r\n            [icon]=\"'pi pi-arrow-left'\"\r\n            [label]=\"'Back'\"\r\n            (click)=\"prevCallback.emit()\">\r\n            </button>\r\n            <button\r\n            *ngIf=\"panel.id !== panels.length - 1\"\r\n            pButton\r\n            pRipple\r\n            class=\"btn-success border-green-500\"\r\n            [icon]=\"'pi pi-arrow-right'\"\r\n            [label]=\"'Next'\"\r\n            (click)=\"nextCallback.emit()\"\r\n            iconPos=\"right\">\r\n            </button>\r\n            <button\r\n            *ngIf=\"btnConcluir && panel.id === panels.length - 1\"\r\n            pButton\r\n            pRipple\r\n            class=\"btn-success border-green-500\"\r\n            [label]=\"'Concluir'\"\r\n            (click)=\"concluirCallback.emit()\"\r\n            iconPos=\"right\">\r\n            </button>\r\n          </div>\r\n        </ng-template>\r\n      </p-stepperPanel>\r\n    </ng-container>\r\n  </p-stepper>\r\n  ", styles: [".kv-stepper{display:flex;flex-direction:column}:host ::ng-deep .p-stepper .p-stepper-header.p-highlight .p-stepper-number{background-color:#002542;color:#fff}:host ::ng-deep .p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{background-color:#002542}.btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}.btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:35px}.btn-secondary:hover{background-color:#d8d9db!important}.btn-secondary:disabled{pointer-events:none}\n"] }]
+            args: [{ selector: 'kv-stepper', template: "<p-stepper [activeStep]=\"activeStep\" [orientation]=\"orientation\" [linear]=\"linear\" (activeStepChange)=\"onActiveStepChange($event)\">\n    <ng-container *ngFor=\"let panel of panels; let i = index\">\n      <p-stepperPanel [header]=\"panel.header\">\n        <ng-template pTemplate=\"content\" let-nextCallback=\"nextCallback\" let-prevCallback=\"prevCallback\">\n          <div class=\"flex flex-column h-12rem\">\n            <div class=\"content-panel\">\n              <ng-container *ngComponentOutlet=\"panel.contentTemplate\"></ng-container>\n            </div>\n          </div>\n          <div class=\"flex pt-4\" [ngClass]=\"{'justify-content-between': panel.id !== 0, 'justify-content-end': panel.id === 0, 'justify-content-start': orientation === 'vertical'}\">\n            <button\n            *ngIf=\"panel.id !== 0\"\n            pButton\n            pRipple\n            class=\"btn-secondary border-300\"\n            [icon]=\"'pi pi-arrow-left'\"\n            [label]=\"'Back'\"\n            (click)=\"prevCallback.emit()\">\n            </button>\n            <button\n            *ngIf=\"panel.id !== panels.length - 1\"\n            pButton\n            pRipple\n            class=\"btn-success border-green-500\"\n            [icon]=\"'pi pi-arrow-right'\"\n            [label]=\"'Next'\"\n            (click)=\"nextCallback.emit()\"\n            iconPos=\"right\">\n            </button>\n            <button\n            *ngIf=\"btnConcluir && panel.id === panels.length - 1\"\n            pButton\n            pRipple\n            class=\"btn-success border-green-500\"\n            [label]=\"'Concluir'\"\n            (click)=\"concluirCallback.emit()\"\n            iconPos=\"right\">\n            </button>\n          </div>\n        </ng-template>\n      </p-stepperPanel>\n    </ng-container>\n  </p-stepper>\n  ", styles: [".kv-stepper{display:flex;flex-direction:column}:host ::ng-deep .p-stepper .p-stepper-header.p-highlight .p-stepper-number{background-color:#002542;color:#fff}:host ::ng-deep .p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{background-color:#002542}.btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}.btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:35px}.btn-secondary:hover{background-color:#d8d9db!important}.btn-secondary:disabled{pointer-events:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { panels: [{
                 type: Input
             }], activeStep: [{
@@ -6056,11 +6060,11 @@ class KvImageUploadComponent {
         this.fileSrc = null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadComponent, deps: [{ token: NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvImageUploadComponent, selector: "kv-image-upload", inputs: { widthComponent: "widthComponent", heightComponent: "heightComponent", maxHeightImage: "maxHeightImage", description: "description" }, outputs: { fileEmit: "fileEmit" }, ngImport: i0, template: "<div\r\n    (dragover)=\"onDragOver($event)\"\r\n    (dragleave)=\"onDragLeave($event)\"\r\n    (drop)=\"onDrop($event)\"\r\n    class=\"border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\r\n    [style.width]=\"widthComponent\"\r\n    [style.height]=\"heightComponent\"\r\n>\r\n    @if(file) {\r\n    <button\r\n        pButton\r\n        (click)=\"deleteImage()\"\r\n        class=\"fixed transition-colors transition-duration-500 text-red-700 hover:text-red-500 w-2rem h-2rem\"\r\n        [text]=\"true\"\r\n        [icon]=\"'pi pi-trash'\"\r\n    >\r\n    </button>\r\n    }\r\n\r\n\r\n    <div\r\n        class=\"w-full flex align-items-center justify-content-center\"\r\n        style=\"cursor: pointer;\"\r\n        (click)=\"fileInput.click()\"\r\n    >\r\n        <input\r\n            type=\"file\"\r\n            (change)=\"onFileSelected($event)\"\r\n            #fileInput\r\n            hidden\r\n            accept=\"image/*\"\r\n        >\r\n        <div\r\n            *ngIf=\"!file\"\r\n            class=\"flex flex-column align-items-center justify-content-center\"\r\n        >\r\n            <span\r\n                class=\"material-symbols-outlined mt-2\"\r\n                style=\"font-size: 3rem;\"\r\n            >\r\n                cloud_upload\r\n            </span>\r\n\r\n            @if(description) {\r\n            <p class=\"font-semibold\">{{description}}</p>\r\n            } @else {\r\n            <p class=\"font-semibold\">Arraste e solte uma imagem aqui, ou</p>\r\n            <p class=\"font-semibold\">clique para selecion\u00E1-la</p>\r\n            }\r\n\r\n        </div>\r\n        <div *ngIf=\"file\">\r\n            <img\r\n                [src]=\"fileSrc\"\r\n                [alt]=\"file.name\"\r\n                class=\"w-full\"\r\n                [style.maxHeight]=\"maxHeightImage\"\r\n            >\r\n        </div>\r\n    </div>\r\n\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvImageUploadComponent, selector: "kv-image-upload", inputs: { widthComponent: "widthComponent", heightComponent: "heightComponent", maxHeightImage: "maxHeightImage", description: "description" }, outputs: { fileEmit: "fileEmit" }, ngImport: i0, template: "<div\n    (dragover)=\"onDragOver($event)\"\n    (dragleave)=\"onDragLeave($event)\"\n    (drop)=\"onDrop($event)\"\n    class=\"border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\n    [style.width]=\"widthComponent\"\n    [style.height]=\"heightComponent\"\n>\n    @if(file) {\n    <button\n        pButton\n        (click)=\"deleteImage()\"\n        class=\"fixed transition-colors transition-duration-500 text-red-700 hover:text-red-500 w-2rem h-2rem\"\n        [text]=\"true\"\n        [icon]=\"'pi pi-trash'\"\n    >\n    </button>\n    }\n\n\n    <div\n        class=\"w-full flex align-items-center justify-content-center\"\n        style=\"cursor: pointer;\"\n        (click)=\"fileInput.click()\"\n    >\n        <input\n            type=\"file\"\n            (change)=\"onFileSelected($event)\"\n            #fileInput\n            hidden\n            accept=\"image/*\"\n        >\n        <div\n            *ngIf=\"!file\"\n            class=\"flex flex-column align-items-center justify-content-center\"\n        >\n            <span\n                class=\"material-symbols-outlined mt-2\"\n                style=\"font-size: 3rem;\"\n            >\n                cloud_upload\n            </span>\n\n            @if(description) {\n            <p class=\"font-semibold\">{{description}}</p>\n            } @else {\n            <p class=\"font-semibold\">Arraste e solte uma imagem aqui, ou</p>\n            <p class=\"font-semibold\">clique para selecion\u00E1-la</p>\n            }\n\n        </div>\n        <div *ngIf=\"file\">\n            <img\n                [src]=\"fileSrc\"\n                [alt]=\"file.name\"\n                class=\"w-full\"\n                [style.maxHeight]=\"maxHeightImage\"\n            >\n        </div>\n    </div>\n\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-image-upload', template: "<div\r\n    (dragover)=\"onDragOver($event)\"\r\n    (dragleave)=\"onDragLeave($event)\"\r\n    (drop)=\"onDrop($event)\"\r\n    class=\"border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\r\n    [style.width]=\"widthComponent\"\r\n    [style.height]=\"heightComponent\"\r\n>\r\n    @if(file) {\r\n    <button\r\n        pButton\r\n        (click)=\"deleteImage()\"\r\n        class=\"fixed transition-colors transition-duration-500 text-red-700 hover:text-red-500 w-2rem h-2rem\"\r\n        [text]=\"true\"\r\n        [icon]=\"'pi pi-trash'\"\r\n    >\r\n    </button>\r\n    }\r\n\r\n\r\n    <div\r\n        class=\"w-full flex align-items-center justify-content-center\"\r\n        style=\"cursor: pointer;\"\r\n        (click)=\"fileInput.click()\"\r\n    >\r\n        <input\r\n            type=\"file\"\r\n            (change)=\"onFileSelected($event)\"\r\n            #fileInput\r\n            hidden\r\n            accept=\"image/*\"\r\n        >\r\n        <div\r\n            *ngIf=\"!file\"\r\n            class=\"flex flex-column align-items-center justify-content-center\"\r\n        >\r\n            <span\r\n                class=\"material-symbols-outlined mt-2\"\r\n                style=\"font-size: 3rem;\"\r\n            >\r\n                cloud_upload\r\n            </span>\r\n\r\n            @if(description) {\r\n            <p class=\"font-semibold\">{{description}}</p>\r\n            } @else {\r\n            <p class=\"font-semibold\">Arraste e solte uma imagem aqui, ou</p>\r\n            <p class=\"font-semibold\">clique para selecion\u00E1-la</p>\r\n            }\r\n\r\n        </div>\r\n        <div *ngIf=\"file\">\r\n            <img\r\n                [src]=\"fileSrc\"\r\n                [alt]=\"file.name\"\r\n                class=\"w-full\"\r\n                [style.maxHeight]=\"maxHeightImage\"\r\n            >\r\n        </div>\r\n    </div>\r\n\r\n</div>" }]
+            args: [{ selector: 'kv-image-upload', template: "<div\n    (dragover)=\"onDragOver($event)\"\n    (dragleave)=\"onDragLeave($event)\"\n    (drop)=\"onDrop($event)\"\n    class=\"border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\n    [style.width]=\"widthComponent\"\n    [style.height]=\"heightComponent\"\n>\n    @if(file) {\n    <button\n        pButton\n        (click)=\"deleteImage()\"\n        class=\"fixed transition-colors transition-duration-500 text-red-700 hover:text-red-500 w-2rem h-2rem\"\n        [text]=\"true\"\n        [icon]=\"'pi pi-trash'\"\n    >\n    </button>\n    }\n\n\n    <div\n        class=\"w-full flex align-items-center justify-content-center\"\n        style=\"cursor: pointer;\"\n        (click)=\"fileInput.click()\"\n    >\n        <input\n            type=\"file\"\n            (change)=\"onFileSelected($event)\"\n            #fileInput\n            hidden\n            accept=\"image/*\"\n        >\n        <div\n            *ngIf=\"!file\"\n            class=\"flex flex-column align-items-center justify-content-center\"\n        >\n            <span\n                class=\"material-symbols-outlined mt-2\"\n                style=\"font-size: 3rem;\"\n            >\n                cloud_upload\n            </span>\n\n            @if(description) {\n            <p class=\"font-semibold\">{{description}}</p>\n            } @else {\n            <p class=\"font-semibold\">Arraste e solte uma imagem aqui, ou</p>\n            <p class=\"font-semibold\">clique para selecion\u00E1-la</p>\n            }\n\n        </div>\n        <div *ngIf=\"file\">\n            <img\n                [src]=\"fileSrc\"\n                [alt]=\"file.name\"\n                class=\"w-full\"\n                [style.maxHeight]=\"maxHeightImage\"\n            >\n        </div>\n    </div>\n\n</div>" }]
         }], ctorParameters: () => [{ type: NotificationService }], propDecorators: { widthComponent: [{
                 type: Input
             }], heightComponent: [{
@@ -6492,11 +6496,11 @@ class KvTableExpandableComponent {
         this.dataSource = [...this.dataSource];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTableExpandableComponent, deps: [{ token: i1.DatePipe }, { token: i1.DecimalPipe }, { token: CpfCnpjPipe }, { token: TelefonePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTableExpandableComponent, selector: "kv-table-expandable", inputs: { _templates: ["templates", "_templates"], setConfig: ["config", "setConfig"], filtrosAvancados: "filtrosAvancados", dataSource: "dataSource", selectedItems: "selectedItems", tableCaptalized: "tableCaptalized", applyStyle: "applyStyle", tableSize: "tableSize", paginator: "paginator", rows: "rows", rowsPerPageOptions: "rowsPerPageOptions", totalRecords: "totalRecords", pageLinksOptions: "pageLinksOptions", responsiveLayout: "responsiveLayout", isTableScrollable: "isTableScrollable", scrollHeight: "scrollHeight", rowTrackBy: "rowTrackBy", showFirstLastIcon: "showFirstLastIcon" }, outputs: { filterField: "filterField", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", doubleClickEvent: "doubleClickEvent", onSwitchTableChange: "onSwitchTableChange", onPaginate: "onPaginate", onSelectionChange: "onSelectionChange" }, ngImport: i0, template: "<div>\r\n  @if (filtrosAvancados) {\r\n  <p-panel\r\n    header=\"Filtros avan\u00E7ados\"\r\n    [toggleable]=\"true\"\r\n    [collapsed]=\"true\"\r\n    (collapsedChange)=\"collapsed = !collapsed\"\r\n    [style]=\"{ 'margin-bottom': '2px' }\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      @if (!collapsed) {\r\n      <i class=\"pi pi-filter\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      @if (collapsed) {\r\n      <i class=\"pi pi-minus\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\r\n    </ng-template>\r\n    <ng-content></ng-content>\r\n  </p-panel>\r\n  } @if (config) {\r\n  <p-table\r\n    #dt\r\n    styleClass=\"p-datatable-sm\"\r\n    [value]=\"dataSource\"\r\n    [(selection)]=\"selectedItems\"\r\n    [rowSelectable]=\"isRowSelectable\"\r\n    rowGroupMode=\"subheader\"\r\n    [groupRowsBy]=\"config.fieldGroup\"\r\n    [columns]=\"config.columns\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    (selectionChange)=\"selectionChange($event)\"\r\n    (onSort)=\"onSort($event)\"\r\n    [sortField]=\"config.fieldGroup\"\r\n    sortMode=\"single\"\r\n    [dataKey]=\"config.fieldGroup\"\r\n    [expandedRowKeys]=\"expandedRows\"\r\n    [paginator]=\"paginator\"\r\n    [rows]=\"rows\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    [rowHover]=\"true\"\r\n    [pageLinks]=\"pageLinksOptions\"\r\n    [responsive]=\"true\"\r\n    [responsiveLayout]=\"responsiveLayout ? 'stack' : ''\"\r\n    [scrollable]=\"isTableScrollable\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n    [rowTrackBy]=\"rowTrackBy\"\r\n    [showFirstLastIcon]=\"showFirstLastIcon\"\r\n  >\r\n    @if (config.enableCation) {\r\n    <ng-template pTemplate=\"caption\">\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          @if (config.title) {\r\n          <div class=\"text-md font-bold my-3\">\r\n            {{ config.title }}\r\n          </div>\r\n          } @if (config.subtitle) {\r\n          <div class=\"text-sm mb-4 font-medium\">\r\n            {{ config.subtitle }}\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <div\r\n          class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\r\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\r\n          }} mt-1 mb-2 \"\r\n        >\r\n          @if (config.enableFilter) {\r\n          <span class=\"p-input-icon-left\">\r\n            <i class=\"pi pi-search\"></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=\"h-2rem\"\r\n            />\r\n          </span>\r\n          }\r\n\r\n          <!-- <div\r\n            #menuFiltroDiv\r\n            id = \"menuFiltroDiv\"\r\n            [style.visibility]=\"'hidden'\"\r\n            class=\"absolute z-4 bg-gray-200\"\r\n            (click)=\"onClickEvent($event)\"\r\n          > -->\r\n\r\n          <div\r\n            #menuFiltroDiv\r\n            id=\"menuFiltroDiv\"\r\n            [style.visibility]=\"'hidden'\"\r\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\r\n          >\r\n            <p-card>\r\n              @for (col of columns; track col) {\r\n              <div class=\"flex flex-column text-medium w-15rem\">\r\n                {{ checkMenuFiltro(col) }}\r\n                @if (!dinamicDisableColumn(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                ></p-checkbox>\r\n                }\r\n              </div>\r\n              }\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          @for (action of config.actionsLote; track i; let i = $index) {\r\n          <div class=\"btns-options\" [style]=\"{ 'margin-right': '7px' }\">\r\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              style=\"background-color: #1da750\"\r\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n              [tooltipPosition]=\"\r\n                (getOrExecute(action.tooltip, selectedItems)?.length ??\r\n                  0 > 7) &&\r\n                config.actionsLote &&\r\n                i == config.actionsLote.length - 1\r\n                  ? 'left'\r\n                  : 'bottom'\r\n              \"\r\n              [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                style=\"color: white\"\r\n              >\r\n                {{ getOrExecute(action.icon, selectedItems) }}\r\n              </span>\r\n            </button>\r\n            }\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    } @if (config.enableSelect){\r\n    <ng-template pTemplate=\"header\">\r\n      <tr>\r\n        <th colspan=\"12\">\r\n          <div class=\"w-full\">\r\n            <!-- <p-tableHeaderCheckbox\r\n              (click)=\"activeItemLote(selectedItems)\"\r\n            ></p-tableHeaderCheckbox> -->\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isAllSelected()\"\r\n              [indeterminate]=\"isAllIndeterminate()\"\r\n              (click)=\"selectAll($event)\"\r\n            />\r\n          </div>\r\n        </th>\r\n      </tr>\r\n    </ng-template>\r\n    }\r\n\r\n    <ng-template\r\n      pTemplate=\"groupheader\"\r\n      let-group\r\n      let-rowIndex=\"rowIndex\"\r\n      let-expanded=\"expanded\"\r\n    >\r\n      <tr>\r\n        <td colspan=\"12\" class=\"groupheader\">\r\n          <div class=\"flex flex-row align-items-center w-full\">\r\n            <button\r\n              type=\"button\"\r\n              pButton\r\n              pRipple\r\n              [pRowToggler]=\"group\"\r\n              class=\"p-button-text p-button-rounded p-button-plain mr-2\"\r\n              [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"\r\n            ></button>\r\n            @if (config.fieldGroupColorFunction){\r\n            <div\r\n              class=\"tag\"\r\n              [style.background-color]=\"config.fieldGroupColorFunction(group)\"\r\n            ></div>\r\n            }\r\n            <span class=\"font-bold ml-2\">{{\r\n              group[config.fieldGroup || 0]\r\n            }}</span>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n      @if(expanded){\r\n      <tr style=\"height: 40px\">\r\n        @if (config.enableSelect) {\r\n        <th class=\"flex align-items-left pl-2\">\r\n          <!-- <p-tableHeaderCheckbox\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableHeaderCheckbox> -->\r\n          <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isAllGroupSelected(config.fieldGroup || 0 , group[config.fieldGroup || 0])\"\r\n              [indeterminate]=\"isGroupIndeterminate(config.fieldGroup || 0 , group[config.fieldGroup || 0])\"\r\n              (click)=\"selectGroup($event, config.fieldGroup || 0 , group[config.fieldGroup || 0])\"\r\n            />\r\n        </th>\r\n        } @for (col of columns; track $index) {\r\n        <th\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            <span>{{ col.header }}</span>\r\n            @if (col.sortable) {\r\n            <p-sortIcon\r\n              [field]=\"'data.' + col.field\"\r\n              style=\"font-size: 10px\"\r\n            ></p-sortIcon>\r\n            } @if (col.headerTooltip) {\r\n            <span\r\n              class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\"\r\n              >info</span\r\n            >\r\n            }\r\n          </div>\r\n        </th>\r\n        } @if (config.actions && config.actions.length > 0) {\r\n        <th></th>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"rowexpansion\" let-group>\r\n      <tr\r\n        (dblclick)=\"doubleClick($event, group)\"\r\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\r\n      >\r\n        @if (config.enableSelect) {\r\n        <td [style]=\"applyStyle(group, { field: 'check-box', header: '' })\">\r\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(group.data)\"-->\r\n          <!-- <p-tableCheckbox\r\n            [value]=\"group\"\r\n            [disabled]=\"isDisabledCheckbox(group)\"\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableCheckbox>\r\n           -->\r\n          <input\r\n            type=\"checkbox\"\r\n            [value]=\"group\"\r\n            [checked]=\"isSelected(group)\"\r\n            (click)=\"selectItem($event, group)\"\r\n          />\r\n        </td>\r\n        } @for (col of columns; track $index) {\r\n        <ng-container>\r\n          @if (!col.template) {\r\n          <td\r\n            class=\"rowTable\"\r\n            [style]=\"\r\n              applyStyle(group, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            [pTooltip]=\"returnTooltipRow(group, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(group, col); else booleanField\"\r\n              [class]=\"returnRowClass(group, col)\"\r\n            >\r\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\r\n              <span>\r\n                @if (col.icon) {\r\n                <i [class]=\"col.icon + ' mr-2'\"></i>\r\n                }\r\n                {{ transformValue(group, col) }}\r\n              </span>\r\n              } @if (isChipField(col) && !col.iconField) {\r\n              <div>\r\n                <span\r\n                  [class]=\"returnClassChip(group, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(group, col)\"\r\n                  >{{ transformValue(group, col) }}</span\r\n                >\r\n              </div>\r\n              }\r\n            </span>\r\n\r\n            @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(group, col)\" />\r\n              </span>\r\n            </span>\r\n            } @if (col.iconField) {\r\n            <i\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(group, col)\"\r\n            >\r\n              {{ returnClassIcon(group, col) }}\r\n            </i>\r\n            }\r\n\r\n            <ng-template #booleanField>\r\n              @if (!col.iconField && !isSwitchField(col)) {\r\n              <i\r\n                [ngClass]=\"group[col.field] ? 'text-green-500' : 'text-red-500'\"\r\n                ><span class=\"material-symbols-outlined\">\r\n                  {{ group[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n              } @if (isSwitchField(col)) {\r\n              <span [class]=\"returnRowClass(group, col)\">\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, group, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\"\r\n                  [switchValue]=\"transformValue(group, col)\"\r\n                >\r\n                </kv-switch>\r\n              </span>\r\n              }\r\n            </ng-template>\r\n          </td>\r\n          } @if (col.template) {\r\n          <td\r\n            [style]=\"\r\n              applyStyle(group, 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            @if (getCustomTemplate(col.template.name)) {\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: group }\"\r\n            />\r\n            }\r\n          </td>\r\n          }\r\n        </ng-container>\r\n        } @if (config.actions && config.actions.length > 0) {\r\n        <td [style]=\"applyStyle(group, { field: 'btns-options', header: '' })\">\r\n          <div class=\"flex flex-row justify-content-end w-full\">\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(group)\"\r\n                  > -->\r\n\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px\"\r\n              (click)=\"\r\n                returnRowDataActions(group);\r\n                menu.toggle($event);\r\n                activeItem(group)\r\n              \"\r\n            >\r\n              more_horiz\r\n            </span>\r\n\r\n            <!-- </button> -->\r\n\r\n            <p-tieredMenu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"menuItems\"\r\n              appendTo=\"body\"\r\n            ></p-tieredMenu>\r\n          </div>\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center; border-radius: 10px !important\"\r\n        >\r\n          <p class=\"font-medium m-0\">Nenhum registro encontrado</p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.btns-options{position:relative;left:20px}.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}.tag{width:.5rem;height:1.25rem;border-radius:.25rem}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid #ccc;border-radius:4px;position:relative;cursor:pointer;outline:none}input[type=checkbox]:after{content:\"\";position:absolute;left:5px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s}input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff}input[type=checkbox]:checked:after{opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5$7.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i5$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: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i9.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i11$1.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i12$1.TieredMenu, selector: "p-tieredMenu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i14.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i14.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i14.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "component", type: i14.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvSwitchComponent, selector: "kv-switch", inputs: ["readonly", "switchValue"], outputs: ["onSwitchChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTableExpandableComponent, selector: "kv-table-expandable", inputs: { _templates: ["templates", "_templates"], setConfig: ["config", "setConfig"], filtrosAvancados: "filtrosAvancados", dataSource: "dataSource", selectedItems: "selectedItems", tableCaptalized: "tableCaptalized", applyStyle: "applyStyle", tableSize: "tableSize", paginator: "paginator", rows: "rows", rowsPerPageOptions: "rowsPerPageOptions", totalRecords: "totalRecords", pageLinksOptions: "pageLinksOptions", responsiveLayout: "responsiveLayout", isTableScrollable: "isTableScrollable", scrollHeight: "scrollHeight", rowTrackBy: "rowTrackBy", showFirstLastIcon: "showFirstLastIcon" }, outputs: { filterField: "filterField", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", doubleClickEvent: "doubleClickEvent", onSwitchTableChange: "onSwitchTableChange", onPaginate: "onPaginate", onSelectionChange: "onSelectionChange" }, ngImport: i0, template: "<div>\n  @if (filtrosAvancados) {\n  <p-panel\n    header=\"Filtros avan\u00E7ados\"\n    [toggleable]=\"true\"\n    [collapsed]=\"true\"\n    (collapsedChange)=\"collapsed = !collapsed\"\n    [style]=\"{ 'margin-bottom': '2px' }\"\n  >\n    <ng-template pTemplate=\"headericons\">\n      @if (!collapsed) {\n      <i class=\"pi pi-filter\"></i>\n      }\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\n      @if (collapsed) {\n      <i class=\"pi pi-minus\"></i>\n      }\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\n    </ng-template>\n    <ng-content></ng-content>\n  </p-panel>\n  } @if (config) {\n  <p-table\n    #dt\n    styleClass=\"p-datatable-sm\"\n    [value]=\"dataSource\"\n    [(selection)]=\"selectedItems\"\n    [rowSelectable]=\"isRowSelectable\"\n    rowGroupMode=\"subheader\"\n    [groupRowsBy]=\"config.fieldGroup\"\n    [columns]=\"config.columns\"\n    [lazy]=\"config.lazy\"\n    (onLazyLoad)=\"paginate($event)\"\n    (selectionChange)=\"selectionChange($event)\"\n    (onSort)=\"onSort($event)\"\n    [sortField]=\"config.fieldGroup\"\n    sortMode=\"single\"\n    [dataKey]=\"config.fieldGroup\"\n    [expandedRowKeys]=\"expandedRows\"\n    [paginator]=\"paginator\"\n    [rows]=\"rows\"\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\n    [totalRecords]=\"totalRecords\"\n    [globalFilterFields]=\"globalFilterFields\"\n    [showCurrentPageReport]=\"true\"\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\n    [rowHover]=\"true\"\n    [pageLinks]=\"pageLinksOptions\"\n    [responsive]=\"true\"\n    [responsiveLayout]=\"responsiveLayout ? 'stack' : ''\"\n    [scrollable]=\"isTableScrollable\"\n    [scrollHeight]=\"scrollHeight\"\n    [rowTrackBy]=\"rowTrackBy\"\n    [showFirstLastIcon]=\"showFirstLastIcon\"\n  >\n    @if (config.enableCation) {\n    <ng-template pTemplate=\"caption\">\n      <div\n        class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\"\n      >\n        <div class=\"col-12 flex flex-column\">\n          @if (config.title) {\n          <div class=\"text-md font-bold my-3\">\n            {{ config.title }}\n          </div>\n          } @if (config.subtitle) {\n          <div class=\"text-sm mb-4 font-medium\">\n            {{ config.subtitle }}\n          </div>\n          }\n        </div>\n\n        <div\n          class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\n          }} mt-1 mb-2 \"\n        >\n          @if (config.enableFilter) {\n          <span class=\"p-input-icon-left\">\n            <i class=\"pi pi-search\"></i>\n\n            <input\n              pInputText\n              pAutoFocus\n              [autofocus]=\"true\"\n              type=\"text\"\n              (input)=\"onGlobalFilter(dt, $event)\"\n              placeholder=\"Pesquisar...\"\n              class=\"h-2rem\"\n            />\n          </span>\n          }\n\n          <!-- <div\n            #menuFiltroDiv\n            id = \"menuFiltroDiv\"\n            [style.visibility]=\"'hidden'\"\n            class=\"absolute z-4 bg-gray-200\"\n            (click)=\"onClickEvent($event)\"\n          > -->\n\n          <div\n            #menuFiltroDiv\n            id=\"menuFiltroDiv\"\n            [style.visibility]=\"'hidden'\"\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\n          >\n            <p-card>\n              @for (col of columns; track col) {\n              <div class=\"flex flex-column text-medium w-15rem\">\n                {{ checkMenuFiltro(col) }}\n                @if (!dinamicDisableColumn(col)) {\n                <p-checkbox\n                  #filterColumns\n                  [label]=\"col.header\"\n                  [binary]=\"true\"\n                  class=\"checkbox-container\"\n                  (onChange)=\"dinamicColumnSet($event, col)\"\n                  [(ngModel)]=\"col.checked\"\n                ></p-checkbox>\n                }\n              </div>\n              }\n            </p-card>\n          </div>\n        </div>\n\n        <div class=\"flex flex-row col-1 justify-content-end\">\n          @for (action of config.actionsLote; track i; let i = $index) {\n          <div class=\"btns-options\" [style]=\"{ 'margin-right': '7px' }\">\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\n            <button\n              id=\"actionLoteBtns\"\n              pButton\n              class=\"actionLoteBtns p-button-raised p-button-text\"\n              (click)=\"action?.command(); activeItemLote(selectedItems)\"\n              style=\"background-color: #1da750\"\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\n              [tooltipPosition]=\"\n                (getOrExecute(action.tooltip, selectedItems)?.length ??\n                  0 > 7) &&\n                config.actionsLote &&\n                i == config.actionsLote.length - 1\n                  ? 'left'\n                  : 'bottom'\n              \"\n              [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\n            >\n              <span\n                class=\"material-symbols-outlined md-22\"\n                style=\"color: white\"\n              >\n                {{ getOrExecute(action.icon, selectedItems) }}\n              </span>\n            </button>\n            }\n          </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n    } @if (config.enableSelect){\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th colspan=\"12\">\n          <div class=\"w-full\">\n            <!-- <p-tableHeaderCheckbox\n              (click)=\"activeItemLote(selectedItems)\"\n            ></p-tableHeaderCheckbox> -->\n            <input\n              type=\"checkbox\"\n              [checked]=\"isAllSelected()\"\n              [indeterminate]=\"isAllIndeterminate()\"\n              (click)=\"selectAll($event)\"\n            />\n          </div>\n        </th>\n      </tr>\n    </ng-template>\n    }\n\n    <ng-template\n      pTemplate=\"groupheader\"\n      let-group\n      let-rowIndex=\"rowIndex\"\n      let-expanded=\"expanded\"\n    >\n      <tr>\n        <td colspan=\"12\" class=\"groupheader\">\n          <div class=\"flex flex-row align-items-center w-full\">\n            <button\n              type=\"button\"\n              pButton\n              pRipple\n              [pRowToggler]=\"group\"\n              class=\"p-button-text p-button-rounded p-button-plain mr-2\"\n              [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"\n            ></button>\n            @if (config.fieldGroupColorFunction){\n            <div\n              class=\"tag\"\n              [style.background-color]=\"config.fieldGroupColorFunction(group)\"\n            ></div>\n            }\n            <span class=\"font-bold ml-2\">{{\n              group[config.fieldGroup || 0]\n            }}</span>\n          </div>\n        </td>\n      </tr>\n      @if(expanded){\n      <tr style=\"height: 40px\">\n        @if (config.enableSelect) {\n        <th class=\"flex align-items-left pl-2\">\n          <!-- <p-tableHeaderCheckbox\n            (click)=\"activeItemLote(selectedItems)\"\n          ></p-tableHeaderCheckbox> -->\n          <input\n              type=\"checkbox\"\n              [checked]=\"isAllGroupSelected(config.fieldGroup || 0 , group[config.fieldGroup || 0])\"\n              [indeterminate]=\"isGroupIndeterminate(config.fieldGroup || 0 , group[config.fieldGroup || 0])\"\n              (click)=\"selectGroup($event, config.fieldGroup || 0 , group[config.fieldGroup || 0])\"\n            />\n        </th>\n        } @for (col of columns; track $index) {\n        <th\n          [pSortableColumn]='col.field'\n          [pSortableColumnDisabled]=\"col.sortable === false\"\n          [style.width]=\"col.width\"\n          class=\"text-sm\"\n        >\n          <div\n            [class]=\"\n              centralizarColunas(col) && alignColunasHeader(col) == ''\n                ? 'flex flex-row justify-content-center'\n                : 'flex flex-row'\n            \"\n            [style]=\"alignColunasHeader(col)\"\n          >\n            <span>{{ col.header }}</span>\n            @if (col.sortable) {\n            <p-sortIcon\n              [field]=\"'data.' + col.field\"\n              style=\"font-size: 10px\"\n            ></p-sortIcon>\n            } @if (col.headerTooltip) {\n            <span\n              class=\"material-symbols-outlined flex align-items-center\"\n              [pTooltip]=\"col.headerTooltip\"\n              >info</span\n            >\n            }\n          </div>\n        </th>\n        } @if (config.actions && config.actions.length > 0) {\n        <th></th>\n        }\n      </tr>\n      }\n    </ng-template>\n\n    <ng-template pTemplate=\"rowexpansion\" let-group>\n      <tr\n        (dblclick)=\"doubleClick($event, group)\"\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\n      >\n        @if (config.enableSelect) {\n        <td [style]=\"applyStyle(group, { field: 'check-box', header: '' })\">\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(group.data)\"-->\n          <!-- <p-tableCheckbox\n            [value]=\"group\"\n            [disabled]=\"isDisabledCheckbox(group)\"\n            (click)=\"activeItemLote(selectedItems)\"\n          ></p-tableCheckbox>\n           -->\n          <input\n            type=\"checkbox\"\n            [value]=\"group\"\n            [checked]=\"isSelected(group)\"\n            (click)=\"selectItem($event, group)\"\n          />\n        </td>\n        } @for (col of columns; track $index) {\n        <ng-container>\n          @if (!col.template) {\n          <td\n            class=\"rowTable\"\n            [style]=\"\n              applyStyle(group, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \"\n            [pTooltip]=\"returnTooltipRow(group, col)\"\n          >\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n\n            <span\n              *ngIf=\"!isBooleanField(group, col); else booleanField\"\n              [class]=\"returnRowClass(group, col)\"\n            >\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\n              <span>\n                @if (col.icon) {\n                <i [class]=\"col.icon + ' mr-2'\"></i>\n                }\n                {{ transformValue(group, col) }}\n              </span>\n              } @if (isChipField(col) && !col.iconField) {\n              <div>\n                <span\n                  [class]=\"returnClassChip(group, col)\"\n                  [pTooltip]=\"returnTooltipIcon(group, col)\"\n                  >{{ transformValue(group, col) }}</span\n                >\n              </div>\n              }\n            </span>\n\n            @if (isImageField(col)) {\n            <span>\n              <span>\n                <img class=\"image\" [src]=\"loadImage(group, col)\" />\n              </span>\n            </span>\n            } @if (col.iconField) {\n            <i\n              [ngClass]=\"{\n                'material-icons': col.indIconMaterial,\n                'material-symbols-outlined mr-2': !col.indIconMaterial\n              }\"\n              [pTooltip]=\"returnTooltipIcon(group, col)\"\n            >\n              {{ returnClassIcon(group, col) }}\n            </i>\n            }\n\n            <ng-template #booleanField>\n              @if (!col.iconField && !isSwitchField(col)) {\n              <i\n                [ngClass]=\"group[col.field] ? 'text-green-500' : 'text-red-500'\"\n                ><span class=\"material-symbols-outlined\">\n                  {{ group[col.field] ? \"check\" : \"close\" }}\n                </span>\n              </i>\n              } @if (isSwitchField(col)) {\n              <span [class]=\"returnRowClass(group, col)\">\n                <kv-switch\n                  (onSwitchChange)=\"onSwitchChange($event, group, col)\"\n                  [disabled]=\"col?.onlyReadField ?? true\"\n                  [switchValue]=\"transformValue(group, col)\"\n                >\n                </kv-switch>\n              </span>\n              }\n            </ng-template>\n          </td>\n          } @if (col.template) {\n          <td\n            [style]=\"\n              applyStyle(group, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \"\n            class=\"rowTable\"\n          >\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n            @if (getCustomTemplate(col.template.name)) {\n            <ng-container\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\n              [ngTemplateOutletContext]=\"{ $implicit: group }\"\n            />\n            }\n          </td>\n          }\n        </ng-container>\n        } @if (config.actions && config.actions.length > 0) {\n        <td [style]=\"applyStyle(group, { field: 'btns-options', header: '' })\">\n          <div class=\"flex flex-row justify-content-end w-full\">\n            <!-- <button\n                    id=\"moreVertBtn\"\n                    pButton\n                    class=\"actionBtns p-button-text p-button-raised\"\n                    (click)=\"menu.toggle($event); activeItem(group)\"\n                  > -->\n\n            <span\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n              style=\"font-size: 20px\"\n              (click)=\"\n                returnRowDataActions(group);\n                menu.toggle($event);\n                activeItem(group)\n              \"\n            >\n              more_horiz\n            </span>\n\n            <!-- </button> -->\n\n            <p-tieredMenu\n              #menu\n              [popup]=\"true\"\n              [model]=\"menuItems\"\n              appendTo=\"body\"\n            ></p-tieredMenu>\n          </div>\n        </td>\n        }\n      </tr>\n    </ng-template>\n\n    <ng-template pTemplate=\"emptymessage\" let-columns>\n      <tr>\n        <td\n          [attr.colspan]=\"columns.length + 2\"\n          style=\"text-align: center; border-radius: 10px !important\"\n        >\n          <p class=\"font-medium m-0\">Nenhum registro encontrado</p>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.btns-options{position:relative;left:20px}.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}.tag{width:.5rem;height:1.25rem;border-radius:.25rem}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid #ccc;border-radius:4px;position:relative;cursor:pointer;outline:none}input[type=checkbox]:after{content:\"\";position:absolute;left:5px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s}input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff}input[type=checkbox]:checked:after{opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5$7.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i5$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: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i9.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i11$1.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i12$1.TieredMenu, selector: "p-tieredMenu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i14.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i14.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i14.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "component", type: i14.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvSwitchComponent, selector: "kv-switch", inputs: ["readonly", "switchValue"], outputs: ["onSwitchChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTableExpandableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-table-expandable', template: "<div>\r\n  @if (filtrosAvancados) {\r\n  <p-panel\r\n    header=\"Filtros avan\u00E7ados\"\r\n    [toggleable]=\"true\"\r\n    [collapsed]=\"true\"\r\n    (collapsedChange)=\"collapsed = !collapsed\"\r\n    [style]=\"{ 'margin-bottom': '2px' }\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      @if (!collapsed) {\r\n      <i class=\"pi pi-filter\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      @if (collapsed) {\r\n      <i class=\"pi pi-minus\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\r\n    </ng-template>\r\n    <ng-content></ng-content>\r\n  </p-panel>\r\n  } @if (config) {\r\n  <p-table\r\n    #dt\r\n    styleClass=\"p-datatable-sm\"\r\n    [value]=\"dataSource\"\r\n    [(selection)]=\"selectedItems\"\r\n    [rowSelectable]=\"isRowSelectable\"\r\n    rowGroupMode=\"subheader\"\r\n    [groupRowsBy]=\"config.fieldGroup\"\r\n    [columns]=\"config.columns\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    (selectionChange)=\"selectionChange($event)\"\r\n    (onSort)=\"onSort($event)\"\r\n    [sortField]=\"config.fieldGroup\"\r\n    sortMode=\"single\"\r\n    [dataKey]=\"config.fieldGroup\"\r\n    [expandedRowKeys]=\"expandedRows\"\r\n    [paginator]=\"paginator\"\r\n    [rows]=\"rows\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    [rowHover]=\"true\"\r\n    [pageLinks]=\"pageLinksOptions\"\r\n    [responsive]=\"true\"\r\n    [responsiveLayout]=\"responsiveLayout ? 'stack' : ''\"\r\n    [scrollable]=\"isTableScrollable\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n    [rowTrackBy]=\"rowTrackBy\"\r\n    [showFirstLastIcon]=\"showFirstLastIcon\"\r\n  >\r\n    @if (config.enableCation) {\r\n    <ng-template pTemplate=\"caption\">\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          @if (config.title) {\r\n          <div class=\"text-md font-bold my-3\">\r\n            {{ config.title }}\r\n          </div>\r\n          } @if (config.subtitle) {\r\n          <div class=\"text-sm mb-4 font-medium\">\r\n            {{ config.subtitle }}\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <div\r\n          class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\r\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\r\n          }} mt-1 mb-2 \"\r\n        >\r\n          @if (config.enableFilter) {\r\n          <span class=\"p-input-icon-left\">\r\n            <i class=\"pi pi-search\"></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=\"h-2rem\"\r\n            />\r\n          </span>\r\n          }\r\n\r\n          <!-- <div\r\n            #menuFiltroDiv\r\n            id = \"menuFiltroDiv\"\r\n            [style.visibility]=\"'hidden'\"\r\n            class=\"absolute z-4 bg-gray-200\"\r\n            (click)=\"onClickEvent($event)\"\r\n          > -->\r\n\r\n          <div\r\n            #menuFiltroDiv\r\n            id=\"menuFiltroDiv\"\r\n            [style.visibility]=\"'hidden'\"\r\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\r\n          >\r\n            <p-card>\r\n              @for (col of columns; track col) {\r\n              <div class=\"flex flex-column text-medium w-15rem\">\r\n                {{ checkMenuFiltro(col) }}\r\n                @if (!dinamicDisableColumn(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                ></p-checkbox>\r\n                }\r\n              </div>\r\n              }\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          @for (action of config.actionsLote; track i; let i = $index) {\r\n          <div class=\"btns-options\" [style]=\"{ 'margin-right': '7px' }\">\r\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              style=\"background-color: #1da750\"\r\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n              [tooltipPosition]=\"\r\n                (getOrExecute(action.tooltip, selectedItems)?.length ??\r\n                  0 > 7) &&\r\n                config.actionsLote &&\r\n                i == config.actionsLote.length - 1\r\n                  ? 'left'\r\n                  : 'bottom'\r\n              \"\r\n              [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                style=\"color: white\"\r\n              >\r\n                {{ getOrExecute(action.icon, selectedItems) }}\r\n              </span>\r\n            </button>\r\n            }\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    } @if (config.enableSelect){\r\n    <ng-template pTemplate=\"header\">\r\n      <tr>\r\n        <th colspan=\"12\">\r\n          <div class=\"w-full\">\r\n            <!-- <p-tableHeaderCheckbox\r\n              (click)=\"activeItemLote(selectedItems)\"\r\n            ></p-tableHeaderCheckbox> -->\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isAllSelected()\"\r\n              [indeterminate]=\"isAllIndeterminate()\"\r\n              (click)=\"selectAll($event)\"\r\n            />\r\n          </div>\r\n        </th>\r\n      </tr>\r\n    </ng-template>\r\n    }\r\n\r\n    <ng-template\r\n      pTemplate=\"groupheader\"\r\n      let-group\r\n      let-rowIndex=\"rowIndex\"\r\n      let-expanded=\"expanded\"\r\n    >\r\n      <tr>\r\n        <td colspan=\"12\" class=\"groupheader\">\r\n          <div class=\"flex flex-row align-items-center w-full\">\r\n            <button\r\n              type=\"button\"\r\n              pButton\r\n              pRipple\r\n              [pRowToggler]=\"group\"\r\n              class=\"p-button-text p-button-rounded p-button-plain mr-2\"\r\n              [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"\r\n            ></button>\r\n            @if (config.fieldGroupColorFunction){\r\n            <div\r\n              class=\"tag\"\r\n              [style.background-color]=\"config.fieldGroupColorFunction(group)\"\r\n            ></div>\r\n            }\r\n            <span class=\"font-bold ml-2\">{{\r\n              group[config.fieldGroup || 0]\r\n            }}</span>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n      @if(expanded){\r\n      <tr style=\"height: 40px\">\r\n        @if (config.enableSelect) {\r\n        <th class=\"flex align-items-left pl-2\">\r\n          <!-- <p-tableHeaderCheckbox\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableHeaderCheckbox> -->\r\n          <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isAllGroupSelected(config.fieldGroup || 0 , group[config.fieldGroup || 0])\"\r\n              [indeterminate]=\"isGroupIndeterminate(config.fieldGroup || 0 , group[config.fieldGroup || 0])\"\r\n              (click)=\"selectGroup($event, config.fieldGroup || 0 , group[config.fieldGroup || 0])\"\r\n            />\r\n        </th>\r\n        } @for (col of columns; track $index) {\r\n        <th\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            <span>{{ col.header }}</span>\r\n            @if (col.sortable) {\r\n            <p-sortIcon\r\n              [field]=\"'data.' + col.field\"\r\n              style=\"font-size: 10px\"\r\n            ></p-sortIcon>\r\n            } @if (col.headerTooltip) {\r\n            <span\r\n              class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\"\r\n              >info</span\r\n            >\r\n            }\r\n          </div>\r\n        </th>\r\n        } @if (config.actions && config.actions.length > 0) {\r\n        <th></th>\r\n        }\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"rowexpansion\" let-group>\r\n      <tr\r\n        (dblclick)=\"doubleClick($event, group)\"\r\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\r\n      >\r\n        @if (config.enableSelect) {\r\n        <td [style]=\"applyStyle(group, { field: 'check-box', header: '' })\">\r\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(group.data)\"-->\r\n          <!-- <p-tableCheckbox\r\n            [value]=\"group\"\r\n            [disabled]=\"isDisabledCheckbox(group)\"\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableCheckbox>\r\n           -->\r\n          <input\r\n            type=\"checkbox\"\r\n            [value]=\"group\"\r\n            [checked]=\"isSelected(group)\"\r\n            (click)=\"selectItem($event, group)\"\r\n          />\r\n        </td>\r\n        } @for (col of columns; track $index) {\r\n        <ng-container>\r\n          @if (!col.template) {\r\n          <td\r\n            class=\"rowTable\"\r\n            [style]=\"\r\n              applyStyle(group, col) +\r\n              centralizarColunas(col) +\r\n              alignColunas(col)\r\n            \"\r\n            [pTooltip]=\"returnTooltipRow(group, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(group, col); else booleanField\"\r\n              [class]=\"returnRowClass(group, col)\"\r\n            >\r\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\r\n              <span>\r\n                @if (col.icon) {\r\n                <i [class]=\"col.icon + ' mr-2'\"></i>\r\n                }\r\n                {{ transformValue(group, col) }}\r\n              </span>\r\n              } @if (isChipField(col) && !col.iconField) {\r\n              <div>\r\n                <span\r\n                  [class]=\"returnClassChip(group, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(group, col)\"\r\n                  >{{ transformValue(group, col) }}</span\r\n                >\r\n              </div>\r\n              }\r\n            </span>\r\n\r\n            @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(group, col)\" />\r\n              </span>\r\n            </span>\r\n            } @if (col.iconField) {\r\n            <i\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(group, col)\"\r\n            >\r\n              {{ returnClassIcon(group, col) }}\r\n            </i>\r\n            }\r\n\r\n            <ng-template #booleanField>\r\n              @if (!col.iconField && !isSwitchField(col)) {\r\n              <i\r\n                [ngClass]=\"group[col.field] ? 'text-green-500' : 'text-red-500'\"\r\n                ><span class=\"material-symbols-outlined\">\r\n                  {{ group[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n              } @if (isSwitchField(col)) {\r\n              <span [class]=\"returnRowClass(group, col)\">\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, group, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\"\r\n                  [switchValue]=\"transformValue(group, col)\"\r\n                >\r\n                </kv-switch>\r\n              </span>\r\n              }\r\n            </ng-template>\r\n          </td>\r\n          } @if (col.template) {\r\n          <td\r\n            [style]=\"\r\n              applyStyle(group, 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            @if (getCustomTemplate(col.template.name)) {\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: group }\"\r\n            />\r\n            }\r\n          </td>\r\n          }\r\n        </ng-container>\r\n        } @if (config.actions && config.actions.length > 0) {\r\n        <td [style]=\"applyStyle(group, { field: 'btns-options', header: '' })\">\r\n          <div class=\"flex flex-row justify-content-end w-full\">\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(group)\"\r\n                  > -->\r\n\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px\"\r\n              (click)=\"\r\n                returnRowDataActions(group);\r\n                menu.toggle($event);\r\n                activeItem(group)\r\n              \"\r\n            >\r\n              more_horiz\r\n            </span>\r\n\r\n            <!-- </button> -->\r\n\r\n            <p-tieredMenu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"menuItems\"\r\n              appendTo=\"body\"\r\n            ></p-tieredMenu>\r\n          </div>\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center; border-radius: 10px !important\"\r\n        >\r\n          <p class=\"font-medium m-0\">Nenhum registro encontrado</p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.btns-options{position:relative;left:20px}.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}.tag{width:.5rem;height:1.25rem;border-radius:.25rem}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid #ccc;border-radius:4px;position:relative;cursor:pointer;outline:none}input[type=checkbox]:after{content:\"\";position:absolute;left:5px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s}input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff}input[type=checkbox]:checked:after{opacity:1}\n"] }]
+            args: [{ selector: 'kv-table-expandable', template: "<div>\n  @if (filtrosAvancados) {\n  <p-panel\n    header=\"Filtros avan\u00E7ados\"\n    [toggleable]=\"true\"\n    [collapsed]=\"true\"\n    (collapsedChange)=\"collapsed = !collapsed\"\n    [style]=\"{ 'margin-bottom': '2px' }\"\n  >\n    <ng-template pTemplate=\"headericons\">\n      @if (!collapsed) {\n      <i class=\"pi pi-filter\"></i>\n      }\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\n      @if (collapsed) {\n      <i class=\"pi pi-minus\"></i>\n      }\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\n    </ng-template>\n    <ng-content></ng-content>\n  </p-panel>\n  } @if (config) {\n  <p-table\n    #dt\n    styleClass=\"p-datatable-sm\"\n    [value]=\"dataSource\"\n    [(selection)]=\"selectedItems\"\n    [rowSelectable]=\"isRowSelectable\"\n    rowGroupMode=\"subheader\"\n    [groupRowsBy]=\"config.fieldGroup\"\n    [columns]=\"config.columns\"\n    [lazy]=\"config.lazy\"\n    (onLazyLoad)=\"paginate($event)\"\n    (selectionChange)=\"selectionChange($event)\"\n    (onSort)=\"onSort($event)\"\n    [sortField]=\"config.fieldGroup\"\n    sortMode=\"single\"\n    [dataKey]=\"config.fieldGroup\"\n    [expandedRowKeys]=\"expandedRows\"\n    [paginator]=\"paginator\"\n    [rows]=\"rows\"\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\n    [totalRecords]=\"totalRecords\"\n    [globalFilterFields]=\"globalFilterFields\"\n    [showCurrentPageReport]=\"true\"\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\n    [rowHover]=\"true\"\n    [pageLinks]=\"pageLinksOptions\"\n    [responsive]=\"true\"\n    [responsiveLayout]=\"responsiveLayout ? 'stack' : ''\"\n    [scrollable]=\"isTableScrollable\"\n    [scrollHeight]=\"scrollHeight\"\n    [rowTrackBy]=\"rowTrackBy\"\n    [showFirstLastIcon]=\"showFirstLastIcon\"\n  >\n    @if (config.enableCation) {\n    <ng-template pTemplate=\"caption\">\n      <div\n        class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12\"\n      >\n        <div class=\"col-12 flex flex-column\">\n          @if (config.title) {\n          <div class=\"text-md font-bold my-3\">\n            {{ config.title }}\n          </div>\n          } @if (config.subtitle) {\n          <div class=\"text-sm mb-4 font-medium\">\n            {{ config.subtitle }}\n          </div>\n          }\n        </div>\n\n        <div\n          class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\n          }} mt-1 mb-2 \"\n        >\n          @if (config.enableFilter) {\n          <span class=\"p-input-icon-left\">\n            <i class=\"pi pi-search\"></i>\n\n            <input\n              pInputText\n              pAutoFocus\n              [autofocus]=\"true\"\n              type=\"text\"\n              (input)=\"onGlobalFilter(dt, $event)\"\n              placeholder=\"Pesquisar...\"\n              class=\"h-2rem\"\n            />\n          </span>\n          }\n\n          <!-- <div\n            #menuFiltroDiv\n            id = \"menuFiltroDiv\"\n            [style.visibility]=\"'hidden'\"\n            class=\"absolute z-4 bg-gray-200\"\n            (click)=\"onClickEvent($event)\"\n          > -->\n\n          <div\n            #menuFiltroDiv\n            id=\"menuFiltroDiv\"\n            [style.visibility]=\"'hidden'\"\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\n          >\n            <p-card>\n              @for (col of columns; track col) {\n              <div class=\"flex flex-column text-medium w-15rem\">\n                {{ checkMenuFiltro(col) }}\n                @if (!dinamicDisableColumn(col)) {\n                <p-checkbox\n                  #filterColumns\n                  [label]=\"col.header\"\n                  [binary]=\"true\"\n                  class=\"checkbox-container\"\n                  (onChange)=\"dinamicColumnSet($event, col)\"\n                  [(ngModel)]=\"col.checked\"\n                ></p-checkbox>\n                }\n              </div>\n              }\n            </p-card>\n          </div>\n        </div>\n\n        <div class=\"flex flex-row col-1 justify-content-end\">\n          @for (action of config.actionsLote; track i; let i = $index) {\n          <div class=\"btns-options\" [style]=\"{ 'margin-right': '7px' }\">\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\n            <button\n              id=\"actionLoteBtns\"\n              pButton\n              class=\"actionLoteBtns p-button-raised p-button-text\"\n              (click)=\"action?.command(); activeItemLote(selectedItems)\"\n              style=\"background-color: #1da750\"\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\n              [tooltipPosition]=\"\n                (getOrExecute(action.tooltip, selectedItems)?.length ??\n                  0 > 7) &&\n                config.actionsLote &&\n                i == config.actionsLote.length - 1\n                  ? 'left'\n                  : 'bottom'\n              \"\n              [disabled]=\"getOrExecute(action.disabled, selectedItems)\"\n            >\n              <span\n                class=\"material-symbols-outlined md-22\"\n                style=\"color: white\"\n              >\n                {{ getOrExecute(action.icon, selectedItems) }}\n              </span>\n            </button>\n            }\n          </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n    } @if (config.enableSelect){\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th colspan=\"12\">\n          <div class=\"w-full\">\n            <!-- <p-tableHeaderCheckbox\n              (click)=\"activeItemLote(selectedItems)\"\n            ></p-tableHeaderCheckbox> -->\n            <input\n              type=\"checkbox\"\n              [checked]=\"isAllSelected()\"\n              [indeterminate]=\"isAllIndeterminate()\"\n              (click)=\"selectAll($event)\"\n            />\n          </div>\n        </th>\n      </tr>\n    </ng-template>\n    }\n\n    <ng-template\n      pTemplate=\"groupheader\"\n      let-group\n      let-rowIndex=\"rowIndex\"\n      let-expanded=\"expanded\"\n    >\n      <tr>\n        <td colspan=\"12\" class=\"groupheader\">\n          <div class=\"flex flex-row align-items-center w-full\">\n            <button\n              type=\"button\"\n              pButton\n              pRipple\n              [pRowToggler]=\"group\"\n              class=\"p-button-text p-button-rounded p-button-plain mr-2\"\n              [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"\n            ></button>\n            @if (config.fieldGroupColorFunction){\n            <div\n              class=\"tag\"\n              [style.background-color]=\"config.fieldGroupColorFunction(group)\"\n            ></div>\n            }\n            <span class=\"font-bold ml-2\">{{\n              group[config.fieldGroup || 0]\n            }}</span>\n          </div>\n        </td>\n      </tr>\n      @if(expanded){\n      <tr style=\"height: 40px\">\n        @if (config.enableSelect) {\n        <th class=\"flex align-items-left pl-2\">\n          <!-- <p-tableHeaderCheckbox\n            (click)=\"activeItemLote(selectedItems)\"\n          ></p-tableHeaderCheckbox> -->\n          <input\n              type=\"checkbox\"\n              [checked]=\"isAllGroupSelected(config.fieldGroup || 0 , group[config.fieldGroup || 0])\"\n              [indeterminate]=\"isGroupIndeterminate(config.fieldGroup || 0 , group[config.fieldGroup || 0])\"\n              (click)=\"selectGroup($event, config.fieldGroup || 0 , group[config.fieldGroup || 0])\"\n            />\n        </th>\n        } @for (col of columns; track $index) {\n        <th\n          [pSortableColumn]='col.field'\n          [pSortableColumnDisabled]=\"col.sortable === false\"\n          [style.width]=\"col.width\"\n          class=\"text-sm\"\n        >\n          <div\n            [class]=\"\n              centralizarColunas(col) && alignColunasHeader(col) == ''\n                ? 'flex flex-row justify-content-center'\n                : 'flex flex-row'\n            \"\n            [style]=\"alignColunasHeader(col)\"\n          >\n            <span>{{ col.header }}</span>\n            @if (col.sortable) {\n            <p-sortIcon\n              [field]=\"'data.' + col.field\"\n              style=\"font-size: 10px\"\n            ></p-sortIcon>\n            } @if (col.headerTooltip) {\n            <span\n              class=\"material-symbols-outlined flex align-items-center\"\n              [pTooltip]=\"col.headerTooltip\"\n              >info</span\n            >\n            }\n          </div>\n        </th>\n        } @if (config.actions && config.actions.length > 0) {\n        <th></th>\n        }\n      </tr>\n      }\n    </ng-template>\n\n    <ng-template pTemplate=\"rowexpansion\" let-group>\n      <tr\n        (dblclick)=\"doubleClick($event, group)\"\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\n      >\n        @if (config.enableSelect) {\n        <td [style]=\"applyStyle(group, { field: 'check-box', header: '' })\">\n          <!--<p-tableCheckbox *ngIf=\"isVisibleCheckbox(group.data)\"-->\n          <!-- <p-tableCheckbox\n            [value]=\"group\"\n            [disabled]=\"isDisabledCheckbox(group)\"\n            (click)=\"activeItemLote(selectedItems)\"\n          ></p-tableCheckbox>\n           -->\n          <input\n            type=\"checkbox\"\n            [value]=\"group\"\n            [checked]=\"isSelected(group)\"\n            (click)=\"selectItem($event, group)\"\n          />\n        </td>\n        } @for (col of columns; track $index) {\n        <ng-container>\n          @if (!col.template) {\n          <td\n            class=\"rowTable\"\n            [style]=\"\n              applyStyle(group, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \"\n            [pTooltip]=\"returnTooltipRow(group, col)\"\n          >\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n\n            <span\n              *ngIf=\"!isBooleanField(group, col); else booleanField\"\n              [class]=\"returnRowClass(group, col)\"\n            >\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\n              <span>\n                @if (col.icon) {\n                <i [class]=\"col.icon + ' mr-2'\"></i>\n                }\n                {{ transformValue(group, col) }}\n              </span>\n              } @if (isChipField(col) && !col.iconField) {\n              <div>\n                <span\n                  [class]=\"returnClassChip(group, col)\"\n                  [pTooltip]=\"returnTooltipIcon(group, col)\"\n                  >{{ transformValue(group, col) }}</span\n                >\n              </div>\n              }\n            </span>\n\n            @if (isImageField(col)) {\n            <span>\n              <span>\n                <img class=\"image\" [src]=\"loadImage(group, col)\" />\n              </span>\n            </span>\n            } @if (col.iconField) {\n            <i\n              [ngClass]=\"{\n                'material-icons': col.indIconMaterial,\n                'material-symbols-outlined mr-2': !col.indIconMaterial\n              }\"\n              [pTooltip]=\"returnTooltipIcon(group, col)\"\n            >\n              {{ returnClassIcon(group, col) }}\n            </i>\n            }\n\n            <ng-template #booleanField>\n              @if (!col.iconField && !isSwitchField(col)) {\n              <i\n                [ngClass]=\"group[col.field] ? 'text-green-500' : 'text-red-500'\"\n                ><span class=\"material-symbols-outlined\">\n                  {{ group[col.field] ? \"check\" : \"close\" }}\n                </span>\n              </i>\n              } @if (isSwitchField(col)) {\n              <span [class]=\"returnRowClass(group, col)\">\n                <kv-switch\n                  (onSwitchChange)=\"onSwitchChange($event, group, col)\"\n                  [disabled]=\"col?.onlyReadField ?? true\"\n                  [switchValue]=\"transformValue(group, col)\"\n                >\n                </kv-switch>\n              </span>\n              }\n            </ng-template>\n          </td>\n          } @if (col.template) {\n          <td\n            [style]=\"\n              applyStyle(group, col) +\n              centralizarColunas(col) +\n              alignColunas(col)\n            \"\n            class=\"rowTable\"\n          >\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n            @if (getCustomTemplate(col.template.name)) {\n            <ng-container\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\n              [ngTemplateOutletContext]=\"{ $implicit: group }\"\n            />\n            }\n          </td>\n          }\n        </ng-container>\n        } @if (config.actions && config.actions.length > 0) {\n        <td [style]=\"applyStyle(group, { field: 'btns-options', header: '' })\">\n          <div class=\"flex flex-row justify-content-end w-full\">\n            <!-- <button\n                    id=\"moreVertBtn\"\n                    pButton\n                    class=\"actionBtns p-button-text p-button-raised\"\n                    (click)=\"menu.toggle($event); activeItem(group)\"\n                  > -->\n\n            <span\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n              style=\"font-size: 20px\"\n              (click)=\"\n                returnRowDataActions(group);\n                menu.toggle($event);\n                activeItem(group)\n              \"\n            >\n              more_horiz\n            </span>\n\n            <!-- </button> -->\n\n            <p-tieredMenu\n              #menu\n              [popup]=\"true\"\n              [model]=\"menuItems\"\n              appendTo=\"body\"\n            ></p-tieredMenu>\n          </div>\n        </td>\n        }\n      </tr>\n    </ng-template>\n\n    <ng-template pTemplate=\"emptymessage\" let-columns>\n      <tr>\n        <td\n          [attr.colspan]=\"columns.length + 2\"\n          style=\"text-align: center; border-radius: 10px !important\"\n        >\n          <p class=\"font-medium m-0\">Nenhum registro encontrado</p>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.btns-options{position:relative;left:20px}.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}.tag{width:.5rem;height:1.25rem;border-radius:.25rem}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid #ccc;border-radius:4px;position:relative;cursor:pointer;outline:none}input[type=checkbox]:after{content:\"\";position:absolute;left:5px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s}input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff}input[type=checkbox]:checked:after{opacity:1}\n"] }]
         }], ctorParameters: () => [{ type: i1.DatePipe }, { type: i1.DecimalPipe }, { type: CpfCnpjPipe }, { type: TelefonePipe }], propDecorators: { _templates: [{
                 type: Input,
                 args: ['templates']
@@ -6593,11 +6597,11 @@ class KvFilterCardComponent {
         this.cardState = "normal";
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterCardComponent, selector: "kv-filter-card", inputs: { cardState: "cardState", color: "color", title: "title", amount: "amount", gIcon: "gIcon" }, ngImport: i0, template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n    <div class=\"filter-card-content\">\r\n      <div class=\"flex-row-center\">\r\n        @if (gIcon) {\r\n        <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n        }\r\n        <ng-content select=\"[icon]\"></ng-content>\r\n        <p class=\"white-space-nowrap font-bold\">{{ title }}</p>\r\n      </div>\r\n      <p style=\"font-size: 2em\" class=\"font-bold\">{{ amount }}</p>\r\n    </div>\r\n  </div>\r\n  ", styles: [".card{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem var(--accent-color);border-radius:10px}.card *{margin:0;color:var(--accent-color)}p{font-size:14px}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .4rem var(--accent-color);transition:border-left .2s ease}.card-disabled:hover *{color:var(--accent-color);transition:color .2s ease}.card-disabled *{margin:0;color:#d3d3d3;transition:color .2s ease}.clickable-selected{cursor:pointer;background-color:#eafaff}.clickable-selected:hover{background-color:#deeeff}.clickable{cursor:pointer}.clickable:hover{background-color:#f0f0f0}.filter-card-content{width:180px;display:flex;flex-direction:column;padding:1rem .6rem .6rem;gap:1.2rem}.select-none{-webkit-user-select:none;user-select:none}.flex-row-center{display:flex;flex-direction:row;align-items:center;gap:.4rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KvGIconComponent, selector: "kv-g-icon" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterCardComponent, selector: "kv-filter-card", inputs: { cardState: "cardState", color: "color", title: "title", amount: "amount", gIcon: "gIcon" }, ngImport: i0, template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\n    <div class=\"filter-card-content\">\n      <div class=\"flex-row-center\">\n        @if (gIcon) {\n        <kv-g-icon>{{ gIcon }}</kv-g-icon>\n        }\n        <ng-content select=\"[icon]\"></ng-content>\n        <p class=\"white-space-nowrap font-bold\">{{ title }}</p>\n      </div>\n      <p style=\"font-size: 2em\" class=\"font-bold\">{{ amount }}</p>\n    </div>\n  </div>\n  ", styles: [".card{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem var(--accent-color);border-radius:10px}.card *{margin:0;color:var(--accent-color)}p{font-size:14px}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .4rem var(--accent-color);transition:border-left .2s ease}.card-disabled:hover *{color:var(--accent-color);transition:color .2s ease}.card-disabled *{margin:0;color:#d3d3d3;transition:color .2s ease}.clickable-selected{cursor:pointer;background-color:#eafaff}.clickable-selected:hover{background-color:#deeeff}.clickable{cursor:pointer}.clickable:hover{background-color:#f0f0f0}.filter-card-content{width:180px;display:flex;flex-direction:column;padding:1rem .6rem .6rem;gap:1.2rem}.select-none{-webkit-user-select:none;user-select:none}.flex-row-center{display:flex;flex-direction:row;align-items:center;gap:.4rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KvGIconComponent, selector: "kv-g-icon" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-filter-card', template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n    <div class=\"filter-card-content\">\r\n      <div class=\"flex-row-center\">\r\n        @if (gIcon) {\r\n        <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n        }\r\n        <ng-content select=\"[icon]\"></ng-content>\r\n        <p class=\"white-space-nowrap font-bold\">{{ title }}</p>\r\n      </div>\r\n      <p style=\"font-size: 2em\" class=\"font-bold\">{{ amount }}</p>\r\n    </div>\r\n  </div>\r\n  ", styles: [".card{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem var(--accent-color);border-radius:10px}.card *{margin:0;color:var(--accent-color)}p{font-size:14px}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .4rem var(--accent-color);transition:border-left .2s ease}.card-disabled:hover *{color:var(--accent-color);transition:color .2s ease}.card-disabled *{margin:0;color:#d3d3d3;transition:color .2s ease}.clickable-selected{cursor:pointer;background-color:#eafaff}.clickable-selected:hover{background-color:#deeeff}.clickable{cursor:pointer}.clickable:hover{background-color:#f0f0f0}.filter-card-content{width:180px;display:flex;flex-direction:column;padding:1rem .6rem .6rem;gap:1.2rem}.select-none{-webkit-user-select:none;user-select:none}.flex-row-center{display:flex;flex-direction:row;align-items:center;gap:.4rem}\n"] }]
+            args: [{ selector: 'kv-filter-card', template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\n    <div class=\"filter-card-content\">\n      <div class=\"flex-row-center\">\n        @if (gIcon) {\n        <kv-g-icon>{{ gIcon }}</kv-g-icon>\n        }\n        <ng-content select=\"[icon]\"></ng-content>\n        <p class=\"white-space-nowrap font-bold\">{{ title }}</p>\n      </div>\n      <p style=\"font-size: 2em\" class=\"font-bold\">{{ amount }}</p>\n    </div>\n  </div>\n  ", styles: [".card{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem var(--accent-color);border-radius:10px}.card *{margin:0;color:var(--accent-color)}p{font-size:14px}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .4rem var(--accent-color);transition:border-left .2s ease}.card-disabled:hover *{color:var(--accent-color);transition:color .2s ease}.card-disabled *{margin:0;color:#d3d3d3;transition:color .2s ease}.clickable-selected{cursor:pointer;background-color:#eafaff}.clickable-selected:hover{background-color:#deeeff}.clickable{cursor:pointer}.clickable:hover{background-color:#f0f0f0}.filter-card-content{width:180px;display:flex;flex-direction:column;padding:1rem .6rem .6rem;gap:1.2rem}.select-none{-webkit-user-select:none;user-select:none}.flex-row-center{display:flex;flex-direction:row;align-items:center;gap:.4rem}\n"] }]
         }], propDecorators: { cardState: [{
                 type: Input
             }], color: [{
@@ -6668,11 +6672,11 @@ class KvFileViewerComponent {
         //this.xmlFormat = vkbeautify.xml(text);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFileViewerComponent, deps: [{ token: i1$7.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvFileViewerComponent, selector: "kv-file-viewer", inputs: { arquivo: "arquivo", type: "type", blob: "blob" }, ngImport: i0, template: "<img *ngIf=\"type.match('image')\" [src]=\"getSanitizer(arquivo)\" />\r\n\r\n<iframe *ngIf=\"type == 'text/plain'\" [src]=\"getSanitizer(arquivo)\"> </iframe>\r\n\r\n<div *ngIf=\"xmlFormat\">\r\n  <pre lang=\"xml\">\r\n    {{ xmlFormat }}\r\n  </pre>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvFileViewerComponent, selector: "kv-file-viewer", inputs: { arquivo: "arquivo", type: "type", blob: "blob" }, ngImport: i0, template: "<img *ngIf=\"type.match('image')\" [src]=\"getSanitizer(arquivo)\" />\n\n<iframe *ngIf=\"type == 'text/plain'\" [src]=\"getSanitizer(arquivo)\"> </iframe>\n\n<div *ngIf=\"xmlFormat\">\n  <pre lang=\"xml\">\n    {{ xmlFormat }}\n  </pre>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFileViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-file-viewer', template: "<img *ngIf=\"type.match('image')\" [src]=\"getSanitizer(arquivo)\" />\r\n\r\n<iframe *ngIf=\"type == 'text/plain'\" [src]=\"getSanitizer(arquivo)\"> </iframe>\r\n\r\n<div *ngIf=\"xmlFormat\">\r\n  <pre lang=\"xml\">\r\n    {{ xmlFormat }}\r\n  </pre>\r\n</div>\r\n" }]
+            args: [{ selector: 'kv-file-viewer', template: "<img *ngIf=\"type.match('image')\" [src]=\"getSanitizer(arquivo)\" />\n\n<iframe *ngIf=\"type == 'text/plain'\" [src]=\"getSanitizer(arquivo)\"> </iframe>\n\n<div *ngIf=\"xmlFormat\">\n  <pre lang=\"xml\">\n    {{ xmlFormat }}\n  </pre>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$7.DomSanitizer }], propDecorators: { arquivo: [{
                 type: Input
             }], type: [{
@@ -6877,11 +6881,11 @@ class KvReportComponent {
         this.onClose.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvReportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvReportComponent, selector: "kv-report", inputs: { dataReport: "dataReport", dataReportAlias: "dataReportAlias", dataReportName: "dataReportName", report: "report", stimulSoftLocalizationFile: "stimulSoftLocalizationFile", stimulSoftLicenseKey: "stimulSoftLicenseKey" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class='container'>\r\n  <div class=\"voltar\">\r\n    <p-button\r\n      pRipple\r\n      label=\"Voltar\"\r\n      icon=\"pi pi-angle-left\"\r\n      styleClass=\"p-button-success\"\r\n      (click)=\"close()\">\r\n    </p-button>\r\n  </div>\r\n  <div id='viewer'></div>\r\n</div>\r\n", styles: [":host{display:block;height:100%}.container{height:100%;margin:10px}.container .viewer{height:100%}.container .voltar{display:flex;align-items:flex-end;justify-content:flex-end;margin:0 0 15px 10px}\n"], dependencies: [{ kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvReportComponent, selector: "kv-report", inputs: { dataReport: "dataReport", dataReportAlias: "dataReportAlias", dataReportName: "dataReportName", report: "report", stimulSoftLocalizationFile: "stimulSoftLocalizationFile", stimulSoftLicenseKey: "stimulSoftLicenseKey" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class='container'>\n  <div class=\"voltar\">\n    <p-button\n      pRipple\n      label=\"Voltar\"\n      icon=\"pi pi-angle-left\"\n      styleClass=\"p-button-success\"\n      (click)=\"close()\">\n    </p-button>\n  </div>\n  <div id='viewer'></div>\n</div>\n", styles: [":host{display:block;height:100%}.container{height:100%;margin:10px}.container .viewer{height:100%}.container .voltar{display:flex;align-items:flex-end;justify-content:flex-end;margin:0 0 15px 10px}\n"], dependencies: [{ kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvReportComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-report', template: "<div class='container'>\r\n  <div class=\"voltar\">\r\n    <p-button\r\n      pRipple\r\n      label=\"Voltar\"\r\n      icon=\"pi pi-angle-left\"\r\n      styleClass=\"p-button-success\"\r\n      (click)=\"close()\">\r\n    </p-button>\r\n  </div>\r\n  <div id='viewer'></div>\r\n</div>\r\n", styles: [":host{display:block;height:100%}.container{height:100%;margin:10px}.container .viewer{height:100%}.container .voltar{display:flex;align-items:flex-end;justify-content:flex-end;margin:0 0 15px 10px}\n"] }]
+            args: [{ selector: 'kv-report', template: "<div class='container'>\n  <div class=\"voltar\">\n    <p-button\n      pRipple\n      label=\"Voltar\"\n      icon=\"pi pi-angle-left\"\n      styleClass=\"p-button-success\"\n      (click)=\"close()\">\n    </p-button>\n  </div>\n  <div id='viewer'></div>\n</div>\n", styles: [":host{display:block;height:100%}.container{height:100%;margin:10px}.container .viewer{height:100%}.container .voltar{display:flex;align-items:flex-end;justify-content:flex-end;margin:0 0 15px 10px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { onClose: [{
                 type: Output
             }], dataReport: [{