npm - keevo-components - Versions diffs - 1.8.453 → 1.8.455 - Mend

keevo-components 1.8.453 → 1.8.455

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

package/fesm2022/keevo-components.mjs CHANGED Viewed

@@ -13,7 +13,7 @@ import { MenuModule } from 'primeng/menu';
 import * as i2 from 'primeng/ripple';
 import { RippleModule } from 'primeng/ripple';
 import * as i2$1 from '@angular/forms';
-import { FormGroup, NgControl, FormControl, NG_VALUE_ACCESSOR, Validators, FormsModule, ReactiveFormsModule, FormBuilder } from '@angular/forms';
+import { FormGroup, NgControl, FormControlName, FormGroupDirective, FormControlDirective, NG_VALUE_ACCESSOR, Validators, FormsModule, ReactiveFormsModule, FormBuilder } from '@angular/forms';
 import { finalize, combineLatest, filter, Subject, debounceTime, of, BehaviorSubject, fromEvent, takeUntil, timer } from 'rxjs';
 import * as i1$3 from 'primeng/dynamicdialog';
 import { DynamicDialogModule, DialogService, DynamicDialogRef, DynamicDialogConfig } from 'primeng/dynamicdialog';
@@ -1199,14 +1199,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                 args: ['hasError']
             }] } });
+// export class ComponentService {
+//   constructor(public readonly injector: Injector, public changeDetectorRef: ChangeDetectorRef) {}
+//   getFormControl(): FormControl<any> | undefined {
+//     const control = this.injector.get(NgControl)?.control;
+//     return control instanceof FormControl ? control : undefined;
+//   }
+// }
 class ComponentService {
     constructor(injector, changeDetectorRef) {
         this.injector = injector;
         this.changeDetectorRef = changeDetectorRef;
     }
     getFormControl() {
-        const control = this.injector.get(NgControl)?.control;
-        return control instanceof FormControl ? control : undefined;
+        try {
+            const control = this.injector.get(NgControl);
+            if (control.constructor === FormControlName) {
+                return this.injector.get(FormGroupDirective).getControl(control);
+            }
+            else if (control instanceof FormControlDirective) {
+                return control.control;
+            }
+            return undefined;
+        }
+        catch (ex) {
+            return undefined;
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: ComponentService, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: ComponentService }); }
@@ -1344,11 +1362,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: "17.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>\r\n  <div class=\"flex flex-row align-items-end\">\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\r\n    @if(label) {\r\n    <label \r\n      [for]=\"componentId\" \r\n      class=\"label-switch\" \r\n      [ngClass]=\"{'disabled-label': disabled}\">{{ label }}</label>\r\n    }\r\n  </div>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\" class=\"w-screen\">{{\r\n    erroMessage()\r\n  }}</kv-error>\r\n</div>\r\n", styles: ["::ng-deep .label-switch{position:relative;bottom:4px;font-size:.75rem}::ng-deep .disabled-label{opacity:.4}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#004172;background:rgb(var(--kv-primary-color))}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:hover{background:rgba(var(--kv-primary-color),.8)}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:active{background:rgba(var(--kv-primary-color),.95)}::ng-deep .p-disabled{opacity:.4}::ng-deep p-inputswitch{display:flex;scale:.6}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i5$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: "17.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>\n  <div class=\"flex flex-row align-items-end\">\n    <p-inputSwitch\n      [inputId]=\"componentId\"\n      [(ngModel)]=\"value\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      (ngModelChange)=\"emitOnSwitchChange($event)\"\n    >\n    </p-inputSwitch>\n\n    @if(label) {\n    <label \n      [for]=\"componentId\" \n      class=\"label-switch\" \n      [ngClass]=\"{'disabled-label': disabled}\">{{ label }}</label>\n    }\n  </div>\n\n  <kv-error [hasError]=\"hasControlError()\" class=\"w-screen\">{{\n    erroMessage()\n  }}</kv-error>\n</div>\n", styles: ["::ng-deep .label-switch{position:relative;bottom:4px;font-size:.75rem}::ng-deep .disabled-label{opacity:.4}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#004172;background:rgb(var(--kv-primary-color))}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:hover{background:rgba(var(--kv-primary-color),.8)}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:active{background:rgba(var(--kv-primary-color),.95)}::ng-deep .p-disabled{opacity:.4}::ng-deep p-inputswitch{display:flex;scale:.6}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i5$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>\r\n  <div class=\"flex flex-row align-items-end\">\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\r\n    @if(label) {\r\n    <label \r\n      [for]=\"componentId\" \r\n      class=\"label-switch\" \r\n      [ngClass]=\"{'disabled-label': disabled}\">{{ label }}</label>\r\n    }\r\n  </div>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\" class=\"w-screen\">{{\r\n    erroMessage()\r\n  }}</kv-error>\r\n</div>\r\n", styles: ["::ng-deep .label-switch{position:relative;bottom:4px;font-size:.75rem}::ng-deep .disabled-label{opacity:.4}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#004172;background:rgb(var(--kv-primary-color))}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:hover{background:rgba(var(--kv-primary-color),.8)}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:active{background:rgba(var(--kv-primary-color),.95)}::ng-deep .p-disabled{opacity:.4}::ng-deep p-inputswitch{display:flex;scale:.6}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
+            args: [{ selector: 'kv-switch', providers: ComponentProviders(KvSwitchComponent), template: "<div>\n  <div class=\"flex flex-row align-items-end\">\n    <p-inputSwitch\n      [inputId]=\"componentId\"\n      [(ngModel)]=\"value\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      (ngModelChange)=\"emitOnSwitchChange($event)\"\n    >\n    </p-inputSwitch>\n\n    @if(label) {\n    <label \n      [for]=\"componentId\" \n      class=\"label-switch\" \n      [ngClass]=\"{'disabled-label': disabled}\">{{ label }}</label>\n    }\n  </div>\n\n  <kv-error [hasError]=\"hasControlError()\" class=\"w-screen\">{{\n    erroMessage()\n  }}</kv-error>\n</div>\n", styles: ["::ng-deep .label-switch{position:relative;bottom:4px;font-size:.75rem}::ng-deep .disabled-label{opacity:.4}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#004172;background:rgb(var(--kv-primary-color))}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:hover{background:rgba(var(--kv-primary-color),.8)}::ng-deep .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:active{background:rgba(var(--kv-primary-color),.95)}::ng-deep .p-disabled{opacity:.4}::ng-deep p-inputswitch{display:flex;scale:.6}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { readonly: [{
                 type: Input
             }], switchValue: [{
@@ -1370,11 +1388,11 @@ class KvButtonComponent {
         this.onClick = output();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvButtonComponent, selector: "kv-button", inputs: { fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\r\n  pButton\r\n  class=\"kv-button {{ size() }} {{ severity() }} {{ type() }}\"\r\n  [style.width]=\"'100%'\"\r\n  [disabled]=\"disabled()\"\r\n  (click)=\"onClick.emit($event)\"\r\n  [loading]=\"loading()\"\r\n  [style.padding]=\"icon() && !label() ? '0.5rem' : ''\"\r\n>\r\n\r\n  @if(!loading()) {\r\n  <span class=\"material-symbols-outlined kv-button-icon\">{{ icon() }}</span>\r\n  } \r\n\r\n  @if(label()) {\r\n  <span class=\"kv-button-label\">{{ label() }}</span>\r\n  }\r\n\r\n</button>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep .kv-button .p-button-loading-icon svg{width:100%;height:100%;display:block}::ng-deep .kv-button .p-button-loading-icon svg g{transform:translate(0)}::ng-deep .kv-button{border:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.125rem}::ng-deep .kv-button .kv-button-label{font-weight:500}::ng-deep .small{height:1.625rem;min-width:1.625rem}::ng-deep .small .kv-button-label{font-size:.625rem}::ng-deep .small .kv-button-icon{font-size:.75rem}::ng-deep .small .p-button-loading-icon{width:.55rem;height:.55rem}::ng-deep .normal{height:1.875rem;min-width:1.875rem}::ng-deep .normal .kv-button-label{font-size:.825rem}::ng-deep .normal .kv-button-icon{font-size:1rem}::ng-deep .normal .p-button-loading-icon{width:.75rem;height:.75rem}::ng-deep .large{height:2.125rem;min-width:2.125rem}::ng-deep .large .kv-button-label{font-size:1rem}::ng-deep .large .kv-button-icon{font-size:1.25rem}::ng-deep .large .p-button-loading-icon{width:.875rem;height:.875rem}::ng-deep .primary{background-color:rgb(var(--kv-primary-color))}::ng-deep .primary:hover{background-color:rgba(var(--kv-primary-color),.8)}::ng-deep .primary:active{background-color:rgba(var(--kv-primary-color),.95)}.primary.outline{border:solid .5px rgb(var(--kv-primary-color));background-color:#fff;color:rgb(var(--kv-primary-color))}.primary.outline:hover{background-color:rgb(var(--kv-primary-color));color:#fff}.primary.outline:active{background-color:rgba(var(--kv-primary-color),.8)}.primary.text{opacity:.9;background-color:transparent;color:rgb(var(--kv-primary-color))}.primary.text:hover{background-color:rgba(var(--kv-primary-color),.1)}.primary.text:active{background-color:rgba(var(--kv-primary-color),.2)}::ng-deep .secondary{background-color:rgb(var(--kv-secondary-color))}::ng-deep .secondary:hover{background-color:rgba(var(--kv-secondary-color),.8)}::ng-deep .secondary:active{background-color:rgba(var(--kv-secondary-color),.95)}.secondary.outline{border:solid .5px rgb(var(--kv-secondary-color));background-color:#fff;color:rgb(var(--kv-secondary-color))}.secondary.outline:hover{background-color:rgb(var(--kv-secondary-color));color:#fff}.secondary.outline:active{background-color:rgba(var(--kv-secondary-color),.8)}.secondary.text{background-color:transparent;color:rgb(var(--kv-secondary-color))}.secondary.text:hover{background-color:rgba(var(--kv-secondary-color),.1)}.secondary.text:active{background-color:rgba(var(--kv-secondary-color),.2)}::ng-deep .tertiary{color:#212121;background-color:rgba(var(--kv-tertiary-color),.3)}::ng-deep .tertiary:hover{background-color:rgba(var(--kv-tertiary-color),.8)}::ng-deep .tertiary:active{background-color:rgba(var(--kv-tertiary-color),.95)}.tertiary.outline{border:solid .5px rgb(var(--kv-tertiary-color));background-color:#fff;color:rgb(var(--kv-tertiary-color))}.tertiary.outline:hover{background-color:rgb(var(--kv-tertiary-color));color:#fff}.tertiary.outline:active{background-color:rgba(var(--kv-tertiary-color),.8)}.tertiary.text{background-color:transparent;color:rgb(var(--kv-tertiary-color))}.tertiary.text:hover{background-color:rgba(var(--kv-tertiary-color),.1)}.tertiary.text:active{background-color:rgba(var(--kv-tertiary-color),.2)}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvButtonComponent, selector: "kv-button", inputs: { fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\n  pButton\n  class=\"kv-button {{ size() }} {{ severity() }} {{ type() }}\"\n  [style.width]=\"'100%'\"\n  [disabled]=\"disabled()\"\n  (click)=\"onClick.emit($event)\"\n  [loading]=\"loading()\"\n  [style.padding]=\"icon() && !label() ? '0.5rem' : ''\"\n>\n\n  @if(!loading()) {\n  <span class=\"material-symbols-outlined kv-button-icon\">{{ icon() }}</span>\n  } \n\n  @if(label()) {\n  <span class=\"kv-button-label\">{{ label() }}</span>\n  }\n\n</button>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep .kv-button .p-button-loading-icon svg{width:100%;height:100%;display:block}::ng-deep .kv-button .p-button-loading-icon svg g{transform:translate(0)}::ng-deep .kv-button{border:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.125rem}::ng-deep .kv-button .kv-button-label{font-weight:500}::ng-deep .small{height:1.625rem;min-width:1.625rem}::ng-deep .small .kv-button-label{font-size:.625rem}::ng-deep .small .kv-button-icon{font-size:.75rem}::ng-deep .small .p-button-loading-icon{width:.55rem;height:.55rem}::ng-deep .normal{height:1.875rem;min-width:1.875rem}::ng-deep .normal .kv-button-label{font-size:.825rem}::ng-deep .normal .kv-button-icon{font-size:1rem}::ng-deep .normal .p-button-loading-icon{width:.75rem;height:.75rem}::ng-deep .large{height:2.125rem;min-width:2.125rem}::ng-deep .large .kv-button-label{font-size:1rem}::ng-deep .large .kv-button-icon{font-size:1.25rem}::ng-deep .large .p-button-loading-icon{width:.875rem;height:.875rem}::ng-deep .primary{background-color:rgb(var(--kv-primary-color))}::ng-deep .primary:hover{background-color:rgba(var(--kv-primary-color),.8)}::ng-deep .primary:active{background-color:rgba(var(--kv-primary-color),.95)}.primary.outline{border:solid .5px rgb(var(--kv-primary-color));background-color:#fff;color:rgb(var(--kv-primary-color))}.primary.outline:hover{background-color:rgb(var(--kv-primary-color));color:#fff}.primary.outline:active{background-color:rgba(var(--kv-primary-color),.8)}.primary.text{opacity:.9;background-color:transparent;color:rgb(var(--kv-primary-color))}.primary.text:hover{background-color:rgba(var(--kv-primary-color),.1)}.primary.text:active{background-color:rgba(var(--kv-primary-color),.2)}::ng-deep .secondary{background-color:rgb(var(--kv-secondary-color))}::ng-deep .secondary:hover{background-color:rgba(var(--kv-secondary-color),.8)}::ng-deep .secondary:active{background-color:rgba(var(--kv-secondary-color),.95)}.secondary.outline{border:solid .5px rgb(var(--kv-secondary-color));background-color:#fff;color:rgb(var(--kv-secondary-color))}.secondary.outline:hover{background-color:rgb(var(--kv-secondary-color));color:#fff}.secondary.outline:active{background-color:rgba(var(--kv-secondary-color),.8)}.secondary.text{background-color:transparent;color:rgb(var(--kv-secondary-color))}.secondary.text:hover{background-color:rgba(var(--kv-secondary-color),.1)}.secondary.text:active{background-color:rgba(var(--kv-secondary-color),.2)}::ng-deep .tertiary{color:#212121;background-color:rgba(var(--kv-tertiary-color),.3)}::ng-deep .tertiary:hover{background-color:rgba(var(--kv-tertiary-color),.8)}::ng-deep .tertiary:active{background-color:rgba(var(--kv-tertiary-color),.95)}.tertiary.outline{border:solid .5px rgb(var(--kv-tertiary-color));background-color:#fff;color:rgb(var(--kv-tertiary-color))}.tertiary.outline:hover{background-color:rgb(var(--kv-tertiary-color));color:#fff}.tertiary.outline:active{background-color:rgba(var(--kv-tertiary-color),.8)}.tertiary.text{background-color:transparent;color:rgb(var(--kv-tertiary-color))}.tertiary.text:hover{background-color:rgba(var(--kv-tertiary-color),.1)}.tertiary.text:active{background-color:rgba(var(--kv-tertiary-color),.2)}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-button', template: "<button\r\n  pButton\r\n  class=\"kv-button {{ size() }} {{ severity() }} {{ type() }}\"\r\n  [style.width]=\"'100%'\"\r\n  [disabled]=\"disabled()\"\r\n  (click)=\"onClick.emit($event)\"\r\n  [loading]=\"loading()\"\r\n  [style.padding]=\"icon() && !label() ? '0.5rem' : ''\"\r\n>\r\n\r\n  @if(!loading()) {\r\n  <span class=\"material-symbols-outlined kv-button-icon\">{{ icon() }}</span>\r\n  } \r\n\r\n  @if(label()) {\r\n  <span class=\"kv-button-label\">{{ label() }}</span>\r\n  }\r\n\r\n</button>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep .kv-button .p-button-loading-icon svg{width:100%;height:100%;display:block}::ng-deep .kv-button .p-button-loading-icon svg g{transform:translate(0)}::ng-deep .kv-button{border:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.125rem}::ng-deep .kv-button .kv-button-label{font-weight:500}::ng-deep .small{height:1.625rem;min-width:1.625rem}::ng-deep .small .kv-button-label{font-size:.625rem}::ng-deep .small .kv-button-icon{font-size:.75rem}::ng-deep .small .p-button-loading-icon{width:.55rem;height:.55rem}::ng-deep .normal{height:1.875rem;min-width:1.875rem}::ng-deep .normal .kv-button-label{font-size:.825rem}::ng-deep .normal .kv-button-icon{font-size:1rem}::ng-deep .normal .p-button-loading-icon{width:.75rem;height:.75rem}::ng-deep .large{height:2.125rem;min-width:2.125rem}::ng-deep .large .kv-button-label{font-size:1rem}::ng-deep .large .kv-button-icon{font-size:1.25rem}::ng-deep .large .p-button-loading-icon{width:.875rem;height:.875rem}::ng-deep .primary{background-color:rgb(var(--kv-primary-color))}::ng-deep .primary:hover{background-color:rgba(var(--kv-primary-color),.8)}::ng-deep .primary:active{background-color:rgba(var(--kv-primary-color),.95)}.primary.outline{border:solid .5px rgb(var(--kv-primary-color));background-color:#fff;color:rgb(var(--kv-primary-color))}.primary.outline:hover{background-color:rgb(var(--kv-primary-color));color:#fff}.primary.outline:active{background-color:rgba(var(--kv-primary-color),.8)}.primary.text{opacity:.9;background-color:transparent;color:rgb(var(--kv-primary-color))}.primary.text:hover{background-color:rgba(var(--kv-primary-color),.1)}.primary.text:active{background-color:rgba(var(--kv-primary-color),.2)}::ng-deep .secondary{background-color:rgb(var(--kv-secondary-color))}::ng-deep .secondary:hover{background-color:rgba(var(--kv-secondary-color),.8)}::ng-deep .secondary:active{background-color:rgba(var(--kv-secondary-color),.95)}.secondary.outline{border:solid .5px rgb(var(--kv-secondary-color));background-color:#fff;color:rgb(var(--kv-secondary-color))}.secondary.outline:hover{background-color:rgb(var(--kv-secondary-color));color:#fff}.secondary.outline:active{background-color:rgba(var(--kv-secondary-color),.8)}.secondary.text{background-color:transparent;color:rgb(var(--kv-secondary-color))}.secondary.text:hover{background-color:rgba(var(--kv-secondary-color),.1)}.secondary.text:active{background-color:rgba(var(--kv-secondary-color),.2)}::ng-deep .tertiary{color:#212121;background-color:rgba(var(--kv-tertiary-color),.3)}::ng-deep .tertiary:hover{background-color:rgba(var(--kv-tertiary-color),.8)}::ng-deep .tertiary:active{background-color:rgba(var(--kv-tertiary-color),.95)}.tertiary.outline{border:solid .5px rgb(var(--kv-tertiary-color));background-color:#fff;color:rgb(var(--kv-tertiary-color))}.tertiary.outline:hover{background-color:rgb(var(--kv-tertiary-color));color:#fff}.tertiary.outline:active{background-color:rgba(var(--kv-tertiary-color),.8)}.tertiary.text{background-color:transparent;color:rgb(var(--kv-tertiary-color))}.tertiary.text:hover{background-color:rgba(var(--kv-tertiary-color),.1)}.tertiary.text:active{background-color:rgba(var(--kv-tertiary-color),.2)}\n"] }]
+            args: [{ selector: 'kv-button', template: "<button\n  pButton\n  class=\"kv-button {{ size() }} {{ severity() }} {{ type() }}\"\n  [style.width]=\"'100%'\"\n  [disabled]=\"disabled()\"\n  (click)=\"onClick.emit($event)\"\n  [loading]=\"loading()\"\n  [style.padding]=\"icon() && !label() ? '0.5rem' : ''\"\n>\n\n  @if(!loading()) {\n  <span class=\"material-symbols-outlined kv-button-icon\">{{ icon() }}</span>\n  } \n\n  @if(label()) {\n  <span class=\"kv-button-label\">{{ label() }}</span>\n  }\n\n</button>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep .kv-button .p-button-loading-icon svg{width:100%;height:100%;display:block}::ng-deep .kv-button .p-button-loading-icon svg g{transform:translate(0)}::ng-deep .kv-button{border:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.125rem}::ng-deep .kv-button .kv-button-label{font-weight:500}::ng-deep .small{height:1.625rem;min-width:1.625rem}::ng-deep .small .kv-button-label{font-size:.625rem}::ng-deep .small .kv-button-icon{font-size:.75rem}::ng-deep .small .p-button-loading-icon{width:.55rem;height:.55rem}::ng-deep .normal{height:1.875rem;min-width:1.875rem}::ng-deep .normal .kv-button-label{font-size:.825rem}::ng-deep .normal .kv-button-icon{font-size:1rem}::ng-deep .normal .p-button-loading-icon{width:.75rem;height:.75rem}::ng-deep .large{height:2.125rem;min-width:2.125rem}::ng-deep .large .kv-button-label{font-size:1rem}::ng-deep .large .kv-button-icon{font-size:1.25rem}::ng-deep .large .p-button-loading-icon{width:.875rem;height:.875rem}::ng-deep .primary{background-color:rgb(var(--kv-primary-color))}::ng-deep .primary:hover{background-color:rgba(var(--kv-primary-color),.8)}::ng-deep .primary:active{background-color:rgba(var(--kv-primary-color),.95)}.primary.outline{border:solid .5px rgb(var(--kv-primary-color));background-color:#fff;color:rgb(var(--kv-primary-color))}.primary.outline:hover{background-color:rgb(var(--kv-primary-color));color:#fff}.primary.outline:active{background-color:rgba(var(--kv-primary-color),.8)}.primary.text{opacity:.9;background-color:transparent;color:rgb(var(--kv-primary-color))}.primary.text:hover{background-color:rgba(var(--kv-primary-color),.1)}.primary.text:active{background-color:rgba(var(--kv-primary-color),.2)}::ng-deep .secondary{background-color:rgb(var(--kv-secondary-color))}::ng-deep .secondary:hover{background-color:rgba(var(--kv-secondary-color),.8)}::ng-deep .secondary:active{background-color:rgba(var(--kv-secondary-color),.95)}.secondary.outline{border:solid .5px rgb(var(--kv-secondary-color));background-color:#fff;color:rgb(var(--kv-secondary-color))}.secondary.outline:hover{background-color:rgb(var(--kv-secondary-color));color:#fff}.secondary.outline:active{background-color:rgba(var(--kv-secondary-color),.8)}.secondary.text{background-color:transparent;color:rgb(var(--kv-secondary-color))}.secondary.text:hover{background-color:rgba(var(--kv-secondary-color),.1)}.secondary.text:active{background-color:rgba(var(--kv-secondary-color),.2)}::ng-deep .tertiary{color:#212121;background-color:rgba(var(--kv-tertiary-color),.3)}::ng-deep .tertiary:hover{background-color:rgba(var(--kv-tertiary-color),.8)}::ng-deep .tertiary:active{background-color:rgba(var(--kv-tertiary-color),.95)}.tertiary.outline{border:solid .5px rgb(var(--kv-tertiary-color));background-color:#fff;color:rgb(var(--kv-tertiary-color))}.tertiary.outline:hover{background-color:rgb(var(--kv-tertiary-color));color:#fff}.tertiary.outline:active{background-color:rgba(var(--kv-tertiary-color),.8)}.tertiary.text{background-color:transparent;color:rgb(var(--kv-tertiary-color))}.tertiary.text:hover{background-color:rgba(var(--kv-tertiary-color),.1)}.tertiary.text:active{background-color:rgba(var(--kv-tertiary-color),.2)}\n"] }]
         }] });
 const imgDefault$1 = '/9j/4AAQSkZJRgABAQIAdgB2AAD/4QBiRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAMAAAITAAMAAAABAAEAAAAAAAAAAAB2AAAAAQAAAHYAAAAB/9sAQwADAgICAgIDAgICAwMDAwQGBAQEBAQIBgYFBgkICgoJCAkJCgwPDAoLDgsJCQ0RDQ4PEBAREAoMEhMSEBMPEBAQ/9sAQwEDAwMEAwQIBAQIEAsJCxAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQ/8AAEQgAkACQAwERAAIRAQMRAf/EAB0AAQABBAMBAAAAAAAAAAAAAAAGAQIHCAMECQX/xABBEAACAQQABQICCAQDBAsAAAABAgMABAURBgcSITETQQhRCRQVGSJVldEyYYGRQlJiFiM3OFNjcXN1dpKTsbO0/8QAGgEBAAIDAQAAAAAAAAAAAAAAAAEFAwQGAv/EADIRAAIABAMFCAEFAQEBAAAAAAABAgMEESExUQUSQZHwExUyYXGBobHRIjNCweE08SP/2gAMAwEAAhEDEQA/APKqgFAKAUBdDDLcSpBBE8ksjBERFJZmJ0AAPJJqUnE7IhtQq7yJ5w9ydz2Vi+s5e4XFRMu0V09SU70RtAR0jRPk9QI0V96s5GypkxXmPd+X/n35FbO2pKl4QfqfxzJ9jOU/BmO6WksZb6RJBIr3UpOta0pVelSO3gg72d7HarOXs2ngzV/XpIq49pVMfG3ovzdkmsMTisX1/ZmMtLP1ddfoQLH1a3rfSBvWz/etuCXBLvuJK+mBpxzI5lt9t21xO3WQ8CgOpf4nFZTo+08ZaXnpb6PrECydO9b11A63of2rHHLgmeNJ+qPcEyOXfcbV9MCM5PlPwZkepo7GWxkeQyM9rKRve9qFbqUL38ADWhrQ7VqTNm08eSt6P/1G5BtKog439V+LMgPEPJ3PYqL6ziLhcrGq7dET05RrZOkJPUNAeD1EnQX3qsn7KmS1vS3vfD/378i0k7UlTHuxrdfxz/wgc0M1vM9vcRPFLExR0dSrKwOiCD4IPtVY04XZlkmoldZFtQSKAUAoBQCgFASjg/l9meLZRKFeysOksbuSIlW7kaQdus7BB0dDR2d6B3aWhmVOOUOv41NKsrYaVYYxadX/AN+Vmzh7hHAcMRBMTYIkpXpe4f8AFK/Yb2x9j0g9I0u/YV0MimlU6tAsdeJzs2pmz/3Ir/XSy11Z9ms5gKhTUkXK6FBcaFCLjQoLjQoTcoVNBcpUEnxuIeEcBxRCUy1gjShelLhPwyp2OtMO5A6iek7XftWCfSyqhfrWOvEzyaibIf8A84reXDp5Xz0ZhPjHl/l+EZfUIa8sCoIu44yFU7A0479B2RrZ0djR3sDnaqimUru8Vr+dDoKSvl1KtFaGK+V888sr4K70+SL1pm+KAUAoBQE55dcu5eJplyuWR48TG3YbKtcsD3VT7KD2Lf0HfZWyoaF1D34/D99cerVtdXKnXZy/F9f7p1fOMMMVvElvbxJHFGoRERQFVQNAADwAPauiSUKssjnW3E7t4nIB869HhsrQgrUAUAoBQCgFAUqQUIoTc45oYp4ngniSSORSjo6hlZSNEEHsQR7VDSiVnkek3C7p4mDeYnLuXhiVsrikeTFSN3HctbMT2Vj7qT4b+h76Lc5XULp32kvw/X+efT6OhrlULs5ni+/916tB6rSyFAKAlHL/AIOl4uy+pCq2FmySXZJO2UntGNEHbaI37AE+dA7lFSuqmWeSz/HuaFfVqml7qvvRXt5eeTWF8nnpa5sFDFFBEkEESRxxqEREUBVUDQAA8AD2rqUklZHMtt4s5QKk8tlaggUAoCfcpuRPNLnbknx/Lvha4yEcDBbm9ciK1tt/9JK2lB136RtiPANYZ1RLp1eYzPIpptQ7S0bP4T6Lbju4tFk4h5qYKwuSNmKzsZrpAfl1sY//AIqui2vAn+mFllDseNr9USIrzB+jb528K2cuR4SyeG4tiiBY29s7W12QPcRyfgP/AGCTZ9gayStqyY3aK6MU3ZM6BXgaZqvlsTlcDkrnDZvG3WPv7OQxXFrdRNFLE48qyMAVP8jVkmoldZFZFC4XaLM6lSQKAUBaRU5kpnHNDFcRPb3ESSRSKUdHUMrKRogg+QahpNNM9wxOF7yzNfeYHB0vCOYIj6TYXjPJaEHuqgjaHZJ2uwN+40fOwOWraV0szDwvL8ex0tBVqpl7r8UKV/PzySxtksuRF60zfLoYZbiVIIInklkYIiIpLMxOgAB5JNSk4nZENqFXeRspwngIuGeH7TDoIzJEnVO6Af7yVu7HYALDfYEjfSFHtXW00hU8pS17+vXwchUTe2mxTMcXq/TV2yxSwvd5tn2AK2DAy6oIFAKAyp8NXIzJfEBzQsuC4JZLXFwIb3L3iAbgtEIDdO+3WxKovnu2yCAa16qoVNLcfHgbNJTOpmqDhxPYngzgvhfl7w1Y8IcHYa3xmJx8Yjgt4V0B82Y+WYnuWOySSSSa5WZMimxOKN3Z1kuXDKhUECsj7deD2KA1y+MT4W8Nzz4NuuI+H8dFDxzhrdpbC4jUK1/Gg2bWQ/4tjfQT/C2u4Bbe/Q1jp492Lwv48zQrqNVMG9Cv1L58jyVdHjdo5FKspIZSNEH5GumOWKUAoBQFpHvUko+Nxdw9DxRgLrEyBRK69du7aHRKP4TvR0N9job6SR71r1UhVEpy37epsU03sJsMzT6/v342ZrZNDNbzPb3ETxSxMUdHUqysDogg+CD7VyTThdmdcmoldZE85O8PRZXPy5a5CtFilV1Q6O5X2EOiD2AVjvYIYKastlyVMm77/j99fJWbUqHLlqWv5cfJW+/q5m+ujOdLqHkrUAUAoD0i+i74Vs7Tlrxdxr6S/W8lm1xpcjuIreBJAB8gWuW/sPlVDteNuZDBor9cjoNjwJS4o9X9f+m61VBcCgFAKA8Y/i24VtODPiP48wVhEsVv9p/XkRRoILmNLjpA9gPW0B8q6yijcyRDE9PrA5GugUuojhWv3iYjrZNUUAoClSC2oPRhDnFw9Fis/Fl7boWPKqzsg7alTQc6AA0QyneySxYn2rntqSFLmKYv5fa/P3c6PZc5zJW484frh/ZPuU+M+zuDLaRklSS+kkunWQa1s9KlRr+Eoiked734Iqz2bL3KdPW769kVe0o9+oflZf39smQFb5oMuqDyKAUAoD0b+i64xs7ngPjDgFpVF3j8smWVCe7RTwpESPmA1uN/LrHzqh2vLajhj8rHQbHmJwRQaO5u7VQXAoBQCgPFz4qOMbPjz4huOuJcfKstrJlGtIJFO1kjt0W3VwfkRECP5Guso5blyIYXp94nI1sxTKiKJa/WBiqtk1RQCgFAWkVJKIdzYxn2jwXcyKkzyWUkd0ix9/B6WLDR7BHc+2tb3oGq/aUtzKd24Y9cyw2dMUuoV+OHXukSXEWH2VirLGer6v1O3jg6+np6uhQu9bOt68brclwdnAoNFY05kfaRuPV35ndHishjZWoIFAKAUBkbkBzozfIXmZjuPcRGbiCMG2yVn1dIu7NyPUj37HsrKfZkUnY2DgqZCqZbgZsU1RFTTFGj2J5bczOC+bXClrxlwLmocjjrpRvpIEkEmtmKVPKON91P8iNggnlZsqOTFuRrE6yVOgnw78DuiU1jMgoDVj40vizw3KPhe+5e8F5SO444y0BgPoPv7JhcaMzkfwylT+BfIJDnsAGsqCic6JTI1+lfJW19apELggf6n8Hld5rozmRQCgFAKAo3ipJR0stYDK4q8xZm9IXlvJB6nT1dHWpXetjet+N1jmQdpA4NU1zMkuPs41Glezudush4RcPFDyytQBQCgFAKAlPLzmjzB5UZr/aDl5xVfYS9ICyGBwY5lB2FkjYFJF37MCKxzZME5bsxXMsqdMkPeluxsnhPpNueePtFtsvw1wjlZEGvrD2s8MjH5sElCf2UVXxbJkt4NosIdrzksUmRTmD9ID8RPHVnLjbLM47ha1mBVxg7ZopmX/vpGeRT/NCprLL2bIlu7V/UxTdp1ExWTt6GuVzc3F5cS3d3PJPPM5kklkYs7sTssxPckn3Nb6VsEV7beLOOgFAKAUAoCh8VIRbQ9CgRcPFDyytQBQCgFASfg/lfzH5gyenwPwLnc4OrpZ7GwkljQ/6nUdK/1IrHHOlyvHEkZJcmZN8ELZmDA/AJ8T+bRZZuBrXFRv3DX+Ut1Ov5qjsw/qBWrFtKnh/lf2NuHZlTF/G3uSuH6M/4hJUDSZfguE/5XyU5I/8ATARWPvWRo+vcyrZM/Vdex1b/AOjb+I2zQtbtwrfED+G3yjgn/wByNRUrash68iHsmoWnMx9xR8G3xL8JI82R5T5W6iQb68Y8V/sfMLAzt/cVngrqePKL+vswR0FRBnDyx+jEOTxeTwt7Jjsxjrqxu4TqSC5haKRD/NWAIrZTUSujUcLhdmdapIFAKAUBQ+KkItoejqYm/wDtTFWWT9L0vrlvHP0dXV09ahtb0N6351WOXH2kCj1SZ7mQdnG4L3s7cjujxWQxsrUECgMj8kOQPMPn7xIcDwRjlFvbdLX+Sudra2SHwXYA7Y6OkUFjo9tAkYKipl00O9GbFPTTKmLdg5no9yb+AvkjywggvuIsWvGmcQAvd5aINbK3/V2uygHj+Prb5EeKoZ+0Z07CF7q8vydBI2bJk4xLefn+DY62tbayt47Szt4oIIlCRxRIFRFHgADsBWg23iywStgjlqAKAUAoCOca8uOAuY+OOK474QxWcttEKt7bLI0e/dHI6kP81INZJc2OU7wOxjmSoJqtGrmk/P76Nu3jtLnibkHfTerGGkfh6/m6usfK3nbvv5LITv8AzjsDb021cd2fz/JT1OyVbekcvwaFZHHZDD5C5xWWsp7O9s5WguLeeMpJFIp0yMp7ggggg1dJqJXRSNOF2eZ16ECgKHxUko6WWvxisVeZQw+qLO3kn9Pq6evoUtrejrevOqxzI+zgceib5GSXA5kagTtd25ka5T5MZHgu1jZ5nksZJLV2kO/B6lCnZ/CEdAPGta8AVp7NmOZTpPhh1zNzaMvs6h2449e6ZMQasCvZdUEHZxmOu8vkrTE2EfqXN7PHbwpvXVI7BVH9yKhtQq7JScTsj225L8peHOSnLvFcBcOW8YWziDXlyF095dED1Z3Pklj434UKo7AVyNROiqJjjiOxp5ENPLUEJOawmYUAoBQCgFAKAUBoV9JfyVw8WMxXPHC2kcF+10mJzPprr6wrIxgmb/UvQUJ8kMg8LV1sqod3Jfqik2vTqynLPJnn5V2UQoC0mpJRDubGT+zuC7qNXmSS9kjtUaM61s9TBjsfhKI49971rRNV+0pjl07txw65G/s6WplQr8MevdogHJ3iCLFZ+XE3JVYsqqornQ1Mmyg2SOxDMPBJYqKrNlz1Lm7jyi++BZ7VkOZLUyH+PDyftw5Wv5Gb66I54uqTySzlL/xV4M/8wY7/APTHWKd+1F6MyyP3YfVHubXHHZigFAKAUAoBQCgFAay/SJ/8s+S/8VsP/sqw2Z/0L0ZXbU/5n6o8oa6U5goe1SC2oPRhDnFxDDlc9FibboaPFKyM47kyvouNgkaHSo8AhuoH2rntqz1MmKXD/H7f4+7nR7LkuXKccWcX1w/sgcM0tvKk8ErxyxsHR0YhlYHYII8EGqxNwu6LJpRKzyNlOEs/HxNw/Z5dTGJJU6Z0Uj8Eq9mGgSV79wD36Sp9662mnqolKNe/r18HIVEvsZ0UrT1yzXDH1WF7rNM+wD7VsGBnfweYveHs1j8/jWRbvGXUV5bl16lEkbh1JHuNgdq8xQqJOF8RDE4WolwNjvvFPiX/ADnBfpMf71od2U+j5lh3rUarkPvFPiX/ADnBfpMf707sp9HzHetRquQ+8U+Jf85wX6TH+9O7KfR8x3rUarkPvFPiX/OcF+kx/vTuyn0fMd61Gq5D7xT4l/znBfpMf707sp9HzHetRquQ+8U+Jf8AOcF+kx/vTuyn0fMd61Gq5D7xT4l/znBfpMf707sp9HzHetRquQ+8U+Jf85wX6TH+9O7KfR8x3rUarkPvFPiX/OcF+kx/vTuyn0fMd61Gq5EP5qfGBzp5ycITcD8b5HFzYueaK4dbfHpE/XGdr+Id/NZZNDJkRb8GZinV06og3I8jClbZplpPtUkpHxeLuIYuF8BdZZyhlRei3Rv8cp7KNbGx7nR30g1r1M9U8pzH7evXwbFPK7ebDL1+v698L2NbZppbiV555XklkYu7uxLMxOyST5JNck24nd5nXJKFWRbUEko5f8Yy8I5cGTpNheMkd2CDtVBOpBoE7XZOvcEjzojcoqp0szHwvP8APsaFfSKpl7yvvQ3t5+WOGNs+GtrmwUM0VxElxbypJFIodHRgyspGwQR5BrqU7q6OZaawZyA1OZ5aLqggUAoBQCgFAKAUAoBQFpNTkSkcc00VvE9xcSpHFGpd3dgqqoGyST4AqG0k2z3DC4nurM195gcYy8XZgmPpFhZs8doAO7KSNyHYB23SDr2Gh52Ty1bVOqmXWSy/J0tBSKml7z8USV/Lyzawvms+RF60zfFAKAnHLvmJLwxKuKyrvJipG7HuzWzE92Ue6k+V/qO+w1lQ1zp32czw/X+eXTra6hVQt+X4vvrh1bOUM0VxEk8EqSRSKHR0YFWUjYII8giujTTV0znGmnZo5AfnUnlorUEFaAUAoBQCgFAU3qpBQn5UJSOOaaK3ie4uJUjijUu7uwCqoGyST4AFQ2liz0ld2Rg3mJzEl4mlbFYp3jxUbdz3DXLA9mYeyj2X+p76C85XVzqHuQeH7668ujoaFU67SPxfXXXnB6rSyFAKAUAoCU8H8w81wnIsJd77HhCgs5ZSFTuW3Ge/QepiToaOzsb0RuUtbMpnbOHT8aFfVbOl1F4oLQxN3btnkscr4KyfCy4YGbcBxZgOJog2IyMcsgQO8Dfhlj7KTtT3IBYAsNrvwTXRSamVUK8t+3Hr4Ofm086T+5DbF/flfPNXxtmk8D69ZzCVDGpIsV6hQWGx86EWGx86Cw6hQmxQsaCxSoJPkZ/i3h/hmMtl8jHFIULpAv4pZOzEaUdxsqQGOl35IrBPqZVOrzH7cevgzSqebP8A24b4pcMOdss3xtkm8DCPGPMDL8XS+mS1nYBQBaRykqx2Dtz26zsDWxoaGhvZPO1VbMqnZ4LT86nRUtBLpknFaKLW3rlnbB2evwRetM3hQCgFAKAUAoC6GaW3lSeCV45Y2Do6MQysDsEEeCDUpuF3RDSiVnkTzh7nFn8VELbLQJlYlXSM7+nKOwA24B6h2PkFiTsmrKTtSbLVo1vL56+fMq5+ypcx3lvd14rjy+rK1if4zmxwXkelZL6WykeT01S6hK78aYsvUqjv5LDWjvQ71Zy9pU8x2vb16ZWzNnVEtXtf06T+CS2GWxWVEhxeStbwRa9T0Jlk6N71vpJ1vR/sa3IJkEzwNP0dzTjlxy7KNNX1O3WQ8CgOpf5fE4ro+08naWfq7KevMsfVrzrqI35H96xxzIJfjaXqzJBLjmeBN+iI1k+a/BeN6lS/lvZElMbJaxFvG9sGbpRl7eQx3sa2O9aczaVPLdr39Ol8G1L2dUTFe1vXptciAcQc4s/lYjbYmBMVEy6dkf1JTsEHTkAKO48DqBGw1Vk/ak2ZhB+lfPMtJGypct70x72nBcOfHyxy4kDmmmuJnuLiV5ZZWLu7sWZmJ2SSe5JPvVa24ndlmkoVZZFtQSKAUAoD/9k=';
@@ -1935,11 +1953,11 @@ class KvTableComponent {
         return this.tableConfig();
     }
     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 }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTableComponent, selector: "kv-table", inputs: { _templates: { classPropertyName: "_templates", publicName: "templates", isSignal: false, isRequired: false, transformFunction: null }, setConfig: { classPropertyName: "setConfig", publicName: "config", isSignal: false, isRequired: false, transformFunction: null }, first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, defaultSortField: { classPropertyName: "defaultSortField", publicName: "defaultSortField", isSignal: false, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: false, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: false, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: false, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: false, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: false, isRequired: false, transformFunction: null }, tableSize: { classPropertyName: "tableSize", publicName: "tableSize", isSignal: false, isRequired: false, transformFunction: null }, filterColumnsBtn: { classPropertyName: "filterColumnsBtn", publicName: "filterColumnsBtn", isSignal: false, isRequired: false, transformFunction: null }, replaceEmptyValues: { classPropertyName: "replaceEmptyValues", publicName: "replaceEmptyValues", isSignal: false, isRequired: false, transformFunction: null }, filtrosAvancados: { classPropertyName: "filtrosAvancados", publicName: "filtrosAvancados", isSignal: false, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: false, isRequired: false, transformFunction: null }, isTableScrollable: { classPropertyName: "isTableScrollable", publicName: "isTableScrollable", isSignal: false, isRequired: false, transformFunction: null }, tableCaptalized: { classPropertyName: "tableCaptalized", publicName: "tableCaptalized", isSignal: false, isRequired: false, transformFunction: null }, rowTrackBy: { classPropertyName: "rowTrackBy", publicName: "rowTrackBy", isSignal: false, isRequired: false, transformFunction: null }, responsiveLayout: { classPropertyName: "responsiveLayout", publicName: "responsiveLayout", isSignal: false, isRequired: false, transformFunction: null }, disabledHeaderCheckbox: { classPropertyName: "disabledHeaderCheckbox", publicName: "disabledHeaderCheckbox", isSignal: false, isRequired: false, transformFunction: null }, applyStyle: { classPropertyName: "applyStyle", publicName: "applyStyle", isSignal: false, isRequired: false, transformFunction: null }, pageLinksOptions: { classPropertyName: "pageLinksOptions", publicName: "pageLinksOptions", isSignal: false, isRequired: false, transformFunction: null }, showFirstLastIcon: { classPropertyName: "showFirstLastIcon", publicName: "showFirstLastIcon", isSignal: false, isRequired: false, transformFunction: null }, ellipsisText: { classPropertyName: "ellipsisText", publicName: "ellipsisText", isSignal: true, isRequired: false, transformFunction: null }, isLoadingSkeleton: { classPropertyName: "isLoadingSkeleton", publicName: "isLoadingSkeleton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { first: "firstChange", rows: "rowsChange", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", onPaginate: "onPaginate", onSelectionChange: "onSelectionChange", doubleClickEvent: "doubleClickEvent", filterField: "filterField", onSwitchTableChange: "onSwitchTableChange" }, host: { listeners: { "window:resize": "onWindowResize($event)", "document:keydown.escape": "onEscapeKey($event)", "document:click": "onClickEvent($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "tableCell", first: true, predicate: ["tableCell"], descendants: true, isSignal: true }, { propertyName: "table", first: true, predicate: ["table"], descendants: true }, { propertyName: "ptable", first: true, predicate: Table, descendants: true }, { propertyName: "menuFiltroDiv", first: true, predicate: ["menuFiltroDiv"], descendants: true }, { propertyName: "botaoFiltro", first: true, predicate: ["botaoFiltro"], descendants: true }, { propertyName: "inputField", first: true, predicate: ["inputField"], descendants: true }], ngImport: i0, template: "<div class=\"kv-table-container\">\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    [first]=\"first()\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    (selectionChange)=\"selectionChange($event)\"\r\n    (onSort)=\"onSort($event)\"\r\n    (onPage)=\"onPage($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    [groupRowsBy]=\"config.fieldGroup\"\r\n    [showFirstLastIcon]=\"widthPage() > 960 ? true : false\"\r\n    [pageLinks]=\"widthPage() > 960 ? 2 : 1\"\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\r\n        class=\"flex flex-row flex-wrap justify-content-between grid formgrid p-fluid col-12 p-1 m-0\"\r\n        [style.background-color]=\"'#f1f1f1'\"\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            widthPage() < 768 ? 'col-10' : 'col-12'\r\n          }}  gap-1 p-0\"\r\n        >\r\n          @if (config?.enableFilter) {\r\n          <span class=\"p-input-icon-left\">\r\n            <i class=\"pi pi-search text-sm\"></i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"widthPage() > 800\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(dt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              autocomplete=\"off\"\r\n              #inputField\r\n              class=\"text-sm\"\r\n            />\r\n          </span>\r\n          } @if(filterColumnsBtn) {\r\n          <div #botaoFiltro>\r\n            <kv-button\r\n              id=\"botaoFiltro\"\r\n              [icon]=\"'align_vertical_top'\"\r\n              (onClick)=\"abrirMenuFiltro($event)\"\r\n              severity=\"tertiary\"\r\n              pTooltip=\"Ocultar/Exibir colunas\"\r\n              size=\"small\"\r\n            >\r\n            </kv-button>\r\n          </div>\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 styleClass=\"p-1\">\r\n              <div\r\n                class=\"flex flex-column text-medium w-15rem p-1\"\r\n                *ngFor=\"let col of columnsFilter()\"\r\n              >\r\n                {{ checkMenuFiltro(col) }}\r\n                <p-checkbox\r\n                  #filterColumns\r\n                  [label]=\"col.header\"\r\n                  [binary]=\"true\"\r\n                  class=\"checkbox-container\"\r\n                  (onChange)=\"dinamicColumnSet($event, col)\"\r\n                  [(ngModel)]=\"col.checked\"\r\n                  *ngIf=\"!dinamicDisableColumn(col)\"\r\n                ></p-checkbox>\r\n              </div>\r\n            </p-card>\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-2 justify-content-end gap-2 p-0\">\r\n          @for (action of config.actionsLote; track i; let i = $index) {\r\n          <div class=\"flex align-items-center justify-content-center\">\r\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\r\n            <kv-button\r\n              (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\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) || false\"\r\n              [icon]=\"getOrExecute(action.icon, selectedItems)\"\r\n              [severity]=\"action.severity || 'tertiary'\"\r\n              size=\"small\"\r\n            />\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 pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @if (config.enableSelect) {\r\n        <th>\r\n          <p-tableHeaderCheckbox\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n            [disabled]=\"disabledHeaderCheckbox\"\r\n          ></p-tableHeaderCheckbox>\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        >\r\n          <div\r\n            class=\"flex flex-row align-items-center {{\r\n              col?.centralize && 'justify-content-center'\r\n            }}\"\r\n          >\r\n            <span class=\"text-xs font-medium\">{{ col.header }}</span>\r\n            @if (col.sortable) {\r\n            <p-sortIcon [field]=\"col.field\" class=\"pb-1\"></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    </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]=\"{\r\n          capitalize: tableCaptalized,\r\n          last: rowIndex === dataSource.length - 1\r\n        }\"\r\n        class=\"tr-td {{ isDisabledRow(rowData) ? 'disabled-row' : '' }}\"\r\n      >\r\n        @if (config.enableSelect) {\r\n        <td style=\"width: 8px !important\">\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        } @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            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n            class=\"{{\r\n              col.styleClass\r\n                ? col.styleClass(rowData, col, rowData[col.field])\r\n                : ''\r\n            }}\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              @if (!isChipField(col) && !col.iconField && !isImageField(col) &&\r\n              !isEmptyDataSource()) {\r\n              <span\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col?.centralize && 'justify-content-center'\r\n                }} text-xs\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n                [tooltipPosition]=\"'bottom'\"\r\n              >\r\n                @if(col.tagColor) {\r\n                <div\r\n                  class=\"tag\"\r\n                  [pTooltip]=\"\r\n                    col.tooltipTag &&\r\n                    col.tooltipTag(rowData, col, rowData[col.field])\r\n                  \"\r\n                  [style.background-color]=\"\r\n                    col.tagColor(rowData, col, rowData[col.field])\r\n                  \"\r\n                ></div>\r\n\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              } @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                  class=\"text-xs\"\r\n                  >{{ transformValue(rowData, col) }}</span\r\n                >\r\n              </div>\r\n              } @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\r\n              <div class=\"w-full\">\r\n                @if(!isSwitchField(col)) {\r\n\r\n                <div\r\n                  class=\"w-full flex {{\r\n                    col.centralize && 'justify-content-center'\r\n                  }}\"\r\n                >\r\n                  <div [style.width]=\"widthRandom()(col, rowIndex) + '%'\">\r\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\r\n                  </div>\r\n                </div>\r\n\r\n                } @else {\r\n                <div class=\"flex flex-row justify-content-center\">\r\n                  <div\r\n                    [style]=\"{\r\n                      height: '16.8px',\r\n                      width: '28.8px',\r\n                      'border-radius': '30px'\r\n                    }\"\r\n                  >\r\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\r\n                  </div>\r\n                </div>\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(rowData, 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(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              <div\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col?.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n                [tooltipPosition]=\"'bottom'\"\r\n              >\r\n                <i\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span\r\n                    class=\"material-symbols-outlined text-lg font-semibold\"\r\n                  >\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </div>\r\n\r\n              } @if (isSwitchField(col)) {\r\n              <span\r\n                [class]=\"\r\n                  returnRowClass(rowData, col) +\r\n                  ' flex flex-row align-items-center justify-content-center'\r\n                \"\r\n                style=\"height: 25px\"\r\n              >\r\n                @if(col.switchDisable){\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col.switchDisable(rowData, col)\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n                } @else {\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                }\r\n              </span>\r\n              } @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\r\n              <div class=\"w-full\">\r\n                @if(!isSwitchField(col)) {\r\n                <div\r\n                  class=\"w-full flex {{\r\n                    col.centralize && 'justify-content-center'\r\n                  }}\"\r\n                >\r\n                  <div [style.width]=\"widthRandom()(col, rowIndex) + '%'\">\r\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\r\n                  </div>\r\n                </div>\r\n\r\n                } @else {\r\n                <div class=\"flex flex-row justify-content-center\">\r\n                  <div\r\n                    [style]=\"{\r\n                      height: '16.8px',\r\n                      width: '28.8px',\r\n                      'border-radius': '30px'\r\n                    }\"\r\n                  >\r\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\r\n                  </div>\r\n                </div>\r\n                }\r\n              </div>\r\n              }\r\n            </ng-template>\r\n          </td>\r\n          } @if (!rowgroup && !col.grouped && !col.template) {\r\n          <td\r\n            #tableCell\r\n            class=\"rowTable {{\r\n              col.styleClass\r\n                ? col.styleClass(rowData, col, rowData[col.field])\r\n                : ''\r\n            }} \"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            @if(!isEmptyDataSource()) {\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"\r\n                returnRowClass(rowData, col) +\r\n                ' flex flex-row gap-2 align-items-center ' +\r\n                (col?.centralize && 'justify-content-center')\r\n              \"\r\n              [pTooltip]=\"\r\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n              \"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [style.max-width]=\"ellipsisText() && returnMaxWidth()(col.width)\"\r\n            >\r\n              @if(col.tagColor) {\r\n              <div\r\n                class=\"tag\"\r\n                [pTooltip]=\"\r\n                  col.tooltipTag &&\r\n                  col.tooltipTag(rowData, col, rowData[col.field])\r\n                \"\r\n                [style.background-color]=\"\r\n                  col.tagColor(rowData, col, rowData[col.field])\r\n                \"\r\n              ></div>\r\n\r\n              } @if (!isChipField(col) && !col.iconField && !isImageField(col)){\r\n              <span class=\"text-xs {{ ellipsisText() && 'ellipsis-text' }}\">\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              } @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                  class=\"text-xs\"\r\n                >\r\n                  {{ transformValue(rowData, col) }}</span\r\n                >\r\n              </div>\r\n              }\r\n            </span>\r\n            } @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(rowData, 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(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              <div\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col?.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n                [tooltipPosition]=\"'bottom'\"\r\n              >\r\n                <i\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span\r\n                    class=\"material-symbols-outlined text-lg font-semibold\"\r\n                  >\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </div>\r\n              } @if (isSwitchField(col)) {\r\n\r\n              <span\r\n                [class]=\"\r\n                  returnRowClass(rowData, col) +\r\n                  ' flex flex-row align-items-center justify-content-center'\r\n                \"\r\n                style=\"height: 25px\"\r\n              >\r\n                @if(col.switchDisable){\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col.switchDisable(rowData, col)\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n                } @else {\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                }\r\n              </span>\r\n              }\r\n            </ng-template>\r\n\r\n            @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\r\n            <div class=\"w-full\">\r\n              @if(!isSwitchField(col)) {\r\n              <div\r\n                class=\"w-full flex {{\r\n                  col.centralize && 'justify-content-center'\r\n                }}\"\r\n              >\r\n                <div [style.width]=\"widthRandom()(col, rowIndex) + '%'\">\r\n                  <p-skeleton styleClass=\"w-full\"></p-skeleton>\r\n                </div>\r\n              </div>\r\n\r\n              } @else {\r\n              <div class=\"flex flex-row justify-content-center\">\r\n                <div\r\n                  [style]=\"{\r\n                    height: '16.8px',\r\n                    width: '28.8px',\r\n                    'border-radius': '30px'\r\n                  }\"\r\n                >\r\n                  <p-skeleton styleClass=\"w-full\"></p-skeleton>\r\n                </div>\r\n              </div>\r\n              }\r\n            </div>\r\n            }\r\n          </td>\r\n          } @if (col.template) {\r\n          <td\r\n            class=\"rowTable {{\r\n              col.styleClass\r\n                ? col.styleClass(rowData, col, rowData[col.field])\r\n                : ''\r\n            }} \"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n            @if (getCustomTemplate(col.template.name)) {\r\n\r\n            <div\r\n              class=\"flex flex-row gap-2 align-items-center {{\r\n                col?.centralize && ' justify-content-center'\r\n              }}\"\r\n              [pTooltip]=\"\r\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n              \"\r\n              [tooltipPosition]=\"'bottom'\"\r\n            >\r\n              @if(col.tagColor) {\r\n              <div\r\n                class=\"tag\"\r\n                [pTooltip]=\"col.tooltipTag && col.tooltipTag(rowData, col)\"\r\n                [style.background-color]=\"col.tagColor(rowData, col)\"\r\n              ></div>\r\n              } @if(!isEmptyDataSource()) {\r\n\r\n              <div class=\"w-full\">\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                  [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n                />\r\n              </div>\r\n              }\r\n            </div>\r\n\r\n            @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\r\n            <p-skeleton\r\n              [width]=\"widthRandom()(col, rowIndex) + '%'\"\r\n            ></p-skeleton>\r\n            } }\r\n          </td>\r\n          }\r\n        </ng-container>\r\n        } @if (config.actions && config.actions.length > 0) {\r\n        <td>\r\n          <div class=\"flex flex-row justify-content-end w-full\">\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px; padding: 0.1rem\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\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          </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 text-sm\">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/>\r\n", styles: ["::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar{width:6px}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-datatable>.p-datatable-wrapper:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.tag{width:5px;height:20px;border-radius:.25rem}::ng-deep .p-panel .p-panel-header{border:none!important}:host ::ng-deep .p-datatable-header{background-color:#860000!important;padding:0!important;border-radius:5px!important}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#f1f1f1}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#f1f1f1;padding:.15rem}.icon-more-horiz{font-weight:700}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}.tr-td{overflow-wrap:anywhere}.tr-td:hover{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;background-color:#fff;transition:color .3s,transform .3s;transform:scale(1)}.tr-td:hover.last{box-shadow:-1px -1px 9px -3px #000000bf;-webkit-box-shadow:-1px -1px 9px -3px rgba(0,0,0,.75);-moz-box-shadow:-1px -1px 9px -3px rgba(0,0,0,.75)}.disabled-row{pointer-events:none;opacity:.6;background-color:#dddddd8e}::ng-deep .p-tooltip{pointer-events:auto}.btn-table{background-color:#29b92d;padding:12px}.btn-table:hover{background-color:#249a29}.btn-table:active{background-color:#1c801f}.btn-table:disabled{background-color:#29b92d}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}::ng-deep .p-datatable .p-paginator-bottom{scale:.75}::ng-deep .p-menuitem-text{font-size:.875rem}::ng-deep .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link{padding:.5rem .75rem}::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{padding:.1rem}:host{height:100%}::ng-deep .kv-table-container,::ng-deep p-table{height:100%}::ng-deep p-table .p-datatable{display:flex;flex-direction:column;height:100%}::ng-deep .p-datatable .p-datatable-wrapper{flex:1 1 1}::ng-deep p-table .p-datatable .p-datatable-wrapper,::ng-deep p-table{height:100%}::ng-deep table{height:auto!important}.ellipsis-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5$2.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i8$1.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: i5$3.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i10.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: i13.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"] }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTableComponent, selector: "kv-table", inputs: { _templates: { classPropertyName: "_templates", publicName: "templates", isSignal: false, isRequired: false, transformFunction: null }, setConfig: { classPropertyName: "setConfig", publicName: "config", isSignal: false, isRequired: false, transformFunction: null }, first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, defaultSortField: { classPropertyName: "defaultSortField", publicName: "defaultSortField", isSignal: false, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: false, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: false, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: false, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: false, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: false, isRequired: false, transformFunction: null }, tableSize: { classPropertyName: "tableSize", publicName: "tableSize", isSignal: false, isRequired: false, transformFunction: null }, filterColumnsBtn: { classPropertyName: "filterColumnsBtn", publicName: "filterColumnsBtn", isSignal: false, isRequired: false, transformFunction: null }, replaceEmptyValues: { classPropertyName: "replaceEmptyValues", publicName: "replaceEmptyValues", isSignal: false, isRequired: false, transformFunction: null }, filtrosAvancados: { classPropertyName: "filtrosAvancados", publicName: "filtrosAvancados", isSignal: false, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: false, isRequired: false, transformFunction: null }, isTableScrollable: { classPropertyName: "isTableScrollable", publicName: "isTableScrollable", isSignal: false, isRequired: false, transformFunction: null }, tableCaptalized: { classPropertyName: "tableCaptalized", publicName: "tableCaptalized", isSignal: false, isRequired: false, transformFunction: null }, rowTrackBy: { classPropertyName: "rowTrackBy", publicName: "rowTrackBy", isSignal: false, isRequired: false, transformFunction: null }, responsiveLayout: { classPropertyName: "responsiveLayout", publicName: "responsiveLayout", isSignal: false, isRequired: false, transformFunction: null }, disabledHeaderCheckbox: { classPropertyName: "disabledHeaderCheckbox", publicName: "disabledHeaderCheckbox", isSignal: false, isRequired: false, transformFunction: null }, applyStyle: { classPropertyName: "applyStyle", publicName: "applyStyle", isSignal: false, isRequired: false, transformFunction: null }, pageLinksOptions: { classPropertyName: "pageLinksOptions", publicName: "pageLinksOptions", isSignal: false, isRequired: false, transformFunction: null }, showFirstLastIcon: { classPropertyName: "showFirstLastIcon", publicName: "showFirstLastIcon", isSignal: false, isRequired: false, transformFunction: null }, ellipsisText: { classPropertyName: "ellipsisText", publicName: "ellipsisText", isSignal: true, isRequired: false, transformFunction: null }, isLoadingSkeleton: { classPropertyName: "isLoadingSkeleton", publicName: "isLoadingSkeleton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { first: "firstChange", rows: "rowsChange", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", onPaginate: "onPaginate", onSelectionChange: "onSelectionChange", doubleClickEvent: "doubleClickEvent", filterField: "filterField", onSwitchTableChange: "onSwitchTableChange" }, host: { listeners: { "window:resize": "onWindowResize($event)", "document:keydown.escape": "onEscapeKey($event)", "document:click": "onClickEvent($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "tableCell", first: true, predicate: ["tableCell"], descendants: true, isSignal: true }, { propertyName: "table", first: true, predicate: ["table"], descendants: true }, { propertyName: "ptable", first: true, predicate: Table, descendants: true }, { propertyName: "menuFiltroDiv", first: true, predicate: ["menuFiltroDiv"], descendants: true }, { propertyName: "botaoFiltro", first: true, predicate: ["botaoFiltro"], descendants: true }, { propertyName: "inputField", first: true, predicate: ["inputField"], descendants: true }], ngImport: i0, template: "<div class=\"kv-table-container\">\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    [first]=\"first()\"\n    (onLazyLoad)=\"paginate($event)\"\n    (selectionChange)=\"selectionChange($event)\"\n    (onSort)=\"onSort($event)\"\n    (onPage)=\"onPage($event)\"\n    rowGroupMode=\"rowspan\"\n    [groupRowsBy]=\"config.fieldGroup\"\n    [showFirstLastIcon]=\"widthPage() > 960 ? true : false\"\n    [pageLinks]=\"widthPage() > 960 ? 2 : 1\"\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\n        class=\"flex flex-row flex-wrap justify-content-between grid formgrid p-fluid col-12 p-1 m-0\"\n        [style.background-color]=\"'#f1f1f1'\"\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            widthPage() < 768 ? 'col-10' : 'col-12'\n          }}  gap-1 p-0\"\n        >\n          @if (config?.enableFilter) {\n          <span class=\"p-input-icon-left\">\n            <i class=\"pi pi-search text-sm\"></i>\n\n            <input\n              pInputText\n              pAutoFocus\n              [autofocus]=\"widthPage() > 800\"\n              type=\"text\"\n              (input)=\"onGlobalFilter(dt, $event)\"\n              placeholder=\"Pesquisar...\"\n              autocomplete=\"off\"\n              #inputField\n              class=\"text-sm\"\n            />\n          </span>\n          } @if(filterColumnsBtn) {\n          <div #botaoFiltro>\n            <kv-button\n              id=\"botaoFiltro\"\n              [icon]=\"'align_vertical_top'\"\n              (onClick)=\"abrirMenuFiltro($event)\"\n              severity=\"tertiary\"\n              pTooltip=\"Ocultar/Exibir colunas\"\n              size=\"small\"\n            >\n            </kv-button>\n          </div>\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 styleClass=\"p-1\">\n              <div\n                class=\"flex flex-column text-medium w-15rem p-1\"\n                *ngFor=\"let col of columnsFilter()\"\n              >\n                {{ checkMenuFiltro(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                  *ngIf=\"!dinamicDisableColumn(col)\"\n                ></p-checkbox>\n              </div>\n            </p-card>\n          </div>\n          }\n        </div>\n\n        <div class=\"flex flex-row col-2 justify-content-end gap-2 p-0\">\n          @for (action of config.actionsLote; track i; let i = $index) {\n          <div class=\"flex align-items-center justify-content-center\">\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\n            <kv-button\n              (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\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) || false\"\n              [icon]=\"getOrExecute(action.icon, selectedItems)\"\n              [severity]=\"action.severity || 'tertiary'\"\n              size=\"small\"\n            />\n            }\n          </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n    }\n\n    <ng-template pTemplate=\"header\" let-columns>\n      <tr>\n        @if (config.enableSelect) {\n        <th>\n          <p-tableHeaderCheckbox\n            (click)=\"activeItemLote(selectedItems)\"\n            [disabled]=\"disabledHeaderCheckbox\"\n          ></p-tableHeaderCheckbox>\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        >\n          <div\n            class=\"flex flex-row align-items-center {{\n              col?.centralize && 'justify-content-center'\n            }}\"\n          >\n            <span class=\"text-xs font-medium\">{{ col.header }}</span>\n            @if (col.sortable) {\n            <p-sortIcon [field]=\"col.field\" class=\"pb-1\"></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    </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]=\"{\n          capitalize: tableCaptalized,\n          last: rowIndex === dataSource.length - 1\n        }\"\n        class=\"tr-td {{ isDisabledRow(rowData) ? 'disabled-row' : '' }}\"\n      >\n        @if (config.enableSelect) {\n        <td style=\"width: 8px !important\">\n          <p-tableCheckbox\n            [value]=\"rowData\"\n            [disabled]=\"isDisabledCheckbox(rowData)\"\n            (click)=\"activeItemLote(selectedItems)\"\n          ></p-tableCheckbox>\n        </td>\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            [pTooltip]=\"returnTooltipRow(rowData, col)\"\n            class=\"{{\n              col.styleClass\n                ? col.styleClass(rowData, col, rowData[col.field])\n                : ''\n            }}\"\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              !isEmptyDataSource()) {\n              <span\n                class=\"flex flex-row gap-2 align-items-center {{\n                  col?.centralize && 'justify-content-center'\n                }} text-xs\"\n                [pTooltip]=\"\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\n                \"\n                [tooltipPosition]=\"'bottom'\"\n              >\n                @if(col.tagColor) {\n                <div\n                  class=\"tag\"\n                  [pTooltip]=\"\n                    col.tooltipTag &&\n                    col.tooltipTag(rowData, col, rowData[col.field])\n                  \"\n                  [style.background-color]=\"\n                    col.tagColor(rowData, col, rowData[col.field])\n                  \"\n                ></div>\n\n                } @if (col.icon) {\n                <i [class]=\"col.icon + ' mr-2'\"></i>\n                }\n                {{ transformValue(rowData, col) }}\n              </span>\n              } @if (isChipField(col) && !col.iconField) {\n              <div>\n                <span\n                  [class]=\"returnClassChip(rowData, col)\"\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n                  class=\"text-xs\"\n                  >{{ transformValue(rowData, col) }}</span\n                >\n              </div>\n              } @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\n              <div class=\"w-full\">\n                @if(!isSwitchField(col)) {\n\n                <div\n                  class=\"w-full flex {{\n                    col.centralize && 'justify-content-center'\n                  }}\"\n                >\n                  <div [style.width]=\"widthRandom()(col, rowIndex) + '%'\">\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\n                  </div>\n                </div>\n\n                } @else {\n                <div class=\"flex flex-row justify-content-center\">\n                  <div\n                    [style]=\"{\n                      height: '16.8px',\n                      width: '28.8px',\n                      'border-radius': '30px'\n                    }\"\n                  >\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\n                  </div>\n                </div>\n                }\n              </div>\n              }\n            </span>\n\n            @if (isImageField(col)) {\n            <span>\n              <span>\n                <img class=\"image\" [src]=\"loadImage(rowData, 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(rowData, col)\"\n            >\n              {{ returnClassIcon(rowData, col) }}\n            </i>\n            }\n\n            <ng-template #booleanField>\n              @if (!col.iconField && !isSwitchField(col)) {\n              <div\n                class=\"flex flex-row gap-2 align-items-center {{\n                  col?.centralize && 'justify-content-center'\n                }}\"\n                [pTooltip]=\"\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\n                \"\n                [tooltipPosition]=\"'bottom'\"\n              >\n                <i\n                  [ngClass]=\"\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\n                  \"\n                  ><span\n                    class=\"material-symbols-outlined text-lg font-semibold\"\n                  >\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\n                  </span>\n                </i>\n              </div>\n\n              } @if (isSwitchField(col)) {\n              <span\n                [class]=\"\n                  returnRowClass(rowData, col) +\n                  ' flex flex-row align-items-center justify-content-center'\n                \"\n                style=\"height: 25px\"\n              >\n                @if(col.switchDisable){\n                <kv-switch\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col.switchDisable(rowData, col)\"\n                  [switchValue]=\"transformValue(rowData, col)\"\n                >\n                </kv-switch>\n                } @else {\n                <kv-switch\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col?.onlyReadField ?? true\"\n                  [switchValue]=\"transformValue(rowData, col)\"\n                >\n                </kv-switch>\n                }\n              </span>\n              } @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\n              <div class=\"w-full\">\n                @if(!isSwitchField(col)) {\n                <div\n                  class=\"w-full flex {{\n                    col.centralize && 'justify-content-center'\n                  }}\"\n                >\n                  <div [style.width]=\"widthRandom()(col, rowIndex) + '%'\">\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\n                  </div>\n                </div>\n\n                } @else {\n                <div class=\"flex flex-row justify-content-center\">\n                  <div\n                    [style]=\"{\n                      height: '16.8px',\n                      width: '28.8px',\n                      'border-radius': '30px'\n                    }\"\n                  >\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\n                  </div>\n                </div>\n                }\n              </div>\n              }\n            </ng-template>\n          </td>\n          } @if (!rowgroup && !col.grouped && !col.template) {\n          <td\n            #tableCell\n            class=\"rowTable {{\n              col.styleClass\n                ? col.styleClass(rowData, col, rowData[col.field])\n                : ''\n            }} \"\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\n          >\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n\n            @if(!isEmptyDataSource()) {\n\n            <span\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\n              [class]=\"\n                returnRowClass(rowData, col) +\n                ' flex flex-row gap-2 align-items-center ' +\n                (col?.centralize && 'justify-content-center')\n              \"\n              [pTooltip]=\"\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\n              \"\n              [tooltipPosition]=\"'bottom'\"\n              [style.max-width]=\"ellipsisText() && returnMaxWidth()(col.width)\"\n            >\n              @if(col.tagColor) {\n              <div\n                class=\"tag\"\n                [pTooltip]=\"\n                  col.tooltipTag &&\n                  col.tooltipTag(rowData, col, rowData[col.field])\n                \"\n                [style.background-color]=\"\n                  col.tagColor(rowData, col, rowData[col.field])\n                \"\n              ></div>\n\n              } @if (!isChipField(col) && !col.iconField && !isImageField(col)){\n              <span class=\"text-xs {{ ellipsisText() && 'ellipsis-text' }}\">\n                @if (col.icon) {\n                <i [class]=\"col.icon + ' mr-2'\"></i>\n                }\n                {{ transformValue(rowData, col) }}\n              </span>\n              } @if (isChipField(col) && !col.iconField) {\n              <div>\n                <span\n                  [class]=\"returnClassChip(rowData, col)\"\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n                  class=\"text-xs\"\n                >\n                  {{ transformValue(rowData, col) }}</span\n                >\n              </div>\n              }\n            </span>\n            } @if (isImageField(col)) {\n            <span>\n              <span>\n                <img class=\"image\" [src]=\"loadImage(rowData, 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(rowData, col)\"\n            >\n              {{ returnClassIcon(rowData, col) }}\n            </i>\n            }\n\n            <ng-template #booleanField>\n              @if (!col.iconField && !isSwitchField(col)) {\n              <div\n                class=\"flex flex-row gap-2 align-items-center {{\n                  col?.centralize && 'justify-content-center'\n                }}\"\n                [pTooltip]=\"\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\n                \"\n                [tooltipPosition]=\"'bottom'\"\n              >\n                <i\n                  [ngClass]=\"\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\n                  \"\n                  ><span\n                    class=\"material-symbols-outlined text-lg font-semibold\"\n                  >\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\n                  </span>\n                </i>\n              </div>\n              } @if (isSwitchField(col)) {\n\n              <span\n                [class]=\"\n                  returnRowClass(rowData, col) +\n                  ' flex flex-row align-items-center justify-content-center'\n                \"\n                style=\"height: 25px\"\n              >\n                @if(col.switchDisable){\n                <kv-switch\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col.switchDisable(rowData, col)\"\n                  [switchValue]=\"transformValue(rowData, col)\"\n                >\n                </kv-switch>\n                } @else {\n                <kv-switch\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col?.onlyReadField ?? true\"\n                  [switchValue]=\"transformValue(rowData, col)\"\n                >\n                </kv-switch>\n                }\n              </span>\n              }\n            </ng-template>\n\n            @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\n            <div class=\"w-full\">\n              @if(!isSwitchField(col)) {\n              <div\n                class=\"w-full flex {{\n                  col.centralize && 'justify-content-center'\n                }}\"\n              >\n                <div [style.width]=\"widthRandom()(col, rowIndex) + '%'\">\n                  <p-skeleton styleClass=\"w-full\"></p-skeleton>\n                </div>\n              </div>\n\n              } @else {\n              <div class=\"flex flex-row justify-content-center\">\n                <div\n                  [style]=\"{\n                    height: '16.8px',\n                    width: '28.8px',\n                    'border-radius': '30px'\n                  }\"\n                >\n                  <p-skeleton styleClass=\"w-full\"></p-skeleton>\n                </div>\n              </div>\n              }\n            </div>\n            }\n          </td>\n          } @if (col.template) {\n          <td\n            class=\"rowTable {{\n              col.styleClass\n                ? col.styleClass(rowData, col, rowData[col.field])\n                : ''\n            }} \"\n          >\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n            @if (getCustomTemplate(col.template.name)) {\n\n            <div\n              class=\"flex flex-row gap-2 align-items-center {{\n                col?.centralize && ' justify-content-center'\n              }}\"\n              [pTooltip]=\"\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\n              \"\n              [tooltipPosition]=\"'bottom'\"\n            >\n              @if(col.tagColor) {\n              <div\n                class=\"tag\"\n                [pTooltip]=\"col.tooltipTag && col.tooltipTag(rowData, col)\"\n                [style.background-color]=\"col.tagColor(rowData, col)\"\n              ></div>\n              } @if(!isEmptyDataSource()) {\n\n              <div class=\"w-full\">\n                <ng-container\n                  [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\n                  [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\n                />\n              </div>\n              }\n            </div>\n\n            @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\n            <p-skeleton\n              [width]=\"widthRandom()(col, rowIndex) + '%'\"\n            ></p-skeleton>\n            } }\n          </td>\n          }\n        </ng-container>\n        } @if (config.actions && config.actions.length > 0) {\n        <td>\n          <div class=\"flex flex-row justify-content-end w-full\">\n            <span\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n              style=\"font-size: 20px; padding: 0.1rem\"\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\n            >\n              more_horiz\n            </span>\n\n            <p-tieredMenu\n              #menu\n              [popup]=\"true\"\n              [model]=\"tableActions[rowIndex - actionsOffset]\"\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 text-sm\">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/>\n", styles: ["::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar{width:6px}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-datatable>.p-datatable-wrapper:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.tag{width:5px;height:20px;border-radius:.25rem}::ng-deep .p-panel .p-panel-header{border:none!important}:host ::ng-deep .p-datatable-header{background-color:#860000!important;padding:0!important;border-radius:5px!important}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#f1f1f1}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#f1f1f1;padding:.15rem}.icon-more-horiz{font-weight:700}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}.tr-td{overflow-wrap:anywhere}.tr-td:hover{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;background-color:#fff;transition:color .3s,transform .3s;transform:scale(1)}.tr-td:hover.last{box-shadow:-1px -1px 9px -3px #000000bf;-webkit-box-shadow:-1px -1px 9px -3px rgba(0,0,0,.75);-moz-box-shadow:-1px -1px 9px -3px rgba(0,0,0,.75)}.disabled-row{pointer-events:none;opacity:.6;background-color:#dddddd8e}::ng-deep .p-tooltip{pointer-events:auto}.btn-table{background-color:#29b92d;padding:12px}.btn-table:hover{background-color:#249a29}.btn-table:active{background-color:#1c801f}.btn-table:disabled{background-color:#29b92d}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}::ng-deep .p-datatable .p-paginator-bottom{scale:.75}::ng-deep .p-menuitem-text{font-size:.875rem}::ng-deep .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link{padding:.5rem .75rem}::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{padding:.1rem}:host{height:100%}::ng-deep .kv-table-container,::ng-deep p-table{height:100%}::ng-deep p-table .p-datatable{display:flex;flex-direction:column;height:100%}::ng-deep .p-datatable .p-datatable-wrapper{flex:1 1 1}::ng-deep p-table .p-datatable .p-datatable-wrapper,::ng-deep p-table{height:100%}::ng-deep table{height:auto!important}.ellipsis-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5$2.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i8$1.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: i5$3.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i10.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: i13.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"] }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-table', template: "<div class=\"kv-table-container\">\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    [first]=\"first()\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    (selectionChange)=\"selectionChange($event)\"\r\n    (onSort)=\"onSort($event)\"\r\n    (onPage)=\"onPage($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    [groupRowsBy]=\"config.fieldGroup\"\r\n    [showFirstLastIcon]=\"widthPage() > 960 ? true : false\"\r\n    [pageLinks]=\"widthPage() > 960 ? 2 : 1\"\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\r\n        class=\"flex flex-row flex-wrap justify-content-between grid formgrid p-fluid col-12 p-1 m-0\"\r\n        [style.background-color]=\"'#f1f1f1'\"\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            widthPage() < 768 ? 'col-10' : 'col-12'\r\n          }}  gap-1 p-0\"\r\n        >\r\n          @if (config?.enableFilter) {\r\n          <span class=\"p-input-icon-left\">\r\n            <i class=\"pi pi-search text-sm\"></i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"widthPage() > 800\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(dt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              autocomplete=\"off\"\r\n              #inputField\r\n              class=\"text-sm\"\r\n            />\r\n          </span>\r\n          } @if(filterColumnsBtn) {\r\n          <div #botaoFiltro>\r\n            <kv-button\r\n              id=\"botaoFiltro\"\r\n              [icon]=\"'align_vertical_top'\"\r\n              (onClick)=\"abrirMenuFiltro($event)\"\r\n              severity=\"tertiary\"\r\n              pTooltip=\"Ocultar/Exibir colunas\"\r\n              size=\"small\"\r\n            >\r\n            </kv-button>\r\n          </div>\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 styleClass=\"p-1\">\r\n              <div\r\n                class=\"flex flex-column text-medium w-15rem p-1\"\r\n                *ngFor=\"let col of columnsFilter()\"\r\n              >\r\n                {{ checkMenuFiltro(col) }}\r\n                <p-checkbox\r\n                  #filterColumns\r\n                  [label]=\"col.header\"\r\n                  [binary]=\"true\"\r\n                  class=\"checkbox-container\"\r\n                  (onChange)=\"dinamicColumnSet($event, col)\"\r\n                  [(ngModel)]=\"col.checked\"\r\n                  *ngIf=\"!dinamicDisableColumn(col)\"\r\n                ></p-checkbox>\r\n              </div>\r\n            </p-card>\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-2 justify-content-end gap-2 p-0\">\r\n          @for (action of config.actionsLote; track i; let i = $index) {\r\n          <div class=\"flex align-items-center justify-content-center\">\r\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\r\n            <kv-button\r\n              (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\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) || false\"\r\n              [icon]=\"getOrExecute(action.icon, selectedItems)\"\r\n              [severity]=\"action.severity || 'tertiary'\"\r\n              size=\"small\"\r\n            />\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 pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @if (config.enableSelect) {\r\n        <th>\r\n          <p-tableHeaderCheckbox\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n            [disabled]=\"disabledHeaderCheckbox\"\r\n          ></p-tableHeaderCheckbox>\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        >\r\n          <div\r\n            class=\"flex flex-row align-items-center {{\r\n              col?.centralize && 'justify-content-center'\r\n            }}\"\r\n          >\r\n            <span class=\"text-xs font-medium\">{{ col.header }}</span>\r\n            @if (col.sortable) {\r\n            <p-sortIcon [field]=\"col.field\" class=\"pb-1\"></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    </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]=\"{\r\n          capitalize: tableCaptalized,\r\n          last: rowIndex === dataSource.length - 1\r\n        }\"\r\n        class=\"tr-td {{ isDisabledRow(rowData) ? 'disabled-row' : '' }}\"\r\n      >\r\n        @if (config.enableSelect) {\r\n        <td style=\"width: 8px !important\">\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        } @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            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n            class=\"{{\r\n              col.styleClass\r\n                ? col.styleClass(rowData, col, rowData[col.field])\r\n                : ''\r\n            }}\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              @if (!isChipField(col) && !col.iconField && !isImageField(col) &&\r\n              !isEmptyDataSource()) {\r\n              <span\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col?.centralize && 'justify-content-center'\r\n                }} text-xs\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n                [tooltipPosition]=\"'bottom'\"\r\n              >\r\n                @if(col.tagColor) {\r\n                <div\r\n                  class=\"tag\"\r\n                  [pTooltip]=\"\r\n                    col.tooltipTag &&\r\n                    col.tooltipTag(rowData, col, rowData[col.field])\r\n                  \"\r\n                  [style.background-color]=\"\r\n                    col.tagColor(rowData, col, rowData[col.field])\r\n                  \"\r\n                ></div>\r\n\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              } @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                  class=\"text-xs\"\r\n                  >{{ transformValue(rowData, col) }}</span\r\n                >\r\n              </div>\r\n              } @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\r\n              <div class=\"w-full\">\r\n                @if(!isSwitchField(col)) {\r\n\r\n                <div\r\n                  class=\"w-full flex {{\r\n                    col.centralize && 'justify-content-center'\r\n                  }}\"\r\n                >\r\n                  <div [style.width]=\"widthRandom()(col, rowIndex) + '%'\">\r\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\r\n                  </div>\r\n                </div>\r\n\r\n                } @else {\r\n                <div class=\"flex flex-row justify-content-center\">\r\n                  <div\r\n                    [style]=\"{\r\n                      height: '16.8px',\r\n                      width: '28.8px',\r\n                      'border-radius': '30px'\r\n                    }\"\r\n                  >\r\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\r\n                  </div>\r\n                </div>\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(rowData, 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(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              <div\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col?.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n                [tooltipPosition]=\"'bottom'\"\r\n              >\r\n                <i\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span\r\n                    class=\"material-symbols-outlined text-lg font-semibold\"\r\n                  >\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </div>\r\n\r\n              } @if (isSwitchField(col)) {\r\n              <span\r\n                [class]=\"\r\n                  returnRowClass(rowData, col) +\r\n                  ' flex flex-row align-items-center justify-content-center'\r\n                \"\r\n                style=\"height: 25px\"\r\n              >\r\n                @if(col.switchDisable){\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col.switchDisable(rowData, col)\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n                } @else {\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                }\r\n              </span>\r\n              } @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\r\n              <div class=\"w-full\">\r\n                @if(!isSwitchField(col)) {\r\n                <div\r\n                  class=\"w-full flex {{\r\n                    col.centralize && 'justify-content-center'\r\n                  }}\"\r\n                >\r\n                  <div [style.width]=\"widthRandom()(col, rowIndex) + '%'\">\r\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\r\n                  </div>\r\n                </div>\r\n\r\n                } @else {\r\n                <div class=\"flex flex-row justify-content-center\">\r\n                  <div\r\n                    [style]=\"{\r\n                      height: '16.8px',\r\n                      width: '28.8px',\r\n                      'border-radius': '30px'\r\n                    }\"\r\n                  >\r\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\r\n                  </div>\r\n                </div>\r\n                }\r\n              </div>\r\n              }\r\n            </ng-template>\r\n          </td>\r\n          } @if (!rowgroup && !col.grouped && !col.template) {\r\n          <td\r\n            #tableCell\r\n            class=\"rowTable {{\r\n              col.styleClass\r\n                ? col.styleClass(rowData, col, rowData[col.field])\r\n                : ''\r\n            }} \"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            @if(!isEmptyDataSource()) {\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"\r\n                returnRowClass(rowData, col) +\r\n                ' flex flex-row gap-2 align-items-center ' +\r\n                (col?.centralize && 'justify-content-center')\r\n              \"\r\n              [pTooltip]=\"\r\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n              \"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [style.max-width]=\"ellipsisText() && returnMaxWidth()(col.width)\"\r\n            >\r\n              @if(col.tagColor) {\r\n              <div\r\n                class=\"tag\"\r\n                [pTooltip]=\"\r\n                  col.tooltipTag &&\r\n                  col.tooltipTag(rowData, col, rowData[col.field])\r\n                \"\r\n                [style.background-color]=\"\r\n                  col.tagColor(rowData, col, rowData[col.field])\r\n                \"\r\n              ></div>\r\n\r\n              } @if (!isChipField(col) && !col.iconField && !isImageField(col)){\r\n              <span class=\"text-xs {{ ellipsisText() && 'ellipsis-text' }}\">\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              } @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                  class=\"text-xs\"\r\n                >\r\n                  {{ transformValue(rowData, col) }}</span\r\n                >\r\n              </div>\r\n              }\r\n            </span>\r\n            } @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(rowData, 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(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              <div\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col?.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n                [tooltipPosition]=\"'bottom'\"\r\n              >\r\n                <i\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span\r\n                    class=\"material-symbols-outlined text-lg font-semibold\"\r\n                  >\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </div>\r\n              } @if (isSwitchField(col)) {\r\n\r\n              <span\r\n                [class]=\"\r\n                  returnRowClass(rowData, col) +\r\n                  ' flex flex-row align-items-center justify-content-center'\r\n                \"\r\n                style=\"height: 25px\"\r\n              >\r\n                @if(col.switchDisable){\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col.switchDisable(rowData, col)\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n                } @else {\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                }\r\n              </span>\r\n              }\r\n            </ng-template>\r\n\r\n            @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\r\n            <div class=\"w-full\">\r\n              @if(!isSwitchField(col)) {\r\n              <div\r\n                class=\"w-full flex {{\r\n                  col.centralize && 'justify-content-center'\r\n                }}\"\r\n              >\r\n                <div [style.width]=\"widthRandom()(col, rowIndex) + '%'\">\r\n                  <p-skeleton styleClass=\"w-full\"></p-skeleton>\r\n                </div>\r\n              </div>\r\n\r\n              } @else {\r\n              <div class=\"flex flex-row justify-content-center\">\r\n                <div\r\n                  [style]=\"{\r\n                    height: '16.8px',\r\n                    width: '28.8px',\r\n                    'border-radius': '30px'\r\n                  }\"\r\n                >\r\n                  <p-skeleton styleClass=\"w-full\"></p-skeleton>\r\n                </div>\r\n              </div>\r\n              }\r\n            </div>\r\n            }\r\n          </td>\r\n          } @if (col.template) {\r\n          <td\r\n            class=\"rowTable {{\r\n              col.styleClass\r\n                ? col.styleClass(rowData, col, rowData[col.field])\r\n                : ''\r\n            }} \"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n            @if (getCustomTemplate(col.template.name)) {\r\n\r\n            <div\r\n              class=\"flex flex-row gap-2 align-items-center {{\r\n                col?.centralize && ' justify-content-center'\r\n              }}\"\r\n              [pTooltip]=\"\r\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n              \"\r\n              [tooltipPosition]=\"'bottom'\"\r\n            >\r\n              @if(col.tagColor) {\r\n              <div\r\n                class=\"tag\"\r\n                [pTooltip]=\"col.tooltipTag && col.tooltipTag(rowData, col)\"\r\n                [style.background-color]=\"col.tagColor(rowData, col)\"\r\n              ></div>\r\n              } @if(!isEmptyDataSource()) {\r\n\r\n              <div class=\"w-full\">\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                  [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n                />\r\n              </div>\r\n              }\r\n            </div>\r\n\r\n            @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\r\n            <p-skeleton\r\n              [width]=\"widthRandom()(col, rowIndex) + '%'\"\r\n            ></p-skeleton>\r\n            } }\r\n          </td>\r\n          }\r\n        </ng-container>\r\n        } @if (config.actions && config.actions.length > 0) {\r\n        <td>\r\n          <div class=\"flex flex-row justify-content-end w-full\">\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px; padding: 0.1rem\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\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          </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 text-sm\">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/>\r\n", styles: ["::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar{width:6px}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-datatable>.p-datatable-wrapper:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.tag{width:5px;height:20px;border-radius:.25rem}::ng-deep .p-panel .p-panel-header{border:none!important}:host ::ng-deep .p-datatable-header{background-color:#860000!important;padding:0!important;border-radius:5px!important}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#f1f1f1}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#f1f1f1;padding:.15rem}.icon-more-horiz{font-weight:700}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}.tr-td{overflow-wrap:anywhere}.tr-td:hover{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;background-color:#fff;transition:color .3s,transform .3s;transform:scale(1)}.tr-td:hover.last{box-shadow:-1px -1px 9px -3px #000000bf;-webkit-box-shadow:-1px -1px 9px -3px rgba(0,0,0,.75);-moz-box-shadow:-1px -1px 9px -3px rgba(0,0,0,.75)}.disabled-row{pointer-events:none;opacity:.6;background-color:#dddddd8e}::ng-deep .p-tooltip{pointer-events:auto}.btn-table{background-color:#29b92d;padding:12px}.btn-table:hover{background-color:#249a29}.btn-table:active{background-color:#1c801f}.btn-table:disabled{background-color:#29b92d}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}::ng-deep .p-datatable .p-paginator-bottom{scale:.75}::ng-deep .p-menuitem-text{font-size:.875rem}::ng-deep .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link{padding:.5rem .75rem}::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{padding:.1rem}:host{height:100%}::ng-deep .kv-table-container,::ng-deep p-table{height:100%}::ng-deep p-table .p-datatable{display:flex;flex-direction:column;height:100%}::ng-deep .p-datatable .p-datatable-wrapper{flex:1 1 1}::ng-deep p-table .p-datatable .p-datatable-wrapper,::ng-deep p-table{height:100%}::ng-deep table{height:auto!important}.ellipsis-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}\n"] }]
+            args: [{ selector: 'kv-table', template: "<div class=\"kv-table-container\">\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    [first]=\"first()\"\n    (onLazyLoad)=\"paginate($event)\"\n    (selectionChange)=\"selectionChange($event)\"\n    (onSort)=\"onSort($event)\"\n    (onPage)=\"onPage($event)\"\n    rowGroupMode=\"rowspan\"\n    [groupRowsBy]=\"config.fieldGroup\"\n    [showFirstLastIcon]=\"widthPage() > 960 ? true : false\"\n    [pageLinks]=\"widthPage() > 960 ? 2 : 1\"\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\n        class=\"flex flex-row flex-wrap justify-content-between grid formgrid p-fluid col-12 p-1 m-0\"\n        [style.background-color]=\"'#f1f1f1'\"\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            widthPage() < 768 ? 'col-10' : 'col-12'\n          }}  gap-1 p-0\"\n        >\n          @if (config?.enableFilter) {\n          <span class=\"p-input-icon-left\">\n            <i class=\"pi pi-search text-sm\"></i>\n\n            <input\n              pInputText\n              pAutoFocus\n              [autofocus]=\"widthPage() > 800\"\n              type=\"text\"\n              (input)=\"onGlobalFilter(dt, $event)\"\n              placeholder=\"Pesquisar...\"\n              autocomplete=\"off\"\n              #inputField\n              class=\"text-sm\"\n            />\n          </span>\n          } @if(filterColumnsBtn) {\n          <div #botaoFiltro>\n            <kv-button\n              id=\"botaoFiltro\"\n              [icon]=\"'align_vertical_top'\"\n              (onClick)=\"abrirMenuFiltro($event)\"\n              severity=\"tertiary\"\n              pTooltip=\"Ocultar/Exibir colunas\"\n              size=\"small\"\n            >\n            </kv-button>\n          </div>\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 styleClass=\"p-1\">\n              <div\n                class=\"flex flex-column text-medium w-15rem p-1\"\n                *ngFor=\"let col of columnsFilter()\"\n              >\n                {{ checkMenuFiltro(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                  *ngIf=\"!dinamicDisableColumn(col)\"\n                ></p-checkbox>\n              </div>\n            </p-card>\n          </div>\n          }\n        </div>\n\n        <div class=\"flex flex-row col-2 justify-content-end gap-2 p-0\">\n          @for (action of config.actionsLote; track i; let i = $index) {\n          <div class=\"flex align-items-center justify-content-center\">\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\n            <kv-button\n              (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\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) || false\"\n              [icon]=\"getOrExecute(action.icon, selectedItems)\"\n              [severity]=\"action.severity || 'tertiary'\"\n              size=\"small\"\n            />\n            }\n          </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n    }\n\n    <ng-template pTemplate=\"header\" let-columns>\n      <tr>\n        @if (config.enableSelect) {\n        <th>\n          <p-tableHeaderCheckbox\n            (click)=\"activeItemLote(selectedItems)\"\n            [disabled]=\"disabledHeaderCheckbox\"\n          ></p-tableHeaderCheckbox>\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        >\n          <div\n            class=\"flex flex-row align-items-center {{\n              col?.centralize && 'justify-content-center'\n            }}\"\n          >\n            <span class=\"text-xs font-medium\">{{ col.header }}</span>\n            @if (col.sortable) {\n            <p-sortIcon [field]=\"col.field\" class=\"pb-1\"></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    </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]=\"{\n          capitalize: tableCaptalized,\n          last: rowIndex === dataSource.length - 1\n        }\"\n        class=\"tr-td {{ isDisabledRow(rowData) ? 'disabled-row' : '' }}\"\n      >\n        @if (config.enableSelect) {\n        <td style=\"width: 8px !important\">\n          <p-tableCheckbox\n            [value]=\"rowData\"\n            [disabled]=\"isDisabledCheckbox(rowData)\"\n            (click)=\"activeItemLote(selectedItems)\"\n          ></p-tableCheckbox>\n        </td>\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            [pTooltip]=\"returnTooltipRow(rowData, col)\"\n            class=\"{{\n              col.styleClass\n                ? col.styleClass(rowData, col, rowData[col.field])\n                : ''\n            }}\"\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              !isEmptyDataSource()) {\n              <span\n                class=\"flex flex-row gap-2 align-items-center {{\n                  col?.centralize && 'justify-content-center'\n                }} text-xs\"\n                [pTooltip]=\"\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\n                \"\n                [tooltipPosition]=\"'bottom'\"\n              >\n                @if(col.tagColor) {\n                <div\n                  class=\"tag\"\n                  [pTooltip]=\"\n                    col.tooltipTag &&\n                    col.tooltipTag(rowData, col, rowData[col.field])\n                  \"\n                  [style.background-color]=\"\n                    col.tagColor(rowData, col, rowData[col.field])\n                  \"\n                ></div>\n\n                } @if (col.icon) {\n                <i [class]=\"col.icon + ' mr-2'\"></i>\n                }\n                {{ transformValue(rowData, col) }}\n              </span>\n              } @if (isChipField(col) && !col.iconField) {\n              <div>\n                <span\n                  [class]=\"returnClassChip(rowData, col)\"\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n                  class=\"text-xs\"\n                  >{{ transformValue(rowData, col) }}</span\n                >\n              </div>\n              } @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\n              <div class=\"w-full\">\n                @if(!isSwitchField(col)) {\n\n                <div\n                  class=\"w-full flex {{\n                    col.centralize && 'justify-content-center'\n                  }}\"\n                >\n                  <div [style.width]=\"widthRandom()(col, rowIndex) + '%'\">\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\n                  </div>\n                </div>\n\n                } @else {\n                <div class=\"flex flex-row justify-content-center\">\n                  <div\n                    [style]=\"{\n                      height: '16.8px',\n                      width: '28.8px',\n                      'border-radius': '30px'\n                    }\"\n                  >\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\n                  </div>\n                </div>\n                }\n              </div>\n              }\n            </span>\n\n            @if (isImageField(col)) {\n            <span>\n              <span>\n                <img class=\"image\" [src]=\"loadImage(rowData, 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(rowData, col)\"\n            >\n              {{ returnClassIcon(rowData, col) }}\n            </i>\n            }\n\n            <ng-template #booleanField>\n              @if (!col.iconField && !isSwitchField(col)) {\n              <div\n                class=\"flex flex-row gap-2 align-items-center {{\n                  col?.centralize && 'justify-content-center'\n                }}\"\n                [pTooltip]=\"\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\n                \"\n                [tooltipPosition]=\"'bottom'\"\n              >\n                <i\n                  [ngClass]=\"\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\n                  \"\n                  ><span\n                    class=\"material-symbols-outlined text-lg font-semibold\"\n                  >\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\n                  </span>\n                </i>\n              </div>\n\n              } @if (isSwitchField(col)) {\n              <span\n                [class]=\"\n                  returnRowClass(rowData, col) +\n                  ' flex flex-row align-items-center justify-content-center'\n                \"\n                style=\"height: 25px\"\n              >\n                @if(col.switchDisable){\n                <kv-switch\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col.switchDisable(rowData, col)\"\n                  [switchValue]=\"transformValue(rowData, col)\"\n                >\n                </kv-switch>\n                } @else {\n                <kv-switch\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col?.onlyReadField ?? true\"\n                  [switchValue]=\"transformValue(rowData, col)\"\n                >\n                </kv-switch>\n                }\n              </span>\n              } @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\n              <div class=\"w-full\">\n                @if(!isSwitchField(col)) {\n                <div\n                  class=\"w-full flex {{\n                    col.centralize && 'justify-content-center'\n                  }}\"\n                >\n                  <div [style.width]=\"widthRandom()(col, rowIndex) + '%'\">\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\n                  </div>\n                </div>\n\n                } @else {\n                <div class=\"flex flex-row justify-content-center\">\n                  <div\n                    [style]=\"{\n                      height: '16.8px',\n                      width: '28.8px',\n                      'border-radius': '30px'\n                    }\"\n                  >\n                    <p-skeleton styleClass=\"w-full\"></p-skeleton>\n                  </div>\n                </div>\n                }\n              </div>\n              }\n            </ng-template>\n          </td>\n          } @if (!rowgroup && !col.grouped && !col.template) {\n          <td\n            #tableCell\n            class=\"rowTable {{\n              col.styleClass\n                ? col.styleClass(rowData, col, rowData[col.field])\n                : ''\n            }} \"\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\n          >\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n\n            @if(!isEmptyDataSource()) {\n\n            <span\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\n              [class]=\"\n                returnRowClass(rowData, col) +\n                ' flex flex-row gap-2 align-items-center ' +\n                (col?.centralize && 'justify-content-center')\n              \"\n              [pTooltip]=\"\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\n              \"\n              [tooltipPosition]=\"'bottom'\"\n              [style.max-width]=\"ellipsisText() && returnMaxWidth()(col.width)\"\n            >\n              @if(col.tagColor) {\n              <div\n                class=\"tag\"\n                [pTooltip]=\"\n                  col.tooltipTag &&\n                  col.tooltipTag(rowData, col, rowData[col.field])\n                \"\n                [style.background-color]=\"\n                  col.tagColor(rowData, col, rowData[col.field])\n                \"\n              ></div>\n\n              } @if (!isChipField(col) && !col.iconField && !isImageField(col)){\n              <span class=\"text-xs {{ ellipsisText() && 'ellipsis-text' }}\">\n                @if (col.icon) {\n                <i [class]=\"col.icon + ' mr-2'\"></i>\n                }\n                {{ transformValue(rowData, col) }}\n              </span>\n              } @if (isChipField(col) && !col.iconField) {\n              <div>\n                <span\n                  [class]=\"returnClassChip(rowData, col)\"\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n                  class=\"text-xs\"\n                >\n                  {{ transformValue(rowData, col) }}</span\n                >\n              </div>\n              }\n            </span>\n            } @if (isImageField(col)) {\n            <span>\n              <span>\n                <img class=\"image\" [src]=\"loadImage(rowData, 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(rowData, col)\"\n            >\n              {{ returnClassIcon(rowData, col) }}\n            </i>\n            }\n\n            <ng-template #booleanField>\n              @if (!col.iconField && !isSwitchField(col)) {\n              <div\n                class=\"flex flex-row gap-2 align-items-center {{\n                  col?.centralize && 'justify-content-center'\n                }}\"\n                [pTooltip]=\"\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\n                \"\n                [tooltipPosition]=\"'bottom'\"\n              >\n                <i\n                  [ngClass]=\"\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\n                  \"\n                  ><span\n                    class=\"material-symbols-outlined text-lg font-semibold\"\n                  >\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\n                  </span>\n                </i>\n              </div>\n              } @if (isSwitchField(col)) {\n\n              <span\n                [class]=\"\n                  returnRowClass(rowData, col) +\n                  ' flex flex-row align-items-center justify-content-center'\n                \"\n                style=\"height: 25px\"\n              >\n                @if(col.switchDisable){\n                <kv-switch\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col.switchDisable(rowData, col)\"\n                  [switchValue]=\"transformValue(rowData, col)\"\n                >\n                </kv-switch>\n                } @else {\n                <kv-switch\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\n                  [disabled]=\"col?.onlyReadField ?? true\"\n                  [switchValue]=\"transformValue(rowData, col)\"\n                >\n                </kv-switch>\n                }\n              </span>\n              }\n            </ng-template>\n\n            @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\n            <div class=\"w-full\">\n              @if(!isSwitchField(col)) {\n              <div\n                class=\"w-full flex {{\n                  col.centralize && 'justify-content-center'\n                }}\"\n              >\n                <div [style.width]=\"widthRandom()(col, rowIndex) + '%'\">\n                  <p-skeleton styleClass=\"w-full\"></p-skeleton>\n                </div>\n              </div>\n\n              } @else {\n              <div class=\"flex flex-row justify-content-center\">\n                <div\n                  [style]=\"{\n                    height: '16.8px',\n                    width: '28.8px',\n                    'border-radius': '30px'\n                  }\"\n                >\n                  <p-skeleton styleClass=\"w-full\"></p-skeleton>\n                </div>\n              </div>\n              }\n            </div>\n            }\n          </td>\n          } @if (col.template) {\n          <td\n            class=\"rowTable {{\n              col.styleClass\n                ? col.styleClass(rowData, col, rowData[col.field])\n                : ''\n            }} \"\n          >\n            <span class=\"p-column-title\">{{ col.header }}:</span>\n            @if (getCustomTemplate(col.template.name)) {\n\n            <div\n              class=\"flex flex-row gap-2 align-items-center {{\n                col?.centralize && ' justify-content-center'\n              }}\"\n              [pTooltip]=\"\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\n              \"\n              [tooltipPosition]=\"'bottom'\"\n            >\n              @if(col.tagColor) {\n              <div\n                class=\"tag\"\n                [pTooltip]=\"col.tooltipTag && col.tooltipTag(rowData, col)\"\n                [style.background-color]=\"col.tagColor(rowData, col)\"\n              ></div>\n              } @if(!isEmptyDataSource()) {\n\n              <div class=\"w-full\">\n                <ng-container\n                  [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\n                  [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\n                />\n              </div>\n              }\n            </div>\n\n            @if(isEmptyDataSource() && this.isLoadingSkeleton()) {\n            <p-skeleton\n              [width]=\"widthRandom()(col, rowIndex) + '%'\"\n            ></p-skeleton>\n            } }\n          </td>\n          }\n        </ng-container>\n        } @if (config.actions && config.actions.length > 0) {\n        <td>\n          <div class=\"flex flex-row justify-content-end w-full\">\n            <span\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n              style=\"font-size: 20px; padding: 0.1rem\"\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\n            >\n              more_horiz\n            </span>\n\n            <p-tieredMenu\n              #menu\n              [popup]=\"true\"\n              [model]=\"tableActions[rowIndex - actionsOffset]\"\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 text-sm\">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/>\n", styles: ["::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar{width:6px}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-datatable>.p-datatable-wrapper:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.tag{width:5px;height:20px;border-radius:.25rem}::ng-deep .p-panel .p-panel-header{border:none!important}:host ::ng-deep .p-datatable-header{background-color:#860000!important;padding:0!important;border-radius:5px!important}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#f1f1f1}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#f1f1f1;padding:.15rem}.icon-more-horiz{font-weight:700}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}.tr-td{overflow-wrap:anywhere}.tr-td:hover{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;background-color:#fff;transition:color .3s,transform .3s;transform:scale(1)}.tr-td:hover.last{box-shadow:-1px -1px 9px -3px #000000bf;-webkit-box-shadow:-1px -1px 9px -3px rgba(0,0,0,.75);-moz-box-shadow:-1px -1px 9px -3px rgba(0,0,0,.75)}.disabled-row{pointer-events:none;opacity:.6;background-color:#dddddd8e}::ng-deep .p-tooltip{pointer-events:auto}.btn-table{background-color:#29b92d;padding:12px}.btn-table:hover{background-color:#249a29}.btn-table:active{background-color:#1c801f}.btn-table:disabled{background-color:#29b92d}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}::ng-deep .p-datatable .p-paginator-bottom{scale:.75}::ng-deep .p-menuitem-text{font-size:.875rem}::ng-deep .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link{padding:.5rem .75rem}::ng-deep .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td{padding:.1rem}:host{height:100%}::ng-deep .kv-table-container,::ng-deep p-table{height:100%}::ng-deep p-table .p-datatable{display:flex;flex-direction:column;height:100%}::ng-deep .p-datatable .p-datatable-wrapper{flex:1 1 1}::ng-deep p-table .p-datatable .p-datatable-wrapper,::ng-deep p-table{height:100%}::ng-deep table{height:auto!important}.ellipsis-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}\n"] }]
         }], ctorParameters: () => [{ type: i1.DatePipe }, { type: i1.DecimalPipe }, { type: CpfCnpjPipe }, { type: TelefonePipe }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { templates: [{
                 type: ContentChildren,
                 args: [TemplateDirective]
@@ -2244,11 +2262,11 @@ class KvTreetableComponent {
             this.inputBusca.nativeElement.value = '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTreetableComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTreetableComponent, selector: "kv-tree-table", inputs: { disableRowNodeSticky: { classPropertyName: "disableRowNodeSticky", publicName: "disableRowNodeSticky", isSignal: false, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: false, isRequired: false, transformFunction: null }, gridLines: { classPropertyName: "gridLines", publicName: "gridLines", isSignal: false, isRequired: false, transformFunction: null }, tableCaptalized: { classPropertyName: "tableCaptalized", publicName: "tableCaptalized", isSignal: false, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: false, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: false, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: false, isRequired: false, transformFunction: null }, treeTableDraggable: { classPropertyName: "treeTableDraggable", publicName: "treeTableDraggable", isSignal: false, isRequired: false, transformFunction: null }, transferArrayItem: { classPropertyName: "transferArrayItem", publicName: "transferArrayItem", isSignal: false, isRequired: false, transformFunction: null }, ordenacao: { classPropertyName: "ordenacao", publicName: "ordenacao", isSignal: false, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: false, isRequired: false, transformFunction: null }, textoEmptyMessage: { classPropertyName: "textoEmptyMessage", publicName: "textoEmptyMessage", isSignal: false, isRequired: false, transformFunction: null }, childrenRecoil: { classPropertyName: "childrenRecoil", publicName: "childrenRecoil", isSignal: false, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: false, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: false, isRequired: false, transformFunction: null }, pageLinksOptions: { classPropertyName: "pageLinksOptions", publicName: "pageLinksOptions", isSignal: false, isRequired: false, transformFunction: null }, pageLinks: { classPropertyName: "pageLinks", publicName: "pageLinks", isSignal: false, isRequired: false, transformFunction: null }, showFirstLastIcon: { classPropertyName: "showFirstLastIcon", publicName: "showFirstLastIcon", isSignal: false, isRequired: false, transformFunction: null }, selectionKeys: { classPropertyName: "selectionKeys", publicName: "selectionKeys", isSignal: true, isRequired: false, transformFunction: null }, _templates: { classPropertyName: "_templates", publicName: "templates", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onFilter: "onFilter", onPaginate: "onPaginate", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", doubleClickEvent: "doubleClickEvent", onNodeSelect: "onNodeSelect", onNodeUnselect: "onNodeUnselect", onDropItem: "onDropItem", selectionKeys: "selectionKeysChange" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "pTreeTable", first: true, predicate: TreeTable, descendants: true }, { propertyName: "inputBusca", first: true, predicate: ["inputBusca"], descendants: true }], ngImport: i0, template: "<div>\r\n  <p-treeTable\r\n    #tt\r\n    cdkDropList\r\n    class=\"example-list\"\r\n    (cdkDropListDropped)=\"drop($event)\"\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    [totalRecords]=\"totalRecords\"\r\n    [rowsPerPageOptions]=\"[5, 10, 15, 25, 50]\"\r\n    [showFirstLastIcon]=\"tamanhoTela > 960 ? true : false\"\r\n    [pageLinks]=\"tamanhoTela > 960 ? 2 : 1\"\r\n    [styleClass]=\"gridLines ? 'p-treetable-gridlines' : ''\"\r\n    [(selection)]=\"selectedItems\"\r\n    [selectionKeys]=\"selectionKeys()\"\r\n    (selectionKeysChange)=\"selectionKeys.set($event)\"\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    [scrollHeight]=\"scrollHeight\"\r\n  >\r\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableCation\">\r\n      <div\r\n        class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12 m-0 p-1\"\r\n        style=\"background-color: #eaeaea\"\r\n      >\r\n        <div class=\"col-12 flex flex-column\">\r\n          <div *ngIf=\"config.title\" class=\"text-md font-bold my-3\">\r\n            {{ config.title }}\r\n          </div>\r\n          <div *ngIf=\"config.subtitle\" class=\"text-sm mb-4 font-medium\">\r\n            {{ config.subtitle }}\r\n          </div>\r\n        </div>\r\n\r\n        <div\r\n          class=\"flex flex-row align-items-center col-10 p-0 md:col-6 lg:col-4 justify-content-center {{\r\n            tamanhoTela < 768 ? '' : 'input-search'\r\n          }}\"\r\n        >\r\n          <span *ngIf=\"config.enableFilter\" 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(tt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"h-2rem\"\r\n              #inputBusca\r\n            />\r\n          </span>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end p-0\">\r\n          <div class=\"flex flex-row gap-2 btns-options\">\r\n            @for (action of config.actionsLote; track $index) {\r\n            @if((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            exibirCampo(action, this.action)) {\r\n            <kv-button\r\n              (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [size]=\"'small'\"\r\n              [disabled]=\"getOrExecute(action.disabled, selectedItems) || false\"\r\n              [icon]=\"getOrExecute(action.icon, selectedItems)\"\r\n              [severity]=\"action.severity || 'tertiary'\"\r\n            />\r\n            } }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    @if(showHeader){\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          [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\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                />\r\n              </div>\r\n\r\n              <div class=\"flex flex-row align-items-center  {{ align(col) }}\">\r\n                <span class=\"text-xs\">{{ col.header }}</span>\r\n\r\n                @if(col.sortable) {\r\n                <p-treeTableSortIcon [field]=\"col.field\" class=\"pb-1\" />\r\n\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                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </th>\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 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          [style.width]=\"col.width\"\r\n        >\r\n          <div class=\"flex flex-row align-items-center {{ align(col) }}\">\r\n            <span class=\"text-xs\">{{ col.header }}</span>\r\n\r\n            @if(col.sortable) {\r\n            <p-treeTableSortIcon [field]=\"col.field\" class=\"pb-1\" />\r\n            }\r\n          </div>\r\n        </th>\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\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      @if(treeTableDraggable) {\r\n      <tr\r\n        cdkDrag\r\n        cdkDragLockAxis=\"y\"\r\n        [cdkDragData]=\"rowNode\"\r\n        [ttRow]=\"rowNode\"\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\r\n      >\r\n        @for(col of columns; track $index){\r\n        <td\r\n          class=\"draggable-cell\"\r\n          [style.position]=\"\r\n            !disableRowNodeSticky && rowNode.level !== 0 ? 'sticky' : null\r\n          \"\r\n        >\r\n          <!-- [style.left.px]=\"\r\n               childrenRecoil && rowNode.level !== 0 ? rowNode.level * 30 : null\r\n               \" -->\r\n\r\n          <div class=\"flex flex-row  {{ align(col) }}\">\r\n            <div\r\n              class=\"w-full-h-full flex align-items-center\"\r\n              *ngIf=\"$index == 0\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined drag-icon\"\r\n                style=\"\r\n                  cursor: grab;\r\n                  font-size: 25px;\r\n                  color: #6b7280;\r\n                  opacity: 0.9;\r\n                \"\r\n                cdkDragHandle\r\n              >\r\n                drag_indicator\r\n              </span>\r\n              <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\r\n\r\n              @if(config.enableSelect) {\r\n              <p-treeTableCheckbox\r\n                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                (click)=\"activeItemLote(selectedItems)\"\r\n                [value]=\"rowNode\"\r\n                [ngStyle]=\"{\r\n                  display: isSelectEnabled(rowData, rowNode) ? 'block' : 'none',\r\n                  'margin-left': config.visibleCheckboxFunction\r\n                    ? '-34px'\r\n                    : '0px'\r\n                }\"\r\n              />\r\n              }\r\n            </div>\r\n\r\n            <div class=\"flex flex-row align-items-center w-full\">\r\n              @if (col.template && validateShowTemplate(rowNode, col)) {\r\n              <span class=\"w-full\">\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              } @else {\r\n              <div\r\n                class=\"flex flex-row align-items-center {{(col.boolean || col.centralize) && 'justify-content-center'}} gap-2 w-full\"\r\n              >\r\n                @if(col.tagColor) {\r\n                <div\r\n                  class=\"tag\"\r\n                  [pTooltip]=\"\r\n                    col.tooltipTag &&\r\n                    col.tooltipTag(rowData, col, rowData[col.field])\r\n                  \"\r\n                  [style.background-color]=\"\r\n                    col.tagColor(rowData, col, rowData[col.field])\r\n                  \"\r\n                ></div>\r\n\r\n                }\r\n\r\n                <i\r\n                  *ngIf=\"col.boolean\"\r\n                  class=\"pi {{\r\n                    rowData[col.field] ? 'pi-check text-green-300' : ''\r\n                  }}\"\r\n                  style=\"font-size: 1rem; font-weight: 700;\"\r\n                ></i>\r\n\r\n                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\r\n                  <span class=\"m-0 text-xs\">{{ rowData[col.field] }}</span>\r\n\r\n                  <p *ngIf=\"col.subtitle\" class=\"m-0 text-xs font-semibold\">\r\n                    {{ rowData[col.subtitle] }}\r\n                  </p>\r\n                </div>\r\n              </div>\r\n              }\r\n            </div>\r\n          </div>\r\n        </td>\r\n        }\r\n\r\n        <td\r\n          style=\"border-left: none; text-align: center\"\r\n          *ngIf=\"(config.actions?.length ?? 0 > 0) || config.actionsPai\"\r\n          [style.borderRight]=\"rowNode.level === 0 ? 'none' : ''\"\r\n          [style.borderLeft]=\"rowNode.level === 0 ? 'none' : ''\"\r\n        >\r\n          <div\r\n            *ngIf=\"\r\n              (config.actions?.length ?? 0 > 0) &&\r\n              validateActionPosition(rowNode)\r\n            \"\r\n            class=\"flex align-items-center justify-content-center\"\r\n          >\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px; padding: 0.1rem\"\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          </div>\r\n\r\n          @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\r\n          <div class=\"flex justify-content-end align-items-center\">\r\n            @for (actionPai of config.actionsPai; track $index) {\r\n            @if(getOrExecute(actionPai.visible, rowData) ?? true) {\r\n            <kv-button\r\n              (onClick)=\"activeItem(rowData); actionPai.command($event)\"\r\n              [type]=\"'text'\"\r\n              [icon]=\"actionPai.icon\"\r\n              [severity]=\"actionPai.severity || 'tertiary'\"\r\n            />\r\n\r\n            } }\r\n          </div>\r\n          }\r\n        </td>\r\n      </tr>\r\n      } @else {\r\n      <tr\r\n        [ttRow]=\"rowNode\"\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\r\n      >\r\n        @for(col of columns; track $index){\r\n        <td\r\n          [style.position]=\"rowNode.level !== 0 ? 'sticky' : null\"\r\n          [style.left.px]=\"\r\n            childrenRecoil && rowNode.level !== 0 ? rowNode.level * 30 : null\r\n          \"\r\n          [style.borderRight]=\"rowNode.level === 0 ? 'none' : ''\"\r\n          [style.borderLeft]=\"\r\n            rowNode.level === 0 && col.field != config.columns[0].field\r\n              ? 'none'\r\n              : ''\r\n          \"\r\n        >\r\n          <div class=\"flex flex-row {{ align(col) }}\">\r\n            <div\r\n              class=\"w-full-h-full flex align-items-center\"\r\n              *ngIf=\"$index == 0\"\r\n            >\r\n              <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\r\n\r\n              @if(config.enableSelect) {\r\n              <p-treeTableCheckbox\r\n                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                (click)=\"activeItemLote(selectedItems)\"\r\n                [value]=\"rowNode\"\r\n                [ngStyle]=\"{\r\n                  display: isSelectEnabled(rowData, rowNode) ? 'block' : 'none',\r\n                  'margin-left': config.visibleCheckboxFunction\r\n                    ? '-34px'\r\n                    : '0px'\r\n                }\"\r\n              />\r\n              }\r\n            </div>\r\n            <div class=\"flex flex-row align-items-center w-full\">\r\n              @if (col.template && validateShowTemplate(rowNode, col)) {\r\n              <span class=\"w-full\">\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              } @else {\r\n              <div\r\n                class=\"flex flex-row align-items-center {{(col.boolean || col.centralize) && 'justify-content-center'}} gap-2 w-full\"\r\n              >\r\n                @if(col.tagColor) {\r\n                <div\r\n                  class=\"tag\"\r\n                  [pTooltip]=\"\r\n                    col.tooltipTag &&\r\n                    col.tooltipTag(rowData, col, rowData[col.field])\r\n                  \"\r\n                  [style.background-color]=\"\r\n                    col.tagColor(rowData, col, rowData[col.field])\r\n                  \"\r\n                ></div>\r\n\r\n                }\r\n                <i\r\n                  *ngIf=\"col.boolean\"\r\n                  class=\"pi {{\r\n                    rowData[col.field] ? 'pi-check text-green-300' : ''\r\n                  }}\"\r\n                  style=\"font-size: 1rem; font-weight: 700;\"\r\n                ></i>\r\n\r\n                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\r\n                  <span class=\"m-0 text-xs\">{{ rowData[col.field] }}</span>\r\n\r\n                  <p *ngIf=\"col.subtitle\" class=\"m-0 text-xs font-semibold\">\r\n                    {{ rowData[col.subtitle] }}\r\n                  </p>\r\n                </div>\r\n              </div>\r\n              }\r\n            </div>\r\n          </div>\r\n        </td>\r\n        }\r\n\r\n        <td\r\n          style=\"border-left: none; text-align: center\"\r\n          *ngIf=\"(config.actions?.length ?? 0 > 0) || config.actionsPai\"\r\n        >\r\n          <div\r\n            *ngIf=\"\r\n              (config.actions?.length ?? 0 > 0) &&\r\n              validateActionPosition(rowNode)\r\n            \"\r\n          >\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px; padding: 0.1rem\"\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          </div>\r\n\r\n          @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\r\n          <div class=\"flex justify-content-end\">\r\n            @for (actionPai of config.actionsPai; track $index) { @if\r\n            (getOrExecute(actionPai.visible, rowData) ?? true) {\r\n            <kv-button\r\n              (onClick)=\"activeItem(rowData); actionPai.command($event)\"\r\n              [type]=\"'text'\"\r\n              [icon]=\"actionPai.icon\"\r\n              [severity]=\"actionPai.severity || 'tertiary'\"\r\n            />\r\n            } }\r\n          </div>\r\n          }\r\n        </td>\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n    <ng-template pTemplate=\"emptymessage\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"config.columns.length + 1\"\r\n          style=\"text-align: center\"\r\n          class=\"text-sm\"\r\n        >\r\n          {{ textoEmptyMessage }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-treeTable>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";::ng-deep .p-treetable .p-treetable-tbody>tr>td{padding:.2rem}::ng-deep .p-treetable .p-treetable-header{padding:0rem}span{font-size:14px}:host ::ng-deep .p-treetable table{table-layout:auto!important}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem}::ng-deep .p-checkbox{display:flex;align-items:center}::ng-deep .p-treetable .p-paginator{scale:.75}.icon-more-horiz{font-weight:700}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}::ng-deep .p-treetable .p-treetable-thead>tr>th{background-color:#eaeaea;padding:.3rem}:host ::ng-deep .treetabledraggable .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler{width:1rem;height:1rem}.tag{width:5px;height:20px;border-radius:.25rem}:host ::ng-deep .draggable-cell .drag-icon{visibility:hidden}:host ::ng-deep .draggable-cell:hover .drag-icon{visibility:visible}.cdk-drag-preview{display:flex;align-items:center;justify-content:space-between;border-radius:10px!important}.cdk-drop-list-dragging{cursor:grabbing}:host ::ng-deep .cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep .cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5$2.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i5$3.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: i7.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: i7.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: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i8$2.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: i8$2.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i8$2.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "component", type: i8$2.TTSortIcon, selector: "p-treeTableSortIcon", inputs: ["field", "ariaLabelDesc", "ariaLabelAsc"] }, { kind: "directive", type: i8$2.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i8$2.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i8$2.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTreetableComponent, selector: "kv-tree-table", inputs: { disableRowNodeSticky: { classPropertyName: "disableRowNodeSticky", publicName: "disableRowNodeSticky", isSignal: false, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: false, isRequired: false, transformFunction: null }, gridLines: { classPropertyName: "gridLines", publicName: "gridLines", isSignal: false, isRequired: false, transformFunction: null }, tableCaptalized: { classPropertyName: "tableCaptalized", publicName: "tableCaptalized", isSignal: false, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: false, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: false, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: false, isRequired: false, transformFunction: null }, treeTableDraggable: { classPropertyName: "treeTableDraggable", publicName: "treeTableDraggable", isSignal: false, isRequired: false, transformFunction: null }, transferArrayItem: { classPropertyName: "transferArrayItem", publicName: "transferArrayItem", isSignal: false, isRequired: false, transformFunction: null }, ordenacao: { classPropertyName: "ordenacao", publicName: "ordenacao", isSignal: false, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: false, isRequired: false, transformFunction: null }, textoEmptyMessage: { classPropertyName: "textoEmptyMessage", publicName: "textoEmptyMessage", isSignal: false, isRequired: false, transformFunction: null }, childrenRecoil: { classPropertyName: "childrenRecoil", publicName: "childrenRecoil", isSignal: false, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: false, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: false, isRequired: false, transformFunction: null }, pageLinksOptions: { classPropertyName: "pageLinksOptions", publicName: "pageLinksOptions", isSignal: false, isRequired: false, transformFunction: null }, pageLinks: { classPropertyName: "pageLinks", publicName: "pageLinks", isSignal: false, isRequired: false, transformFunction: null }, showFirstLastIcon: { classPropertyName: "showFirstLastIcon", publicName: "showFirstLastIcon", isSignal: false, isRequired: false, transformFunction: null }, selectionKeys: { classPropertyName: "selectionKeys", publicName: "selectionKeys", isSignal: true, isRequired: false, transformFunction: null }, _templates: { classPropertyName: "_templates", publicName: "templates", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onFilter: "onFilter", onPaginate: "onPaginate", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", doubleClickEvent: "doubleClickEvent", onNodeSelect: "onNodeSelect", onNodeUnselect: "onNodeUnselect", onDropItem: "onDropItem", selectionKeys: "selectionKeysChange" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "pTreeTable", first: true, predicate: TreeTable, descendants: true }, { propertyName: "inputBusca", first: true, predicate: ["inputBusca"], descendants: true }], ngImport: i0, template: "<div>\n  <p-treeTable\n    #tt\n    cdkDropList\n    class=\"example-list\"\n    (cdkDropListDropped)=\"drop($event)\"\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    [totalRecords]=\"totalRecords\"\n    [rowsPerPageOptions]=\"[5, 10, 15, 25, 50]\"\n    [showFirstLastIcon]=\"tamanhoTela > 960 ? true : false\"\n    [pageLinks]=\"tamanhoTela > 960 ? 2 : 1\"\n    [styleClass]=\"gridLines ? 'p-treetable-gridlines' : ''\"\n    [(selection)]=\"selectedItems\"\n    [selectionKeys]=\"selectionKeys()\"\n    (selectionKeysChange)=\"selectionKeys.set($event)\"\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    [scrollHeight]=\"scrollHeight\"\n  >\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableCation\">\n      <div\n        class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12 m-0 p-1\"\n        style=\"background-color: #eaeaea\"\n      >\n        <div class=\"col-12 flex flex-column\">\n          <div *ngIf=\"config.title\" class=\"text-md font-bold my-3\">\n            {{ config.title }}\n          </div>\n          <div *ngIf=\"config.subtitle\" class=\"text-sm mb-4 font-medium\">\n            {{ config.subtitle }}\n          </div>\n        </div>\n\n        <div\n          class=\"flex flex-row align-items-center col-10 p-0 md:col-6 lg:col-4 justify-content-center {{\n            tamanhoTela < 768 ? '' : 'input-search'\n          }}\"\n        >\n          <span *ngIf=\"config.enableFilter\" 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(tt, $event)\"\n              placeholder=\"Pesquisar...\"\n              class=\"h-2rem\"\n              #inputBusca\n            />\n          </span>\n        </div>\n\n        <div class=\"flex flex-row col-1 justify-content-end p-0\">\n          <div class=\"flex flex-row gap-2 btns-options\">\n            @for (action of config.actionsLote; track $index) {\n            @if((selectedItems.length > 0 || action.showAcoesLote) &&\n            exibirCampo(action, this.action)) {\n            <kv-button\n              (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\n              [tooltipPosition]=\"'bottom'\"\n              [size]=\"'small'\"\n              [disabled]=\"getOrExecute(action.disabled, selectedItems) || false\"\n              [icon]=\"getOrExecute(action.icon, selectedItems)\"\n              [severity]=\"action.severity || 'tertiary'\"\n            />\n            } }\n          </div>\n        </div>\n      </div>\n    </ng-template>\n\n    @if(showHeader){\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          [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\n                  (click)=\"activeItemLote(selectedItems)\"\n                />\n              </div>\n\n              <div class=\"flex flex-row align-items-center  {{ align(col) }}\">\n                <span class=\"text-xs\">{{ col.header }}</span>\n\n                @if(col.sortable) {\n                <p-treeTableSortIcon [field]=\"col.field\" class=\"pb-1\" />\n\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                >\n              </div>\n            </div>\n          </div>\n        </th>\n        @if (config.actions?.length ?? 0 > 0) {\n        <th [style.width]=\"5\"></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          [ttSortableColumn]=\"col.field\"\n          [ttSortableColumnDisabled]=\"col.sortable === false\"\n          [style.width]=\"col.width\"\n        >\n          <div class=\"flex flex-row align-items-center {{ align(col) }}\">\n            <span class=\"text-xs\">{{ col.header }}</span>\n\n            @if(col.sortable) {\n            <p-treeTableSortIcon [field]=\"col.field\" class=\"pb-1\" />\n            }\n          </div>\n        </th>\n        } @if (config.actions?.length ?? 0 > 0) {\n        <th [style.width]=\"5\"></th>\n        }\n      </tr>\n    </ng-template>\n    }\n\n    <ng-template\n      pTemplate=\"body\"\n      let-rowNode\n      let-rowData=\"rowData\"\n      let-columns=\"columns\"\n    >\n      @if(treeTableDraggable) {\n      <tr\n        cdkDrag\n        cdkDragLockAxis=\"y\"\n        [cdkDragData]=\"rowNode\"\n        [ttRow]=\"rowNode\"\n        (dblclick)=\"doubleClick($event, rowData)\"\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\n      >\n        @for(col of columns; track $index){\n        <td\n          class=\"draggable-cell\"\n          [style.position]=\"\n            !disableRowNodeSticky && rowNode.level !== 0 ? 'sticky' : null\n          \"\n        >\n          <!-- [style.left.px]=\"\n               childrenRecoil && rowNode.level !== 0 ? rowNode.level * 30 : null\n               \" -->\n\n          <div class=\"flex flex-row  {{ align(col) }}\">\n            <div\n              class=\"w-full-h-full flex align-items-center\"\n              *ngIf=\"$index == 0\"\n            >\n              <span\n                class=\"material-symbols-outlined drag-icon\"\n                style=\"\n                  cursor: grab;\n                  font-size: 25px;\n                  color: #6b7280;\n                  opacity: 0.9;\n                \"\n                cdkDragHandle\n              >\n                drag_indicator\n              </span>\n              <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\n\n              @if(config.enableSelect) {\n              <p-treeTableCheckbox\n                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\n                (click)=\"activeItemLote(selectedItems)\"\n                [value]=\"rowNode\"\n                [ngStyle]=\"{\n                  display: isSelectEnabled(rowData, rowNode) ? 'block' : 'none',\n                  'margin-left': config.visibleCheckboxFunction\n                    ? '-34px'\n                    : '0px'\n                }\"\n              />\n              }\n            </div>\n\n            <div class=\"flex flex-row align-items-center w-full\">\n              @if (col.template && validateShowTemplate(rowNode, col)) {\n              <span class=\"w-full\">\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              } @else {\n              <div\n                class=\"flex flex-row align-items-center {{(col.boolean || col.centralize) && 'justify-content-center'}} gap-2 w-full\"\n              >\n                @if(col.tagColor) {\n                <div\n                  class=\"tag\"\n                  [pTooltip]=\"\n                    col.tooltipTag &&\n                    col.tooltipTag(rowData, col, rowData[col.field])\n                  \"\n                  [style.background-color]=\"\n                    col.tagColor(rowData, col, rowData[col.field])\n                  \"\n                ></div>\n\n                }\n\n                <i\n                  *ngIf=\"col.boolean\"\n                  class=\"pi {{\n                    rowData[col.field] ? 'pi-check text-green-300' : ''\n                  }}\"\n                  style=\"font-size: 1rem; font-weight: 700;\"\n                ></i>\n\n                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\n                  <span class=\"m-0 text-xs\">{{ rowData[col.field] }}</span>\n\n                  <p *ngIf=\"col.subtitle\" class=\"m-0 text-xs font-semibold\">\n                    {{ rowData[col.subtitle] }}\n                  </p>\n                </div>\n              </div>\n              }\n            </div>\n          </div>\n        </td>\n        }\n\n        <td\n          style=\"border-left: none; text-align: center\"\n          *ngIf=\"(config.actions?.length ?? 0 > 0) || config.actionsPai\"\n          [style.borderRight]=\"rowNode.level === 0 ? 'none' : ''\"\n          [style.borderLeft]=\"rowNode.level === 0 ? 'none' : ''\"\n        >\n          <div\n            *ngIf=\"\n              (config.actions?.length ?? 0 > 0) &&\n              validateActionPosition(rowNode)\n            \"\n            class=\"flex align-items-center justify-content-center\"\n          >\n            <span\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n              style=\"font-size: 20px; padding: 0.1rem\"\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          </div>\n\n          @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\n          <div class=\"flex justify-content-end align-items-center\">\n            @for (actionPai of config.actionsPai; track $index) {\n            @if(getOrExecute(actionPai.visible, rowData) ?? true) {\n            <kv-button\n              (onClick)=\"activeItem(rowData); actionPai.command($event)\"\n              [type]=\"'text'\"\n              [icon]=\"actionPai.icon\"\n              [severity]=\"actionPai.severity || 'tertiary'\"\n            />\n\n            } }\n          </div>\n          }\n        </td>\n      </tr>\n      } @else {\n      <tr\n        [ttRow]=\"rowNode\"\n        (dblclick)=\"doubleClick($event, rowData)\"\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\n      >\n        @for(col of columns; track $index){\n        <td\n          [style.position]=\"rowNode.level !== 0 ? 'sticky' : null\"\n          [style.left.px]=\"\n            childrenRecoil && rowNode.level !== 0 ? rowNode.level * 30 : null\n          \"\n          [style.borderRight]=\"rowNode.level === 0 ? 'none' : ''\"\n          [style.borderLeft]=\"\n            rowNode.level === 0 && col.field != config.columns[0].field\n              ? 'none'\n              : ''\n          \"\n        >\n          <div class=\"flex flex-row {{ align(col) }}\">\n            <div\n              class=\"w-full-h-full flex align-items-center\"\n              *ngIf=\"$index == 0\"\n            >\n              <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\n\n              @if(config.enableSelect) {\n              <p-treeTableCheckbox\n                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\n                (click)=\"activeItemLote(selectedItems)\"\n                [value]=\"rowNode\"\n                [ngStyle]=\"{\n                  display: isSelectEnabled(rowData, rowNode) ? 'block' : 'none',\n                  'margin-left': config.visibleCheckboxFunction\n                    ? '-34px'\n                    : '0px'\n                }\"\n              />\n              }\n            </div>\n            <div class=\"flex flex-row align-items-center w-full\">\n              @if (col.template && validateShowTemplate(rowNode, col)) {\n              <span class=\"w-full\">\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              } @else {\n              <div\n                class=\"flex flex-row align-items-center {{(col.boolean || col.centralize) && 'justify-content-center'}} gap-2 w-full\"\n              >\n                @if(col.tagColor) {\n                <div\n                  class=\"tag\"\n                  [pTooltip]=\"\n                    col.tooltipTag &&\n                    col.tooltipTag(rowData, col, rowData[col.field])\n                  \"\n                  [style.background-color]=\"\n                    col.tagColor(rowData, col, rowData[col.field])\n                  \"\n                ></div>\n\n                }\n                <i\n                  *ngIf=\"col.boolean\"\n                  class=\"pi {{\n                    rowData[col.field] ? 'pi-check text-green-300' : ''\n                  }}\"\n                  style=\"font-size: 1rem; font-weight: 700;\"\n                ></i>\n\n                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\n                  <span class=\"m-0 text-xs\">{{ rowData[col.field] }}</span>\n\n                  <p *ngIf=\"col.subtitle\" class=\"m-0 text-xs font-semibold\">\n                    {{ rowData[col.subtitle] }}\n                  </p>\n                </div>\n              </div>\n              }\n            </div>\n          </div>\n        </td>\n        }\n\n        <td\n          style=\"border-left: none; text-align: center\"\n          *ngIf=\"(config.actions?.length ?? 0 > 0) || config.actionsPai\"\n        >\n          <div\n            *ngIf=\"\n              (config.actions?.length ?? 0 > 0) &&\n              validateActionPosition(rowNode)\n            \"\n          >\n            <span\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n              style=\"font-size: 20px; padding: 0.1rem\"\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          </div>\n\n          @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\n          <div class=\"flex justify-content-end\">\n            @for (actionPai of config.actionsPai; track $index) { @if\n            (getOrExecute(actionPai.visible, rowData) ?? true) {\n            <kv-button\n              (onClick)=\"activeItem(rowData); actionPai.command($event)\"\n              [type]=\"'text'\"\n              [icon]=\"actionPai.icon\"\n              [severity]=\"actionPai.severity || 'tertiary'\"\n            />\n            } }\n          </div>\n          }\n        </td>\n      </tr>\n      }\n    </ng-template>\n    <ng-template pTemplate=\"emptymessage\">\n      <tr>\n        <td\n          [attr.colspan]=\"config.columns.length + 1\"\n          style=\"text-align: center\"\n          class=\"text-sm\"\n        >\n          {{ textoEmptyMessage }}\n        </td>\n      </tr>\n    </ng-template>\n  </p-treeTable>\n</div>\n", styles: ["@charset \"UTF-8\";::ng-deep .p-treetable .p-treetable-tbody>tr>td{padding:.2rem}::ng-deep .p-treetable .p-treetable-header{padding:0rem}span{font-size:14px}:host ::ng-deep .p-treetable table{table-layout:auto!important}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem}::ng-deep .p-checkbox{display:flex;align-items:center}::ng-deep .p-treetable .p-paginator{scale:.75}.icon-more-horiz{font-weight:700}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}::ng-deep .p-treetable .p-treetable-thead>tr>th{background-color:#eaeaea;padding:.3rem}:host ::ng-deep .treetabledraggable .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler{width:1rem;height:1rem}.tag{width:5px;height:20px;border-radius:.25rem}:host ::ng-deep .draggable-cell .drag-icon{visibility:hidden}:host ::ng-deep .draggable-cell:hover .drag-icon{visibility:visible}.cdk-drag-preview{display:flex;align-items:center;justify-content:space-between;border-radius:10px!important}.cdk-drop-list-dragging{cursor:grabbing}:host ::ng-deep .cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep .cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5$2.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i5$3.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: i7.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: i7.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: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i8$2.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: i8$2.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i8$2.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "component", type: i8$2.TTSortIcon, selector: "p-treeTableSortIcon", inputs: ["field", "ariaLabelDesc", "ariaLabelAsc"] }, { kind: "directive", type: i8$2.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i8$2.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i8$2.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTreetableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-tree-table', template: "<div>\r\n  <p-treeTable\r\n    #tt\r\n    cdkDropList\r\n    class=\"example-list\"\r\n    (cdkDropListDropped)=\"drop($event)\"\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    [totalRecords]=\"totalRecords\"\r\n    [rowsPerPageOptions]=\"[5, 10, 15, 25, 50]\"\r\n    [showFirstLastIcon]=\"tamanhoTela > 960 ? true : false\"\r\n    [pageLinks]=\"tamanhoTela > 960 ? 2 : 1\"\r\n    [styleClass]=\"gridLines ? 'p-treetable-gridlines' : ''\"\r\n    [(selection)]=\"selectedItems\"\r\n    [selectionKeys]=\"selectionKeys()\"\r\n    (selectionKeysChange)=\"selectionKeys.set($event)\"\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    [scrollHeight]=\"scrollHeight\"\r\n  >\r\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableCation\">\r\n      <div\r\n        class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12 m-0 p-1\"\r\n        style=\"background-color: #eaeaea\"\r\n      >\r\n        <div class=\"col-12 flex flex-column\">\r\n          <div *ngIf=\"config.title\" class=\"text-md font-bold my-3\">\r\n            {{ config.title }}\r\n          </div>\r\n          <div *ngIf=\"config.subtitle\" class=\"text-sm mb-4 font-medium\">\r\n            {{ config.subtitle }}\r\n          </div>\r\n        </div>\r\n\r\n        <div\r\n          class=\"flex flex-row align-items-center col-10 p-0 md:col-6 lg:col-4 justify-content-center {{\r\n            tamanhoTela < 768 ? '' : 'input-search'\r\n          }}\"\r\n        >\r\n          <span *ngIf=\"config.enableFilter\" 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(tt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"h-2rem\"\r\n              #inputBusca\r\n            />\r\n          </span>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end p-0\">\r\n          <div class=\"flex flex-row gap-2 btns-options\">\r\n            @for (action of config.actionsLote; track $index) {\r\n            @if((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            exibirCampo(action, this.action)) {\r\n            <kv-button\r\n              (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [size]=\"'small'\"\r\n              [disabled]=\"getOrExecute(action.disabled, selectedItems) || false\"\r\n              [icon]=\"getOrExecute(action.icon, selectedItems)\"\r\n              [severity]=\"action.severity || 'tertiary'\"\r\n            />\r\n            } }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    @if(showHeader){\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          [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\r\n                  (click)=\"activeItemLote(selectedItems)\"\r\n                />\r\n              </div>\r\n\r\n              <div class=\"flex flex-row align-items-center  {{ align(col) }}\">\r\n                <span class=\"text-xs\">{{ col.header }}</span>\r\n\r\n                @if(col.sortable) {\r\n                <p-treeTableSortIcon [field]=\"col.field\" class=\"pb-1\" />\r\n\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                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </th>\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 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          [style.width]=\"col.width\"\r\n        >\r\n          <div class=\"flex flex-row align-items-center {{ align(col) }}\">\r\n            <span class=\"text-xs\">{{ col.header }}</span>\r\n\r\n            @if(col.sortable) {\r\n            <p-treeTableSortIcon [field]=\"col.field\" class=\"pb-1\" />\r\n            }\r\n          </div>\r\n        </th>\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\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      @if(treeTableDraggable) {\r\n      <tr\r\n        cdkDrag\r\n        cdkDragLockAxis=\"y\"\r\n        [cdkDragData]=\"rowNode\"\r\n        [ttRow]=\"rowNode\"\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\r\n      >\r\n        @for(col of columns; track $index){\r\n        <td\r\n          class=\"draggable-cell\"\r\n          [style.position]=\"\r\n            !disableRowNodeSticky && rowNode.level !== 0 ? 'sticky' : null\r\n          \"\r\n        >\r\n          <!-- [style.left.px]=\"\r\n               childrenRecoil && rowNode.level !== 0 ? rowNode.level * 30 : null\r\n               \" -->\r\n\r\n          <div class=\"flex flex-row  {{ align(col) }}\">\r\n            <div\r\n              class=\"w-full-h-full flex align-items-center\"\r\n              *ngIf=\"$index == 0\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined drag-icon\"\r\n                style=\"\r\n                  cursor: grab;\r\n                  font-size: 25px;\r\n                  color: #6b7280;\r\n                  opacity: 0.9;\r\n                \"\r\n                cdkDragHandle\r\n              >\r\n                drag_indicator\r\n              </span>\r\n              <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\r\n\r\n              @if(config.enableSelect) {\r\n              <p-treeTableCheckbox\r\n                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                (click)=\"activeItemLote(selectedItems)\"\r\n                [value]=\"rowNode\"\r\n                [ngStyle]=\"{\r\n                  display: isSelectEnabled(rowData, rowNode) ? 'block' : 'none',\r\n                  'margin-left': config.visibleCheckboxFunction\r\n                    ? '-34px'\r\n                    : '0px'\r\n                }\"\r\n              />\r\n              }\r\n            </div>\r\n\r\n            <div class=\"flex flex-row align-items-center w-full\">\r\n              @if (col.template && validateShowTemplate(rowNode, col)) {\r\n              <span class=\"w-full\">\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              } @else {\r\n              <div\r\n                class=\"flex flex-row align-items-center {{(col.boolean || col.centralize) && 'justify-content-center'}} gap-2 w-full\"\r\n              >\r\n                @if(col.tagColor) {\r\n                <div\r\n                  class=\"tag\"\r\n                  [pTooltip]=\"\r\n                    col.tooltipTag &&\r\n                    col.tooltipTag(rowData, col, rowData[col.field])\r\n                  \"\r\n                  [style.background-color]=\"\r\n                    col.tagColor(rowData, col, rowData[col.field])\r\n                  \"\r\n                ></div>\r\n\r\n                }\r\n\r\n                <i\r\n                  *ngIf=\"col.boolean\"\r\n                  class=\"pi {{\r\n                    rowData[col.field] ? 'pi-check text-green-300' : ''\r\n                  }}\"\r\n                  style=\"font-size: 1rem; font-weight: 700;\"\r\n                ></i>\r\n\r\n                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\r\n                  <span class=\"m-0 text-xs\">{{ rowData[col.field] }}</span>\r\n\r\n                  <p *ngIf=\"col.subtitle\" class=\"m-0 text-xs font-semibold\">\r\n                    {{ rowData[col.subtitle] }}\r\n                  </p>\r\n                </div>\r\n              </div>\r\n              }\r\n            </div>\r\n          </div>\r\n        </td>\r\n        }\r\n\r\n        <td\r\n          style=\"border-left: none; text-align: center\"\r\n          *ngIf=\"(config.actions?.length ?? 0 > 0) || config.actionsPai\"\r\n          [style.borderRight]=\"rowNode.level === 0 ? 'none' : ''\"\r\n          [style.borderLeft]=\"rowNode.level === 0 ? 'none' : ''\"\r\n        >\r\n          <div\r\n            *ngIf=\"\r\n              (config.actions?.length ?? 0 > 0) &&\r\n              validateActionPosition(rowNode)\r\n            \"\r\n            class=\"flex align-items-center justify-content-center\"\r\n          >\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px; padding: 0.1rem\"\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          </div>\r\n\r\n          @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\r\n          <div class=\"flex justify-content-end align-items-center\">\r\n            @for (actionPai of config.actionsPai; track $index) {\r\n            @if(getOrExecute(actionPai.visible, rowData) ?? true) {\r\n            <kv-button\r\n              (onClick)=\"activeItem(rowData); actionPai.command($event)\"\r\n              [type]=\"'text'\"\r\n              [icon]=\"actionPai.icon\"\r\n              [severity]=\"actionPai.severity || 'tertiary'\"\r\n            />\r\n\r\n            } }\r\n          </div>\r\n          }\r\n        </td>\r\n      </tr>\r\n      } @else {\r\n      <tr\r\n        [ttRow]=\"rowNode\"\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\r\n      >\r\n        @for(col of columns; track $index){\r\n        <td\r\n          [style.position]=\"rowNode.level !== 0 ? 'sticky' : null\"\r\n          [style.left.px]=\"\r\n            childrenRecoil && rowNode.level !== 0 ? rowNode.level * 30 : null\r\n          \"\r\n          [style.borderRight]=\"rowNode.level === 0 ? 'none' : ''\"\r\n          [style.borderLeft]=\"\r\n            rowNode.level === 0 && col.field != config.columns[0].field\r\n              ? 'none'\r\n              : ''\r\n          \"\r\n        >\r\n          <div class=\"flex flex-row {{ align(col) }}\">\r\n            <div\r\n              class=\"w-full-h-full flex align-items-center\"\r\n              *ngIf=\"$index == 0\"\r\n            >\r\n              <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\r\n\r\n              @if(config.enableSelect) {\r\n              <p-treeTableCheckbox\r\n                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\r\n                (click)=\"activeItemLote(selectedItems)\"\r\n                [value]=\"rowNode\"\r\n                [ngStyle]=\"{\r\n                  display: isSelectEnabled(rowData, rowNode) ? 'block' : 'none',\r\n                  'margin-left': config.visibleCheckboxFunction\r\n                    ? '-34px'\r\n                    : '0px'\r\n                }\"\r\n              />\r\n              }\r\n            </div>\r\n            <div class=\"flex flex-row align-items-center w-full\">\r\n              @if (col.template && validateShowTemplate(rowNode, col)) {\r\n              <span class=\"w-full\">\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              } @else {\r\n              <div\r\n                class=\"flex flex-row align-items-center {{(col.boolean || col.centralize) && 'justify-content-center'}} gap-2 w-full\"\r\n              >\r\n                @if(col.tagColor) {\r\n                <div\r\n                  class=\"tag\"\r\n                  [pTooltip]=\"\r\n                    col.tooltipTag &&\r\n                    col.tooltipTag(rowData, col, rowData[col.field])\r\n                  \"\r\n                  [style.background-color]=\"\r\n                    col.tagColor(rowData, col, rowData[col.field])\r\n                  \"\r\n                ></div>\r\n\r\n                }\r\n                <i\r\n                  *ngIf=\"col.boolean\"\r\n                  class=\"pi {{\r\n                    rowData[col.field] ? 'pi-check text-green-300' : ''\r\n                  }}\"\r\n                  style=\"font-size: 1rem; font-weight: 700;\"\r\n                ></i>\r\n\r\n                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\r\n                  <span class=\"m-0 text-xs\">{{ rowData[col.field] }}</span>\r\n\r\n                  <p *ngIf=\"col.subtitle\" class=\"m-0 text-xs font-semibold\">\r\n                    {{ rowData[col.subtitle] }}\r\n                  </p>\r\n                </div>\r\n              </div>\r\n              }\r\n            </div>\r\n          </div>\r\n        </td>\r\n        }\r\n\r\n        <td\r\n          style=\"border-left: none; text-align: center\"\r\n          *ngIf=\"(config.actions?.length ?? 0 > 0) || config.actionsPai\"\r\n        >\r\n          <div\r\n            *ngIf=\"\r\n              (config.actions?.length ?? 0 > 0) &&\r\n              validateActionPosition(rowNode)\r\n            \"\r\n          >\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\r\n              style=\"font-size: 20px; padding: 0.1rem\"\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          </div>\r\n\r\n          @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\r\n          <div class=\"flex justify-content-end\">\r\n            @for (actionPai of config.actionsPai; track $index) { @if\r\n            (getOrExecute(actionPai.visible, rowData) ?? true) {\r\n            <kv-button\r\n              (onClick)=\"activeItem(rowData); actionPai.command($event)\"\r\n              [type]=\"'text'\"\r\n              [icon]=\"actionPai.icon\"\r\n              [severity]=\"actionPai.severity || 'tertiary'\"\r\n            />\r\n            } }\r\n          </div>\r\n          }\r\n        </td>\r\n      </tr>\r\n      }\r\n    </ng-template>\r\n    <ng-template pTemplate=\"emptymessage\">\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"config.columns.length + 1\"\r\n          style=\"text-align: center\"\r\n          class=\"text-sm\"\r\n        >\r\n          {{ textoEmptyMessage }}\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-treeTable>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";::ng-deep .p-treetable .p-treetable-tbody>tr>td{padding:.2rem}::ng-deep .p-treetable .p-treetable-header{padding:0rem}span{font-size:14px}:host ::ng-deep .p-treetable table{table-layout:auto!important}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem}::ng-deep .p-checkbox{display:flex;align-items:center}::ng-deep .p-treetable .p-paginator{scale:.75}.icon-more-horiz{font-weight:700}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}::ng-deep .p-treetable .p-treetable-thead>tr>th{background-color:#eaeaea;padding:.3rem}:host ::ng-deep .treetabledraggable .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler{width:1rem;height:1rem}.tag{width:5px;height:20px;border-radius:.25rem}:host ::ng-deep .draggable-cell .drag-icon{visibility:hidden}:host ::ng-deep .draggable-cell:hover .drag-icon{visibility:visible}.cdk-drag-preview{display:flex;align-items:center;justify-content:space-between;border-radius:10px!important}.cdk-drop-list-dragging{cursor:grabbing}:host ::ng-deep .cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep .cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}\n"] }]
+            args: [{ selector: 'kv-tree-table', template: "<div>\n  <p-treeTable\n    #tt\n    cdkDropList\n    class=\"example-list\"\n    (cdkDropListDropped)=\"drop($event)\"\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    [totalRecords]=\"totalRecords\"\n    [rowsPerPageOptions]=\"[5, 10, 15, 25, 50]\"\n    [showFirstLastIcon]=\"tamanhoTela > 960 ? true : false\"\n    [pageLinks]=\"tamanhoTela > 960 ? 2 : 1\"\n    [styleClass]=\"gridLines ? 'p-treetable-gridlines' : ''\"\n    [(selection)]=\"selectedItems\"\n    [selectionKeys]=\"selectionKeys()\"\n    (selectionKeysChange)=\"selectionKeys.set($event)\"\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    [scrollHeight]=\"scrollHeight\"\n  >\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableCation\">\n      <div\n        class=\"flex flex-row flex-wrap justify-content-between align-items-center grid formgrid p-fluid col-12 m-0 p-1\"\n        style=\"background-color: #eaeaea\"\n      >\n        <div class=\"col-12 flex flex-column\">\n          <div *ngIf=\"config.title\" class=\"text-md font-bold my-3\">\n            {{ config.title }}\n          </div>\n          <div *ngIf=\"config.subtitle\" class=\"text-sm mb-4 font-medium\">\n            {{ config.subtitle }}\n          </div>\n        </div>\n\n        <div\n          class=\"flex flex-row align-items-center col-10 p-0 md:col-6 lg:col-4 justify-content-center {{\n            tamanhoTela < 768 ? '' : 'input-search'\n          }}\"\n        >\n          <span *ngIf=\"config.enableFilter\" 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(tt, $event)\"\n              placeholder=\"Pesquisar...\"\n              class=\"h-2rem\"\n              #inputBusca\n            />\n          </span>\n        </div>\n\n        <div class=\"flex flex-row col-1 justify-content-end p-0\">\n          <div class=\"flex flex-row gap-2 btns-options\">\n            @for (action of config.actionsLote; track $index) {\n            @if((selectedItems.length > 0 || action.showAcoesLote) &&\n            exibirCampo(action, this.action)) {\n            <kv-button\n              (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\n              [tooltipPosition]=\"'bottom'\"\n              [size]=\"'small'\"\n              [disabled]=\"getOrExecute(action.disabled, selectedItems) || false\"\n              [icon]=\"getOrExecute(action.icon, selectedItems)\"\n              [severity]=\"action.severity || 'tertiary'\"\n            />\n            } }\n          </div>\n        </div>\n      </div>\n    </ng-template>\n\n    @if(showHeader){\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          [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\n                  (click)=\"activeItemLote(selectedItems)\"\n                />\n              </div>\n\n              <div class=\"flex flex-row align-items-center  {{ align(col) }}\">\n                <span class=\"text-xs\">{{ col.header }}</span>\n\n                @if(col.sortable) {\n                <p-treeTableSortIcon [field]=\"col.field\" class=\"pb-1\" />\n\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                >\n              </div>\n            </div>\n          </div>\n        </th>\n        @if (config.actions?.length ?? 0 > 0) {\n        <th [style.width]=\"5\"></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          [ttSortableColumn]=\"col.field\"\n          [ttSortableColumnDisabled]=\"col.sortable === false\"\n          [style.width]=\"col.width\"\n        >\n          <div class=\"flex flex-row align-items-center {{ align(col) }}\">\n            <span class=\"text-xs\">{{ col.header }}</span>\n\n            @if(col.sortable) {\n            <p-treeTableSortIcon [field]=\"col.field\" class=\"pb-1\" />\n            }\n          </div>\n        </th>\n        } @if (config.actions?.length ?? 0 > 0) {\n        <th [style.width]=\"5\"></th>\n        }\n      </tr>\n    </ng-template>\n    }\n\n    <ng-template\n      pTemplate=\"body\"\n      let-rowNode\n      let-rowData=\"rowData\"\n      let-columns=\"columns\"\n    >\n      @if(treeTableDraggable) {\n      <tr\n        cdkDrag\n        cdkDragLockAxis=\"y\"\n        [cdkDragData]=\"rowNode\"\n        [ttRow]=\"rowNode\"\n        (dblclick)=\"doubleClick($event, rowData)\"\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\n      >\n        @for(col of columns; track $index){\n        <td\n          class=\"draggable-cell\"\n          [style.position]=\"\n            !disableRowNodeSticky && rowNode.level !== 0 ? 'sticky' : null\n          \"\n        >\n          <!-- [style.left.px]=\"\n               childrenRecoil && rowNode.level !== 0 ? rowNode.level * 30 : null\n               \" -->\n\n          <div class=\"flex flex-row  {{ align(col) }}\">\n            <div\n              class=\"w-full-h-full flex align-items-center\"\n              *ngIf=\"$index == 0\"\n            >\n              <span\n                class=\"material-symbols-outlined drag-icon\"\n                style=\"\n                  cursor: grab;\n                  font-size: 25px;\n                  color: #6b7280;\n                  opacity: 0.9;\n                \"\n                cdkDragHandle\n              >\n                drag_indicator\n              </span>\n              <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\n\n              @if(config.enableSelect) {\n              <p-treeTableCheckbox\n                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\n                (click)=\"activeItemLote(selectedItems)\"\n                [value]=\"rowNode\"\n                [ngStyle]=\"{\n                  display: isSelectEnabled(rowData, rowNode) ? 'block' : 'none',\n                  'margin-left': config.visibleCheckboxFunction\n                    ? '-34px'\n                    : '0px'\n                }\"\n              />\n              }\n            </div>\n\n            <div class=\"flex flex-row align-items-center w-full\">\n              @if (col.template && validateShowTemplate(rowNode, col)) {\n              <span class=\"w-full\">\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              } @else {\n              <div\n                class=\"flex flex-row align-items-center {{(col.boolean || col.centralize) && 'justify-content-center'}} gap-2 w-full\"\n              >\n                @if(col.tagColor) {\n                <div\n                  class=\"tag\"\n                  [pTooltip]=\"\n                    col.tooltipTag &&\n                    col.tooltipTag(rowData, col, rowData[col.field])\n                  \"\n                  [style.background-color]=\"\n                    col.tagColor(rowData, col, rowData[col.field])\n                  \"\n                ></div>\n\n                }\n\n                <i\n                  *ngIf=\"col.boolean\"\n                  class=\"pi {{\n                    rowData[col.field] ? 'pi-check text-green-300' : ''\n                  }}\"\n                  style=\"font-size: 1rem; font-weight: 700;\"\n                ></i>\n\n                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\n                  <span class=\"m-0 text-xs\">{{ rowData[col.field] }}</span>\n\n                  <p *ngIf=\"col.subtitle\" class=\"m-0 text-xs font-semibold\">\n                    {{ rowData[col.subtitle] }}\n                  </p>\n                </div>\n              </div>\n              }\n            </div>\n          </div>\n        </td>\n        }\n\n        <td\n          style=\"border-left: none; text-align: center\"\n          *ngIf=\"(config.actions?.length ?? 0 > 0) || config.actionsPai\"\n          [style.borderRight]=\"rowNode.level === 0 ? 'none' : ''\"\n          [style.borderLeft]=\"rowNode.level === 0 ? 'none' : ''\"\n        >\n          <div\n            *ngIf=\"\n              (config.actions?.length ?? 0 > 0) &&\n              validateActionPosition(rowNode)\n            \"\n            class=\"flex align-items-center justify-content-center\"\n          >\n            <span\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n              style=\"font-size: 20px; padding: 0.1rem\"\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          </div>\n\n          @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\n          <div class=\"flex justify-content-end align-items-center\">\n            @for (actionPai of config.actionsPai; track $index) {\n            @if(getOrExecute(actionPai.visible, rowData) ?? true) {\n            <kv-button\n              (onClick)=\"activeItem(rowData); actionPai.command($event)\"\n              [type]=\"'text'\"\n              [icon]=\"actionPai.icon\"\n              [severity]=\"actionPai.severity || 'tertiary'\"\n            />\n\n            } }\n          </div>\n          }\n        </td>\n      </tr>\n      } @else {\n      <tr\n        [ttRow]=\"rowNode\"\n        (dblclick)=\"doubleClick($event, rowData)\"\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\n      >\n        @for(col of columns; track $index){\n        <td\n          [style.position]=\"rowNode.level !== 0 ? 'sticky' : null\"\n          [style.left.px]=\"\n            childrenRecoil && rowNode.level !== 0 ? rowNode.level * 30 : null\n          \"\n          [style.borderRight]=\"rowNode.level === 0 ? 'none' : ''\"\n          [style.borderLeft]=\"\n            rowNode.level === 0 && col.field != config.columns[0].field\n              ? 'none'\n              : ''\n          \"\n        >\n          <div class=\"flex flex-row {{ align(col) }}\">\n            <div\n              class=\"w-full-h-full flex align-items-center\"\n              *ngIf=\"$index == 0\"\n            >\n              <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\" />\n\n              @if(config.enableSelect) {\n              <p-treeTableCheckbox\n                [disabled]=\"isDisabledCheckbox(rowData, rowNode)\"\n                (click)=\"activeItemLote(selectedItems)\"\n                [value]=\"rowNode\"\n                [ngStyle]=\"{\n                  display: isSelectEnabled(rowData, rowNode) ? 'block' : 'none',\n                  'margin-left': config.visibleCheckboxFunction\n                    ? '-34px'\n                    : '0px'\n                }\"\n              />\n              }\n            </div>\n            <div class=\"flex flex-row align-items-center w-full\">\n              @if (col.template && validateShowTemplate(rowNode, col)) {\n              <span class=\"w-full\">\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              } @else {\n              <div\n                class=\"flex flex-row align-items-center {{(col.boolean || col.centralize) && 'justify-content-center'}} gap-2 w-full\"\n              >\n                @if(col.tagColor) {\n                <div\n                  class=\"tag\"\n                  [pTooltip]=\"\n                    col.tooltipTag &&\n                    col.tooltipTag(rowData, col, rowData[col.field])\n                  \"\n                  [style.background-color]=\"\n                    col.tagColor(rowData, col, rowData[col.field])\n                  \"\n                ></div>\n\n                }\n                <i\n                  *ngIf=\"col.boolean\"\n                  class=\"pi {{\n                    rowData[col.field] ? 'pi-check text-green-300' : ''\n                  }}\"\n                  style=\"font-size: 1rem; font-weight: 700;\"\n                ></i>\n\n                <div class=\"flex flex-column\" *ngIf=\"!col.boolean\">\n                  <span class=\"m-0 text-xs\">{{ rowData[col.field] }}</span>\n\n                  <p *ngIf=\"col.subtitle\" class=\"m-0 text-xs font-semibold\">\n                    {{ rowData[col.subtitle] }}\n                  </p>\n                </div>\n              </div>\n              }\n            </div>\n          </div>\n        </td>\n        }\n\n        <td\n          style=\"border-left: none; text-align: center\"\n          *ngIf=\"(config.actions?.length ?? 0 > 0) || config.actionsPai\"\n        >\n          <div\n            *ngIf=\"\n              (config.actions?.length ?? 0 > 0) &&\n              validateActionPosition(rowNode)\n            \"\n          >\n            <span\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz\"\n              style=\"font-size: 20px; padding: 0.1rem\"\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          </div>\n\n          @if(config.actionsPai?.length ?? 0 > 0 && rowNode.level == 0){\n          <div class=\"flex justify-content-end\">\n            @for (actionPai of config.actionsPai; track $index) { @if\n            (getOrExecute(actionPai.visible, rowData) ?? true) {\n            <kv-button\n              (onClick)=\"activeItem(rowData); actionPai.command($event)\"\n              [type]=\"'text'\"\n              [icon]=\"actionPai.icon\"\n              [severity]=\"actionPai.severity || 'tertiary'\"\n            />\n            } }\n          </div>\n          }\n        </td>\n      </tr>\n      }\n    </ng-template>\n    <ng-template pTemplate=\"emptymessage\">\n      <tr>\n        <td\n          [attr.colspan]=\"config.columns.length + 1\"\n          style=\"text-align: center\"\n          class=\"text-sm\"\n        >\n          {{ textoEmptyMessage }}\n        </td>\n      </tr>\n    </ng-template>\n  </p-treeTable>\n</div>\n", styles: ["@charset \"UTF-8\";::ng-deep .p-treetable .p-treetable-tbody>tr>td{padding:.2rem}::ng-deep .p-treetable .p-treetable-header{padding:0rem}span{font-size:14px}:host ::ng-deep .p-treetable table{table-layout:auto!important}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem}::ng-deep .p-checkbox{display:flex;align-items:center}::ng-deep .p-treetable .p-paginator{scale:.75}.icon-more-horiz{font-weight:700}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}::ng-deep .p-treetable .p-treetable-thead>tr>th{background-color:#eaeaea;padding:.3rem}:host ::ng-deep .treetabledraggable .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler{width:1rem;height:1rem}.tag{width:5px;height:20px;border-radius:.25rem}:host ::ng-deep .draggable-cell .drag-icon{visibility:hidden}:host ::ng-deep .draggable-cell:hover .drag-icon{visibility:visible}.cdk-drag-preview{display:flex;align-items:center;justify-content:space-between;border-radius:10px!important}.cdk-drop-list-dragging{cursor:grabbing}:host ::ng-deep .cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep .cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { disableRowNodeSticky: [{
                 type: Input
             }], config: [{
@@ -2686,11 +2704,11 @@ class KvDropdownComponent extends BaseComponentDropDown {
         this.onLazyLoad.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvDropdownComponent, deps: [{ token: ComponentService }, { token: i1$3.DialogService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.3.8", type: KvDropdownComponent, selector: "kv-dropdown", inputs: { filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, dropDowValue: { classPropertyName: "dropDowValue", publicName: "dropDowValue", isSignal: false, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: false, isRequired: false, transformFunction: null }, selectedItemTemplate: { classPropertyName: "selectedItemTemplate", publicName: "selectedItemTemplate", isSignal: false, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: false, isRequired: false, transformFunction: null }, virtualScrollItemSize: { classPropertyName: "virtualScrollItemSize", publicName: "virtualScrollItemSize", isSignal: false, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onLazyLoad: "onLazyLoad" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, providers: ComponentProviders(KvDropdownComponent), viewQueries: [{ propertyName: "pDropDown", first: true, predicate: Dropdown, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && label + (showAsterisk ? '*' : '')\"\r\n  />\r\n\r\n  <p-dropdown\r\n    [appendTo]=\"appendTo()\"\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: dropDownWidthPx() }\"\r\n    [showClear]=\"showClear\"\r\n    [filterPlaceholder]=\"filterPlaceholder\"\r\n    [placeholder]=\"placeholder\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onChange)=\"onInputChange($event)\"\r\n    (onClick)=\"onInputClick($event)\"\r\n    (onFilter)=\"onInputFilter($event)\"\r\n    (onLazyLoad)=\"onInputLazyLoad($event)\"\r\n    [virtualScroll]=\"virtualScroll\"\r\n    [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n  >\r\n    <ng-template *ngIf=\"showAddButton\" pTemplate=\"footer\">\r\n      <p-divider></p-divider>\r\n      <div class=\"flex flex-wrap card-container p-1\">\r\n        <div class=\"flex justify-content-center\">\r\n          <button\r\n            pButton\r\n            label=\"Incluir\"\r\n            pTooltip=\"Clique aqui para incluir um novo registro\"\r\n            tooltipPosition=\"bottom\"\r\n            icon=\"pi pi-plus\"\r\n            class=\"p-button-rounded p-button-success mr-2\"\r\n            (click)=\"addClick($event)\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n    <ng-template let-item pTemplate=\"item\" *ngIf=\"itemTemplate\">\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n      </ng-container>\r\n    </ng-template>\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      </ng-container>\r\n    </ng-template>\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%}::ng-deep .p-dropdown-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-dropdown-filter{height:1.875rem}::ng-deep .p-dropdown-panel .p-dropdown-header{padding:.75rem}::ng-deep .p-dropdown-panel .p-dropdown-items{padding:.75rem}::ng-deep p-dropdown p-overlay .p-overlay{max-width:100%}::ng-deep .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-inputtext{font-size:.875rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\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: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i10$1.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: "17.2.0", version: "17.3.8", type: KvDropdownComponent, selector: "kv-dropdown", inputs: { filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, dropDowValue: { classPropertyName: "dropDowValue", publicName: "dropDowValue", isSignal: false, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: false, isRequired: false, transformFunction: null }, selectedItemTemplate: { classPropertyName: "selectedItemTemplate", publicName: "selectedItemTemplate", isSignal: false, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: false, isRequired: false, transformFunction: null }, virtualScrollItemSize: { classPropertyName: "virtualScrollItemSize", publicName: "virtualScrollItemSize", isSignal: false, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onLazyLoad: "onLazyLoad" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, providers: ComponentProviders(KvDropdownComponent), viewQueries: [{ propertyName: "pDropDown", first: true, predicate: Dropdown, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label && label + (showAsterisk ? '*' : '')\"\n  />\n\n  <p-dropdown\n    [appendTo]=\"appendTo()\"\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: dropDownWidthPx() }\"\n    [showClear]=\"showClear\"\n    [filterPlaceholder]=\"filterPlaceholder\"\n    [placeholder]=\"placeholder\"\n    (onBlur)=\"onInputBlur($event)\"\n    (onChange)=\"onInputChange($event)\"\n    (onClick)=\"onInputClick($event)\"\n    (onFilter)=\"onInputFilter($event)\"\n    (onLazyLoad)=\"onInputLazyLoad($event)\"\n    [virtualScroll]=\"virtualScroll\"\n    [virtualScrollItemSize]=\"virtualScrollItemSize\"\n  >\n    <ng-template *ngIf=\"showAddButton\" pTemplate=\"footer\">\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 let-item pTemplate=\"item\" *ngIf=\"itemTemplate\">\n      <ng-container\n        [ngTemplateOutlet]=\"itemTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\n      >\n      </ng-container>\n    </ng-template>\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      </ng-container>\n    </ng-template>\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%}::ng-deep .p-dropdown-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-dropdown-filter{height:1.875rem}::ng-deep .p-dropdown-panel .p-dropdown-header{padding:.75rem}::ng-deep .p-dropdown-panel .p-dropdown-items{padding:.75rem}::ng-deep p-dropdown p-overlay .p-overlay{max-width:100%}::ng-deep .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-inputtext{font-size:.875rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\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: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i10$1.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 && label + (showAsterisk ? '*' : '')\"\r\n  />\r\n\r\n  <p-dropdown\r\n    [appendTo]=\"appendTo()\"\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: dropDownWidthPx() }\"\r\n    [showClear]=\"showClear\"\r\n    [filterPlaceholder]=\"filterPlaceholder\"\r\n    [placeholder]=\"placeholder\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onChange)=\"onInputChange($event)\"\r\n    (onClick)=\"onInputClick($event)\"\r\n    (onFilter)=\"onInputFilter($event)\"\r\n    (onLazyLoad)=\"onInputLazyLoad($event)\"\r\n    [virtualScroll]=\"virtualScroll\"\r\n    [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n  >\r\n    <ng-template *ngIf=\"showAddButton\" pTemplate=\"footer\">\r\n      <p-divider></p-divider>\r\n      <div class=\"flex flex-wrap card-container p-1\">\r\n        <div class=\"flex justify-content-center\">\r\n          <button\r\n            pButton\r\n            label=\"Incluir\"\r\n            pTooltip=\"Clique aqui para incluir um novo registro\"\r\n            tooltipPosition=\"bottom\"\r\n            icon=\"pi pi-plus\"\r\n            class=\"p-button-rounded p-button-success mr-2\"\r\n            (click)=\"addClick($event)\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n    <ng-template let-item pTemplate=\"item\" *ngIf=\"itemTemplate\">\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n      </ng-container>\r\n    </ng-template>\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      </ng-container>\r\n    </ng-template>\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%}::ng-deep .p-dropdown-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-dropdown-filter{height:1.875rem}::ng-deep .p-dropdown-panel .p-dropdown-header{padding:.75rem}::ng-deep .p-dropdown-panel .p-dropdown-items{padding:.75rem}::ng-deep p-dropdown p-overlay .p-overlay{max-width:100%}::ng-deep .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-inputtext{font-size:.875rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
+            args: [{ selector: 'kv-dropdown', providers: ComponentProviders(KvDropdownComponent), template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label && label + (showAsterisk ? '*' : '')\"\n  />\n\n  <p-dropdown\n    [appendTo]=\"appendTo()\"\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: dropDownWidthPx() }\"\n    [showClear]=\"showClear\"\n    [filterPlaceholder]=\"filterPlaceholder\"\n    [placeholder]=\"placeholder\"\n    (onBlur)=\"onInputBlur($event)\"\n    (onChange)=\"onInputChange($event)\"\n    (onClick)=\"onInputClick($event)\"\n    (onFilter)=\"onInputFilter($event)\"\n    (onLazyLoad)=\"onInputLazyLoad($event)\"\n    [virtualScroll]=\"virtualScroll\"\n    [virtualScrollItemSize]=\"virtualScrollItemSize\"\n  >\n    <ng-template *ngIf=\"showAddButton\" pTemplate=\"footer\">\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 let-item pTemplate=\"item\" *ngIf=\"itemTemplate\">\n      <ng-container\n        [ngTemplateOutlet]=\"itemTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\n      >\n      </ng-container>\n    </ng-template>\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      </ng-container>\n    </ng-template>\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%}::ng-deep .p-dropdown-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-dropdown-filter{height:1.875rem}::ng-deep .p-dropdown-panel .p-dropdown-header{padding:.75rem}::ng-deep .p-dropdown-panel .p-dropdown-items{padding:.75rem}::ng-deep p-dropdown p-overlay .p-overlay{max-width:100%}::ng-deep .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-inputtext{font-size:.875rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }, { type: i1$3.DialogService }, { type: i0.ElementRef }], propDecorators: { filterPlaceholder: [{
                 type: Input
             }], placeholder: [{
@@ -4662,52 +4680,52 @@ class SimpleComponent {
         this.closeCropModal();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: SimpleComponent, deps: [{ token: i1$3.DynamicDialogRef }, { token: i1$3.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: SimpleComponent, isStandalone: true, selector: "app-simple-component", host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "cropCanvas", first: true, predicate: ["cropCanvas"], descendants: true }, { propertyName: "cropBorder", first: true, predicate: ["cropBorder"], descendants: true }], ngImport: i0, template: `
-      <div class="modal-content">
-        <div class="crop-container">
-          <canvas #cropCanvas class="crop-canvas"></canvas>
-          <div #cropBorder class="crop-border"></div>
-        </div>
-        <div class="w-full mt-2">
-          <kv-label label="Zoom" style="text-align: left;" />
-          <p-slider [(ngModel)]="this.scaleFactorModel" [step]="0.0001"  [max]="5"  (onChange)="onZoomChange($event)"></p-slider>
-        </div>
-          <div class="button-container">
-          <kv-button label="Cancelar" severity="tertiary" icon="close" (click)="cancel()"></kv-button>
-          <kv-button label="Recortar" severity="primary" icon="crop" (click)="cropImage()" class="ml-2"></kv-button>
-        </div>
-      </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: SimpleComponent, isStandalone: true, selector: "app-simple-component", host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "cropCanvas", first: true, predicate: ["cropCanvas"], descendants: true }, { propertyName: "cropBorder", first: true, predicate: ["cropBorder"], descendants: true }], ngImport: i0, template: `
+      <div class="modal-content">
+        <div class="crop-container">
+          <canvas #cropCanvas class="crop-canvas"></canvas>
+          <div #cropBorder class="crop-border"></div>
+        </div>
+        <div class="w-full mt-2">
+          <kv-label label="Zoom" style="text-align: left;" />
+          <p-slider [(ngModel)]="this.scaleFactorModel" [step]="0.0001"  [max]="5"  (onChange)="onZoomChange($event)"></p-slider>
+        </div>
+          <div class="button-container">
+          <kv-button label="Cancelar" severity="tertiary" icon="close" (click)="cancel()"></kv-button>
+          <kv-button label="Recortar" severity="primary" icon="crop" (click)="cropImage()" class="ml-2"></kv-button>
+        </div>
+      </div>
   `, isInline: true, styles: ["img{border-style:solid;border-width:2px;border-radius:50%;object-fit:cover}i{font-size:22px}.botao-alterar-foto{border-style:none;width:max-content;background-color:#002542;color:#000;font-weight:700;cursor:pointer;padding:7px 9px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#002542;color:#000;font-weight:700;cursor:pointer;padding:7px 9px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}.modal-content{position:relative;background-color:#fefefe;margin:1% auto;padding:20px;width:80%;max-width:fit-content;text-align:center;border-radius:12px}.crop-container{display:flex;justify-content:center;align-items:center}.crop-canvas{border:1px solid #d1d5db;border-radius:12px;width:100%;height:auto}.crop-border{position:absolute;border:2px dashed #9ca3af;pointer-events:none}.zoom-container{padding-top:20px;padding-bottom:20px}.button-container{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;margin-top:24px}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: KvModalModule }, { kind: "ngmodule", type: SliderModule }, { kind: "component", type: i2$2.Slider, selector: "p-slider", inputs: ["animate", "disabled", "min", "max", "orientation", "step", "range", "style", "styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "autofocus"], outputs: ["onChange", "onSlideEnd"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: FileUploadModule }, { kind: "ngmodule", type: FormsModule }, { 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: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: KvButtonModule }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }, { kind: "ngmodule", type: KvLabelModule }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: SimpleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-simple-component', template: `
-      <div class="modal-content">
-        <div class="crop-container">
-          <canvas #cropCanvas class="crop-canvas"></canvas>
-          <div #cropBorder class="crop-border"></div>
-        </div>
-        <div class="w-full mt-2">
-          <kv-label label="Zoom" style="text-align: left;" />
-          <p-slider [(ngModel)]="this.scaleFactorModel" [step]="0.0001"  [max]="5"  (onChange)="onZoomChange($event)"></p-slider>
-        </div>
-          <div class="button-container">
-          <kv-button label="Cancelar" severity="tertiary" icon="close" (click)="cancel()"></kv-button>
-          <kv-button label="Recortar" severity="primary" icon="crop" (click)="cropImage()" class="ml-2"></kv-button>
-        </div>
-      </div>
+            args: [{ selector: 'app-simple-component', template: `
+      <div class="modal-content">
+        <div class="crop-container">
+          <canvas #cropCanvas class="crop-canvas"></canvas>
+          <div #cropBorder class="crop-border"></div>
+        </div>
+        <div class="w-full mt-2">
+          <kv-label label="Zoom" style="text-align: left;" />
+          <p-slider [(ngModel)]="this.scaleFactorModel" [step]="0.0001"  [max]="5"  (onChange)="onZoomChange($event)"></p-slider>
+        </div>
+          <div class="button-container">
+          <kv-button label="Cancelar" severity="tertiary" icon="close" (click)="cancel()"></kv-button>
+          <kv-button label="Recortar" severity="primary" icon="crop" (click)="cropImage()" class="ml-2"></kv-button>
+        </div>
+      </div>
   `, standalone: true, imports: [
                         DialogModule,
                         KvModalModule,
@@ -4837,11 +4855,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 }, { token: NotificationService }, { token: ImageCutterService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: KvAvatarComponent, selector: "kv-avatar", inputs: { borderColor: { classPropertyName: "borderColor", publicName: "borderColor", isSignal: false, isRequired: false, transformFunction: null }, btnsColor: { classPropertyName: "btnsColor", publicName: "btnsColor", isSignal: false, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: false, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: false, isRequired: false, transformFunction: null }, btnAlterarFoto: { classPropertyName: "btnAlterarFoto", publicName: "btnAlterarFoto", isSignal: false, isRequired: false, transformFunction: null }, imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { imageUrlChange: "imageUrlChange", removerFotoEvent: "removerFotoEvent" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div class=\"image-container\" [style.width.px]=\"width\" [style.height.px]=\"height\" >\r\n\r\n  <img\r\n    [src]=\"imageSource()\"\r\n    (load)=\"onImageLoad()\"\r\n    (error)=\"handleImageError($event)\"\r\n    alt=\"Foto\"\r\n    class=\"container-foto\"\r\n    [style.border-color]=\"borderColor\"\r\n    [style.width.px]=\"width\"\r\n    [style.height.px]=\"height\"\r\n    >\r\n\r\n  <div class=\"btn\">\r\n    <input #fileInput *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"changeImage($any($event))\">\r\n\r\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\"\r\n      class=\"botao-alterar-foto border-circle\"\r\n      [style.background-color]=\"btnsColor\" (click)=\"openFile()\">\r\n      <i class=\"material-symbols-outlined\">photo_camera</i>\r\n    </button>\r\n\r\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" [style.background-color]=\"btnsColor\"\r\n        class=\"botao-excluir-foto border-circle\r\n                hover:shadow-3\r\n                active:shadow-5\"\r\n        (click)=\"questionRemoverFoto()\">\r\n      <i class=\"material-symbols-outlined\">delete</i>\r\n    </button>\r\n  </div>\r\n\r\n  <ngx-loading [show]=\"!imageLoaded()\" full class=\"container-foto\" [config]=\"{backdropBorderRadius: '100%', fullScreenBackdrop: false }\"></ngx-loading>\r\n\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}img{border-style:solid;border-width:2px;border-radius:50%;object-fit:cover}i{font-size:22px}.botao-alterar-foto{border-style:none;width:max-content;background-color:#002542;color:#000;font-weight:700;cursor:pointer;padding:7px 9px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#002542;color:#000;font-weight:700;cursor:pointer;padding:7px 9px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}.modal{display:block;position:absolute;z-index:9999;left:0;top:0;width:100vw;height:100vh;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:1% auto;padding:20px;border:1px solid #888;width:80%;max-width:fit-content;text-align:center;border-radius:12px}.crop-container{display:flex;justify-content:center;align-items:center}.crop-canvas{border:1px solid black;border-radius:12px;width:100%;height:auto}.crop-border{position:absolute;border:2px solid black;border-radius:50%;pointer-events:none}.zoom-container{padding-top:20px;padding-bottom:20px}.button-container{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;margin-top:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$5.NgxLoadingComponent, selector: "ngx-loading", inputs: ["show", "config", "template"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: KvAvatarComponent, selector: "kv-avatar", inputs: { borderColor: { classPropertyName: "borderColor", publicName: "borderColor", isSignal: false, isRequired: false, transformFunction: null }, btnsColor: { classPropertyName: "btnsColor", publicName: "btnsColor", isSignal: false, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: false, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: false, isRequired: false, transformFunction: null }, btnAlterarFoto: { classPropertyName: "btnAlterarFoto", publicName: "btnAlterarFoto", isSignal: false, isRequired: false, transformFunction: null }, imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { imageUrlChange: "imageUrlChange", removerFotoEvent: "removerFotoEvent" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div class=\"image-container\" [style.width.px]=\"width\" [style.height.px]=\"height\" >\n\n  <img\n    [src]=\"imageSource()\"\n    (load)=\"onImageLoad()\"\n    (error)=\"handleImageError($event)\"\n    alt=\"Foto\"\n    class=\"container-foto\"\n    [style.border-color]=\"borderColor\"\n    [style.width.px]=\"width\"\n    [style.height.px]=\"height\"\n    >\n\n  <div class=\"btn\">\n    <input #fileInput *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"changeImage($any($event))\">\n\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\"\n      class=\"botao-alterar-foto border-circle\"\n      [style.background-color]=\"btnsColor\" (click)=\"openFile()\">\n      <i class=\"material-symbols-outlined\">photo_camera</i>\n    </button>\n\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" [style.background-color]=\"btnsColor\"\n        class=\"botao-excluir-foto border-circle\n                hover:shadow-3\n                active:shadow-5\"\n        (click)=\"questionRemoverFoto()\">\n      <i class=\"material-symbols-outlined\">delete</i>\n    </button>\n  </div>\n\n  <ngx-loading [show]=\"!imageLoaded()\" full class=\"container-foto\" [config]=\"{backdropBorderRadius: '100%', fullScreenBackdrop: false }\"></ngx-loading>\n\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}img{border-style:solid;border-width:2px;border-radius:50%;object-fit:cover}i{font-size:22px}.botao-alterar-foto{border-style:none;width:max-content;background-color:#002542;color:#000;font-weight:700;cursor:pointer;padding:7px 9px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#002542;color:#000;font-weight:700;cursor:pointer;padding:7px 9px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}.modal{display:block;position:absolute;z-index:9999;left:0;top:0;width:100vw;height:100vh;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:1% auto;padding:20px;border:1px solid #888;width:80%;max-width:fit-content;text-align:center;border-radius:12px}.crop-container{display:flex;justify-content:center;align-items:center}.crop-canvas{border:1px solid black;border-radius:12px;width:100%;height:auto}.crop-border{position:absolute;border:2px solid black;border-radius:50%;pointer-events:none}.zoom-container{padding-top:20px;padding-bottom:20px}.button-container{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;margin-top:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$5.NgxLoadingComponent, selector: "ngx-loading", inputs: ["show", "config", "template"] }] }); }
 }
 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\" [style.width.px]=\"width\" [style.height.px]=\"height\" >\r\n\r\n  <img\r\n    [src]=\"imageSource()\"\r\n    (load)=\"onImageLoad()\"\r\n    (error)=\"handleImageError($event)\"\r\n    alt=\"Foto\"\r\n    class=\"container-foto\"\r\n    [style.border-color]=\"borderColor\"\r\n    [style.width.px]=\"width\"\r\n    [style.height.px]=\"height\"\r\n    >\r\n\r\n  <div class=\"btn\">\r\n    <input #fileInput *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"changeImage($any($event))\">\r\n\r\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\"\r\n      class=\"botao-alterar-foto border-circle\"\r\n      [style.background-color]=\"btnsColor\" (click)=\"openFile()\">\r\n      <i class=\"material-symbols-outlined\">photo_camera</i>\r\n    </button>\r\n\r\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" [style.background-color]=\"btnsColor\"\r\n        class=\"botao-excluir-foto border-circle\r\n                hover:shadow-3\r\n                active:shadow-5\"\r\n        (click)=\"questionRemoverFoto()\">\r\n      <i class=\"material-symbols-outlined\">delete</i>\r\n    </button>\r\n  </div>\r\n\r\n  <ngx-loading [show]=\"!imageLoaded()\" full class=\"container-foto\" [config]=\"{backdropBorderRadius: '100%', fullScreenBackdrop: false }\"></ngx-loading>\r\n\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}img{border-style:solid;border-width:2px;border-radius:50%;object-fit:cover}i{font-size:22px}.botao-alterar-foto{border-style:none;width:max-content;background-color:#002542;color:#000;font-weight:700;cursor:pointer;padding:7px 9px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#002542;color:#000;font-weight:700;cursor:pointer;padding:7px 9px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}.modal{display:block;position:absolute;z-index:9999;left:0;top:0;width:100vw;height:100vh;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:1% auto;padding:20px;border:1px solid #888;width:80%;max-width:fit-content;text-align:center;border-radius:12px}.crop-container{display:flex;justify-content:center;align-items:center}.crop-canvas{border:1px solid black;border-radius:12px;width:100%;height:auto}.crop-border{position:absolute;border:2px solid black;border-radius:50%;pointer-events:none}.zoom-container{padding-top:20px;padding-bottom:20px}.button-container{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;margin-top:24px}\n"] }]
+            args: [{ selector: 'kv-avatar', template: "<div class=\"image-container\" [style.width.px]=\"width\" [style.height.px]=\"height\" >\n\n  <img\n    [src]=\"imageSource()\"\n    (load)=\"onImageLoad()\"\n    (error)=\"handleImageError($event)\"\n    alt=\"Foto\"\n    class=\"container-foto\"\n    [style.border-color]=\"borderColor\"\n    [style.width.px]=\"width\"\n    [style.height.px]=\"height\"\n    >\n\n  <div class=\"btn\">\n    <input #fileInput *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"changeImage($any($event))\">\n\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\"\n      class=\"botao-alterar-foto border-circle\"\n      [style.background-color]=\"btnsColor\" (click)=\"openFile()\">\n      <i class=\"material-symbols-outlined\">photo_camera</i>\n    </button>\n\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" [style.background-color]=\"btnsColor\"\n        class=\"botao-excluir-foto border-circle\n                hover:shadow-3\n                active:shadow-5\"\n        (click)=\"questionRemoverFoto()\">\n      <i class=\"material-symbols-outlined\">delete</i>\n    </button>\n  </div>\n\n  <ngx-loading [show]=\"!imageLoaded()\" full class=\"container-foto\" [config]=\"{backdropBorderRadius: '100%', fullScreenBackdrop: false }\"></ngx-loading>\n\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}img{border-style:solid;border-width:2px;border-radius:50%;object-fit:cover}i{font-size:22px}.botao-alterar-foto{border-style:none;width:max-content;background-color:#002542;color:#000;font-weight:700;cursor:pointer;padding:7px 9px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#002542;color:#000;font-weight:700;cursor:pointer;padding:7px 9px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}.modal{display:block;position:absolute;z-index:9999;left:0;top:0;width:100vw;height:100vh;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:1% auto;padding:20px;border:1px solid #888;width:80%;max-width:fit-content;text-align:center;border-radius:12px}.crop-container{display:flex;justify-content:center;align-items:center}.crop-canvas{border:1px solid black;border-radius:12px;width:100%;height:auto}.crop-border{position:absolute;border:2px solid black;border-radius:50%;pointer-events:none}.zoom-container{padding-top:20px;padding-bottom:20px}.button-container{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;margin-top:24px}\n"] }]
         }], ctorParameters: () => [{ type: ImagensService }, { type: NotificationService }, { type: ImageCutterService }], propDecorators: { borderColor: [{
                 type: Input
             }], btnsColor: [{
@@ -5026,11 +5044,11 @@ class KvCarouselComponent {
         window.open(link, '_blank');
     }
     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: "17.2.0", version: "17.3.8", type: KvCarouselComponent, selector: "kv-carousel", inputs: { heightCarousel: { classPropertyName: "heightCarousel", publicName: "heightCarousel", isSignal: true, isRequired: false, transformFunction: null }, carouselData: { classPropertyName: "carouselData", publicName: "carouselData", isSignal: false, isRequired: false, transformFunction: null }, autoplayInterval: { classPropertyName: "autoplayInterval", publicName: "autoplayInterval", isSignal: false, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "carouselContainer", first: true, predicate: Carousel, descendants: true, isSignal: true }], ngImport: i0, template: "<p-carousel\r\n  [value]=\"carouselData\"\r\n  [indicatorStyleClass]=\"'carousel-indicator'\"\r\n  [autoplayInterval]=\"autoplayInterval\"\r\n  [showIndicators]=\"true\"\r\n  [showNavigators]=\"false\"\r\n  [numVisible]=\"1\"\r\n  [numScroll]=\"1\"\r\n  [circular]=\"true\"\r\n  styleClass=\"h-full\"\r\n>\r\n  >\r\n  <ng-template\r\n    pTemplate=\"item\"\r\n    let-banner\r\n    class=\"justify-content-center align-items-center\"\r\n  >\r\n    <img\r\n      [src]=\"banner.img\"\r\n      class=\"w-full border-round-banner\"\r\n      [style.height.px]=\"heightComputed()\"\r\n      (click)=\"navigateToLink(banner.link)\"\r\n    />\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$3.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: "17.2.0", version: "17.3.8", type: KvCarouselComponent, selector: "kv-carousel", inputs: { heightCarousel: { classPropertyName: "heightCarousel", publicName: "heightCarousel", isSignal: true, isRequired: false, transformFunction: null }, carouselData: { classPropertyName: "carouselData", publicName: "carouselData", isSignal: false, isRequired: false, transformFunction: null }, autoplayInterval: { classPropertyName: "autoplayInterval", publicName: "autoplayInterval", isSignal: false, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "carouselContainer", first: true, predicate: Carousel, descendants: true, isSignal: true }], ngImport: i0, template: "<p-carousel\n  [value]=\"carouselData\"\n  [indicatorStyleClass]=\"'carousel-indicator'\"\n  [autoplayInterval]=\"autoplayInterval\"\n  [showIndicators]=\"true\"\n  [showNavigators]=\"false\"\n  [numVisible]=\"1\"\n  [numScroll]=\"1\"\n  [circular]=\"true\"\n  styleClass=\"h-full\"\n>\n  >\n  <ng-template\n    pTemplate=\"item\"\n    let-banner\n    class=\"justify-content-center align-items-center\"\n  >\n    <img\n      [src]=\"banner.img\"\n      class=\"w-full border-round-banner\"\n      [style.height.px]=\"heightComputed()\"\n      (click)=\"navigateToLink(banner.link)\"\n    />\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$3.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\r\n  [value]=\"carouselData\"\r\n  [indicatorStyleClass]=\"'carousel-indicator'\"\r\n  [autoplayInterval]=\"autoplayInterval\"\r\n  [showIndicators]=\"true\"\r\n  [showNavigators]=\"false\"\r\n  [numVisible]=\"1\"\r\n  [numScroll]=\"1\"\r\n  [circular]=\"true\"\r\n  styleClass=\"h-full\"\r\n>\r\n  >\r\n  <ng-template\r\n    pTemplate=\"item\"\r\n    let-banner\r\n    class=\"justify-content-center align-items-center\"\r\n  >\r\n    <img\r\n      [src]=\"banner.img\"\r\n      class=\"w-full border-round-banner\"\r\n      [style.height.px]=\"heightComputed()\"\r\n      (click)=\"navigateToLink(banner.link)\"\r\n    />\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\n  [value]=\"carouselData\"\n  [indicatorStyleClass]=\"'carousel-indicator'\"\n  [autoplayInterval]=\"autoplayInterval\"\n  [showIndicators]=\"true\"\n  [showNavigators]=\"false\"\n  [numVisible]=\"1\"\n  [numScroll]=\"1\"\n  [circular]=\"true\"\n  styleClass=\"h-full\"\n>\n  >\n  <ng-template\n    pTemplate=\"item\"\n    let-banner\n    class=\"justify-content-center align-items-center\"\n  >\n    <img\n      [src]=\"banner.img\"\n      class=\"w-full border-round-banner\"\n      [style.height.px]=\"heightComputed()\"\n      (click)=\"navigateToLink(banner.link)\"\n    />\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
             }], autoplayInterval: [{
@@ -5098,11 +5116,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>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep .p-checkbox-label{font-size:.75rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}::ng-deep .p-inputgroup-addon .p-checkbox.p-component{width:100%!important;height:100%!important}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem}::ng-deep .p-checkbox-label{margin-left:.1rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\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: i8$1.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>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep .p-checkbox-label{font-size:.75rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}::ng-deep .p-inputgroup-addon .p-checkbox.p-component{width:100%!important;height:100%!important}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem}::ng-deep .p-checkbox-label{margin-left:.1rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\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: i8$1.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>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep .p-checkbox-label{font-size:.75rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}::ng-deep .p-inputgroup-addon .p-checkbox.p-component{width:100%!important;height:100%!important}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem}::ng-deep .p-checkbox-label{margin-left:.1rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\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>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep .p-checkbox-label{font-size:.75rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}::ng-deep .p-inputgroup-addon .p-checkbox.p-component{width:100%!important;height:100%!important}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem}::ng-deep .p-checkbox-label{margin-left:.1rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { onCheckChange: [{
                 type: Output
             }] } });
@@ -5362,11 +5380,11 @@ class KvInputCalendarComponent extends BaseComponentInput {
         return dateMasked;
     }
     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", defaultDate: "defaultDate", showButtonBar: "showButtonBar", showIcon: "showIcon", showTime: "showTime", selectionMode: "selectionMode" }, outputs: { onSelectionChange: "onSelectionChange", onSelectionValue: "onSelectionValue" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, 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 && label + (showAsterisk ? '*' : '')\"\r\n  />\r\n  <p-calendar\r\n\r\n    dateMask\r\n    (onInput)=\"onKeyDate($event)\"\r\n\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    [defaultDate]=\"defaultDate\"\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    [showOnFocus]=\"showTime || screenWidth > 1366 || selectionMode == 'range'\"\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    [placeholder]=\"placeholder\"\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>\r\n", styles: ["::ng-deep .p-calendar-w-btn .p-datepicker-trigger{background-color:#f2f3f5;border:none;color:#000;border:solid 1px #d1d5db;width:1.875rem}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:hover{background-color:#d9dadb}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:disabled{background-color:#f2f3f5}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:active{background-color:#c0c1c2}::ng-deep input{font-size:.875rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\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$4.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", defaultDate: "defaultDate", showButtonBar: "showButtonBar", showIcon: "showIcon", showTime: "showTime", selectionMode: "selectionMode" }, outputs: { onSelectionChange: "onSelectionChange", onSelectionValue: "onSelectionValue" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, 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 && label + (showAsterisk ? '*' : '')\"\n  />\n  <p-calendar\n\n    dateMask\n    (onInput)=\"onKeyDate($event)\"\n\n    #dateFilter\n    appendTo=\"body\"\n    [class]=\"baseInputClass\"\n    [id]=\"componentId\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [defaultDate]=\"defaultDate\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    [selectionMode]=\"selectionMode\"\n    [showButtonBar]=\"showButtonBar\"\n    [showIcon]=\"showIcon\"\n    [showTime]=\"showTime\"\n    [showOnFocus]=\"showTime || screenWidth > 1366 || selectionMode == 'range'\"\n    [view]=\"typeView\"\n    [dateFormat]=\"dateFormat\"\n    (onBlur)=\"onInputBlur($event)\"\n    (onClose)=\"onInputClose($event)\"\n    (onSelect)=\"onInputChange($event)\"\n    styleClass=\"inputs\"\n    [placeholder]=\"placeholder\"\n  >\n  </p-calendar>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>\n", styles: ["::ng-deep .p-calendar-w-btn .p-datepicker-trigger{background-color:#f2f3f5;border:none;color:#000;border:solid 1px #d1d5db;width:1.875rem}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:hover{background-color:#d9dadb}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:disabled{background-color:#f2f3f5}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:active{background-color:#c0c1c2}::ng-deep input{font-size:.875rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\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$4.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 && label + (showAsterisk ? '*' : '')\"\r\n  />\r\n  <p-calendar\r\n\r\n    dateMask\r\n    (onInput)=\"onKeyDate($event)\"\r\n\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    [defaultDate]=\"defaultDate\"\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    [showOnFocus]=\"showTime || screenWidth > 1366 || selectionMode == 'range'\"\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    [placeholder]=\"placeholder\"\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>\r\n", styles: ["::ng-deep .p-calendar-w-btn .p-datepicker-trigger{background-color:#f2f3f5;border:none;color:#000;border:solid 1px #d1d5db;width:1.875rem}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:hover{background-color:#d9dadb}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:disabled{background-color:#f2f3f5}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:active{background-color:#c0c1c2}::ng-deep input{font-size:.875rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
+            args: [{ selector: 'kv-input-calendar', providers: ComponentProviders(KvInputCalendarComponent), template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label && label + (showAsterisk ? '*' : '')\"\n  />\n  <p-calendar\n\n    dateMask\n    (onInput)=\"onKeyDate($event)\"\n\n    #dateFilter\n    appendTo=\"body\"\n    [class]=\"baseInputClass\"\n    [id]=\"componentId\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [defaultDate]=\"defaultDate\"\n    [minDate]=\"minDate\"\n    [maxDate]=\"maxDate\"\n    [selectionMode]=\"selectionMode\"\n    [showButtonBar]=\"showButtonBar\"\n    [showIcon]=\"showIcon\"\n    [showTime]=\"showTime\"\n    [showOnFocus]=\"showTime || screenWidth > 1366 || selectionMode == 'range'\"\n    [view]=\"typeView\"\n    [dateFormat]=\"dateFormat\"\n    (onBlur)=\"onInputBlur($event)\"\n    (onClose)=\"onInputClose($event)\"\n    (onSelect)=\"onInputChange($event)\"\n    styleClass=\"inputs\"\n    [placeholder]=\"placeholder\"\n  >\n  </p-calendar>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>\n", styles: ["::ng-deep .p-calendar-w-btn .p-datepicker-trigger{background-color:#f2f3f5;border:none;color:#000;border:solid 1px #d1d5db;width:1.875rem}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:hover{background-color:#d9dadb}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:disabled{background-color:#f2f3f5}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:active{background-color:#c0c1c2}::ng-deep input{font-size:.875rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { isYear: [{
                 type: Input
             }], isMonthYear: [{
@@ -5544,11 +5562,11 @@ class KvInputTextCheckboxComponent extends BaseComponentInput {
         return 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", checkBoxValueInput: "checkBoxValueInput" }, outputs: { checkBoxEmit: "checkBoxEmit" }, providers: ComponentProviders(KvInputTextCheckboxComponent), usesInheritance: true, ngImport: i0, template: "<kv-label\r\n  [componentId]=\"componentId\"\r\n  [label]=\"label && label + (showAsterisk ? '*' : '')\"\r\n/>\r\n<div class=\"p-inputgroup\">\r\n  <span\r\n    class=\"p-inputgroup-addon flex align-items-center justify-content-center\"\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  </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      [disabled]=\"disabled\"\r\n      [placeholder]=\"placeholder\"\r\n      [id]=\"componentId\"\r\n      [(ngModel)]=\"value\"\r\n      (blur)=\"onInputBlur($event)\"\r\n      class=\"w-full\"\r\n      style=\"height: 1.875rem\"\r\n      [maxlength]=\"maxLength\"\r\n    />\r\n  </span>\r\n</div>\r\n\r\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n", styles: [".p-inputgroup-addon{height:1.875rem;width:1.875rem;min-width:1.875rem}::ng-deep .p-checkbox{width:1.125rem;height:1.125rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\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.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.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: i8$1.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: i5$3.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", checkBoxValueInput: "checkBoxValueInput" }, outputs: { checkBoxEmit: "checkBoxEmit" }, providers: ComponentProviders(KvInputTextCheckboxComponent), usesInheritance: true, ngImport: i0, template: "<kv-label\n  [componentId]=\"componentId\"\n  [label]=\"label && label + (showAsterisk ? '*' : '')\"\n/>\n<div class=\"p-inputgroup\">\n  <span\n    class=\"p-inputgroup-addon flex align-items-center justify-content-center\"\n    ><p-checkbox\n      [(ngModel)]=\"checkBoxValue\"\n      [binary]=\"true\"\n      [pTooltip]=\"tooltipCheckbox\"\n      [disabled]=\"disabledCheckbox\"\n    ></p-checkbox>\n  </span>\n\n  <span class=\"p-float-label\">\n    <input\n      type=\"text\"\n      pInputText\n      [class]=\"baseInputClass\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"placeholder\"\n      [id]=\"componentId\"\n      [(ngModel)]=\"value\"\n      (blur)=\"onInputBlur($event)\"\n      class=\"w-full\"\n      style=\"height: 1.875rem\"\n      [maxlength]=\"maxLength\"\n    />\n  </span>\n</div>\n\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n", styles: [".p-inputgroup-addon{height:1.875rem;width:1.875rem;min-width:1.875rem}::ng-deep .p-checkbox{width:1.125rem;height:1.125rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\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.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.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: i8$1.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: i5$3.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 && label + (showAsterisk ? '*' : '')\"\r\n/>\r\n<div class=\"p-inputgroup\">\r\n  <span\r\n    class=\"p-inputgroup-addon flex align-items-center justify-content-center\"\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  </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      [disabled]=\"disabled\"\r\n      [placeholder]=\"placeholder\"\r\n      [id]=\"componentId\"\r\n      [(ngModel)]=\"value\"\r\n      (blur)=\"onInputBlur($event)\"\r\n      class=\"w-full\"\r\n      style=\"height: 1.875rem\"\r\n      [maxlength]=\"maxLength\"\r\n    />\r\n  </span>\r\n</div>\r\n\r\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n", styles: [".p-inputgroup-addon{height:1.875rem;width:1.875rem;min-width:1.875rem}::ng-deep .p-checkbox{width:1.125rem;height:1.125rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
+            args: [{ selector: 'kv-input-text-checkbox', providers: ComponentProviders(KvInputTextCheckboxComponent), template: "<kv-label\n  [componentId]=\"componentId\"\n  [label]=\"label && label + (showAsterisk ? '*' : '')\"\n/>\n<div class=\"p-inputgroup\">\n  <span\n    class=\"p-inputgroup-addon flex align-items-center justify-content-center\"\n    ><p-checkbox\n      [(ngModel)]=\"checkBoxValue\"\n      [binary]=\"true\"\n      [pTooltip]=\"tooltipCheckbox\"\n      [disabled]=\"disabledCheckbox\"\n    ></p-checkbox>\n  </span>\n\n  <span class=\"p-float-label\">\n    <input\n      type=\"text\"\n      pInputText\n      [class]=\"baseInputClass\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"placeholder\"\n      [id]=\"componentId\"\n      [(ngModel)]=\"value\"\n      (blur)=\"onInputBlur($event)\"\n      class=\"w-full\"\n      style=\"height: 1.875rem\"\n      [maxlength]=\"maxLength\"\n    />\n  </span>\n</div>\n\n<kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n", styles: [".p-inputgroup-addon{height:1.875rem;width:1.875rem;min-width:1.875rem}::ng-deep .p-checkbox{width:1.125rem;height:1.125rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { checkBoxEmit: [{
                 type: Output
             }], tooltipCheckbox: [{
@@ -5578,11 +5596,11 @@ class KvInputTextComponent extends BaseComponentInput {
         }
     }
     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 && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    [class]=\"baseInputClass\"\r\n    class=\"inputs\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    (input)=\"onInputInput($event)\"\r\n    [maxlength]=\"maxLength\"\r\n    [autocomplete]=\"autocomplete\"\r\n    [placeholder]=\"placeholder\"\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", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\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.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: i5$3.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 && (label + (showAsterisk ? '*' : ''))\"\n  />\n  <input\n    pInputText\n    type=\"text\"\n    [class]=\"baseInputClass\"\n    class=\"inputs\"\n    [disabled]=\"disabled\"\n    [id]=\"componentId\"\n    [(ngModel)]=\"value\"\n    (blur)=\"onInputBlur($event)\"\n    (input)=\"onInputInput($event)\"\n    [maxlength]=\"maxLength\"\n    [autocomplete]=\"autocomplete\"\n    [placeholder]=\"placeholder\"\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", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\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.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: i5$3.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 && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    [class]=\"baseInputClass\"\r\n    class=\"inputs\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    (input)=\"onInputInput($event)\"\r\n    [maxlength]=\"maxLength\"\r\n    [autocomplete]=\"autocomplete\"\r\n    [placeholder]=\"placeholder\"\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", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
+            args: [{ selector: 'kv-input-text', providers: ComponentProviders(KvInputTextComponent), template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\n  />\n  <input\n    pInputText\n    type=\"text\"\n    [class]=\"baseInputClass\"\n    class=\"inputs\"\n    [disabled]=\"disabled\"\n    [id]=\"componentId\"\n    [(ngModel)]=\"value\"\n    (blur)=\"onInputBlur($event)\"\n    (input)=\"onInputInput($event)\"\n    [maxlength]=\"maxLength\"\n    [autocomplete]=\"autocomplete\"\n    [placeholder]=\"placeholder\"\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", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { textCaptalized: [{
                 type: Input
             }] } });
@@ -5622,11 +5640,11 @@ class KvMultiSelectComponent extends BaseComponentMultiSelect {
         this.appendTo = 'body';
     }
     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", appendTo: "appendTo" }, 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 && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n\r\n  <p-multiSelect\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    [appendTo]=\"appendTo\"\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}::ng-deep .p-multiselect-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-multiselect{width:100%}::ng-deep p-multiselect p-overlay .p-overlay{max-width:100%}::ng-deep .p-multiselect-items-wrapper .p-multiselect-items{padding:.75rem}::ng-deep .p-multiselect-filter{height:1.875rem}::ng-deep .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-multiselect-panel .p-multiselect-header{padding:.5rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!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: 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$1.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", appendTo: "appendTo" }, providers: ComponentProviders(KvMultiSelectComponent), usesInheritance: true, ngImport: i0, template: "<span [ngClass]=\"{'disable':  optionInactive === true}\">\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\n  />\n\n  <p-multiSelect\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    [appendTo]=\"appendTo\"\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}::ng-deep .p-multiselect-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-multiselect{width:100%}::ng-deep p-multiselect p-overlay .p-overlay{max-width:100%}::ng-deep .p-multiselect-items-wrapper .p-multiselect-items{padding:.75rem}::ng-deep .p-multiselect-filter{height:1.875rem}::ng-deep .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-multiselect-panel .p-multiselect-header{padding:.5rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!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: 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$1.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 && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n\r\n  <p-multiSelect\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    [appendTo]=\"appendTo\"\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}::ng-deep .p-multiselect-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-multiselect{width:100%}::ng-deep p-multiselect p-overlay .p-overlay{max-width:100%}::ng-deep .p-multiselect-items-wrapper .p-multiselect-items{padding:.75rem}::ng-deep .p-multiselect-filter{height:1.875rem}::ng-deep .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-multiselect-panel .p-multiselect-header{padding:.5rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
+            args: [{ selector: 'kv-multi-select', providers: ComponentProviders(KvMultiSelectComponent), template: "<span [ngClass]=\"{'disable':  optionInactive === true}\">\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\n  />\n\n  <p-multiSelect\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    [appendTo]=\"appendTo\"\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}::ng-deep .p-multiselect-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-multiselect{width:100%}::ng-deep p-multiselect p-overlay .p-overlay{max-width:100%}::ng-deep .p-multiselect-items-wrapper .p-multiselect-items{padding:.75rem}::ng-deep .p-multiselect-filter{height:1.875rem}::ng-deep .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-multiselect-panel .p-multiselect-header{padding:.5rem}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }], propDecorators: { group: [{
                 type: Input
             }], itemTemplate: [{
@@ -5751,11 +5769,11 @@ class KvSelectButtonsComponent {
         value.action();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", selectChange: "selectChange" }, ngImport: i0, template: "<div class=\"flex flex-1 flex-row justify-content-start\">\r\n  <div class=\"flex p-1 gap-1 border-round select-button-container\">\r\n    @for(option of options(); track option.value;) {\r\n\r\n    <button\r\n      (click)=\"select(option)\"\r\n      [ngClass]=\"[\r\n        selection() === option.value ? 'active' : 'inactive',\r\n        'select-button'\r\n      ]\"\r\n      class=\"\"\r\n      pButton\r\n      pRipple\r\n    >\r\n      @if(option.icon){\r\n        <span class=\"material-symbols-outlined\">\r\n          {{ option.icon}}\r\n        </span>\r\n      }\r\n\r\n      {{ option.label }}\r\n\r\n    </button>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".select-button{border-radius:4px!important;box-shadow:1px 1px 1px 1px #18346205;color:#000;font-weight:700;border:none;gap:.25rem;padding:.5rem!important;font-size:.8rem!important}@media (max-width: 1400px){.select-button{padding:.3rem!important}}.active{background-color:#002542;color:#fff;font-weight:600}.inactive{background-color:#f0f4f9;color:#64748b;font-weight:400;transition:background-color .3s ease}.inactive:hover{background-color:#a3a3a336;color:#47566b}.select-button-container{background-color:#f0f4f9;border:.5px solid #CBD5E1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", selectChange: "selectChange" }, ngImport: i0, template: "<div class=\"flex flex-1 flex-row justify-content-start\">\n  <div class=\"flex p-1 gap-1 border-round select-button-container\">\n    @for(option of options(); track option.value;) {\n\n    <button\n      (click)=\"select(option)\"\n      [ngClass]=\"[\n        selection() === option.value ? 'active' : 'inactive',\n        'select-button'\n      ]\"\n      class=\"\"\n      pButton\n      pRipple\n    >\n      @if(option.icon){\n        <span class=\"material-symbols-outlined\">\n          {{ option.icon}}\n        </span>\n      }\n\n      {{ option.label }}\n\n    </button>\n    }\n  </div>\n</div>\n", styles: [".select-button{border-radius:4px!important;box-shadow:1px 1px 1px 1px #18346205;color:#000;font-weight:700;border:none;gap:.25rem;padding:.5rem!important;font-size:.8rem!important}@media (max-width: 1400px){.select-button{padding:.3rem!important}}.active{background-color:#002542;color:#fff;font-weight:600}.inactive{background-color:#f0f4f9;color:#64748b;font-weight:400;transition:background-color .3s ease}.inactive:hover{background-color:#a3a3a336;color:#47566b}.select-button-container{background-color:#f0f4f9;border:.5px solid #CBD5E1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: KvSelectButtonsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row justify-content-start\">\r\n  <div class=\"flex p-1 gap-1 border-round select-button-container\">\r\n    @for(option of options(); track option.value;) {\r\n\r\n    <button\r\n      (click)=\"select(option)\"\r\n      [ngClass]=\"[\r\n        selection() === option.value ? 'active' : 'inactive',\r\n        'select-button'\r\n      ]\"\r\n      class=\"\"\r\n      pButton\r\n      pRipple\r\n    >\r\n      @if(option.icon){\r\n        <span class=\"material-symbols-outlined\">\r\n          {{ option.icon}}\r\n        </span>\r\n      }\r\n\r\n      {{ option.label }}\r\n\r\n    </button>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".select-button{border-radius:4px!important;box-shadow:1px 1px 1px 1px #18346205;color:#000;font-weight:700;border:none;gap:.25rem;padding:.5rem!important;font-size:.8rem!important}@media (max-width: 1400px){.select-button{padding:.3rem!important}}.active{background-color:#002542;color:#fff;font-weight:600}.inactive{background-color:#f0f4f9;color:#64748b;font-weight:400;transition:background-color .3s ease}.inactive:hover{background-color:#a3a3a336;color:#47566b}.select-button-container{background-color:#f0f4f9;border:.5px solid #CBD5E1}\n"] }]
+            args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row justify-content-start\">\n  <div class=\"flex p-1 gap-1 border-round select-button-container\">\n    @for(option of options(); track option.value;) {\n\n    <button\n      (click)=\"select(option)\"\n      [ngClass]=\"[\n        selection() === option.value ? 'active' : 'inactive',\n        'select-button'\n      ]\"\n      class=\"\"\n      pButton\n      pRipple\n    >\n      @if(option.icon){\n        <span class=\"material-symbols-outlined\">\n          {{ option.icon}}\n        </span>\n      }\n\n      {{ option.label }}\n\n    </button>\n    }\n  </div>\n</div>\n", styles: [".select-button{border-radius:4px!important;box-shadow:1px 1px 1px 1px #18346205;color:#000;font-weight:700;border:none;gap:.25rem;padding:.5rem!important;font-size:.8rem!important}@media (max-width: 1400px){.select-button{padding:.3rem!important}}.active{background-color:#002542;color:#fff;font-weight:600}.inactive{background-color:#f0f4f9;color:#64748b;font-weight:400;transition:background-color .3s ease}.inactive:hover{background-color:#a3a3a336;color:#47566b}.select-button-container{background-color:#f0f4f9;border:.5px solid #CBD5E1}\n"] }]
         }], propDecorators: { defaultValue: [{
                 type: Input
             }], selectChange: [{
@@ -5795,11 +5813,11 @@ class KvTreeMultiSelectComponent extends BaseComponentMultiSelect {
         this.handleChips();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTreeMultiSelectComponent, deps: [{ token: ComponentService }, { token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTreeMultiSelectComponent, selector: "kv-tree-multi-select", inputs: { appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: false, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: false, isRequired: false, transformFunction: null }, itemTemplates: { classPropertyName: "itemTemplates", publicName: "itemTemplates", isSignal: false, isRequired: false, transformFunction: null }, propagateSelectionDown: { classPropertyName: "propagateSelectionDown", publicName: "propagateSelectionDown", isSignal: true, isRequired: false, transformFunction: null }, propagateSelectionUp: { classPropertyName: "propagateSelectionUp", publicName: "propagateSelectionUp", isSignal: true, isRequired: false, transformFunction: null } }, providers: ComponentProviders(KvTreeMultiSelectComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && label + (showAsterisk ? '*' : '')\"\r\n  />\r\n\r\n  <p-treeSelect\r\n    inputId=\"tree-multi-select\"\r\n    [class]=\"baseInputClass\"\r\n    [disabled]=\"disabled\"\r\n    [options]=\"options\"\r\n    [filter]=\"filter\"\r\n    [showClear]=\"showClear\"\r\n    [(ngModel)]=\"value\"\r\n    (onNodeSelect)=\"selectionChange($event)\"\r\n    (onNodeUnselect)=\"selectionChange($event)\"\r\n    (onPanelHide)=\"panelHide($event)\"\r\n    [appendTo]=\"appendTo\"\r\n    [metaKeySelection]=\"false\"\r\n    styleClass=\"inputs\"\r\n    containerStyleClass=\"inputs\"\r\n    selectionMode=\"checkbox\"\r\n    display=\"chip\"\r\n    [propagateSelectionDown]=\"propagateSelectionDown()\"\r\n    [propagateSelectionUp]=\"propagateSelectionUp()\"\r\n  >\r\n    <ng-template let-value pTemplate=\"value\" class=\"w-full\">\r\n      <div\r\n        class=\"p-multiselect p-multiselect-chip p-multiselect-label w-full flex flex-nowrap\"\r\n      >\r\n        <div\r\n          #token\r\n          *ngFor=\"let chip of chips; let i = index\"\r\n          class=\"p-multiselect-token\"\r\n        >\r\n          <span class=\"p-multiselect-token-label\">{{ chip.label }}</span>\r\n\r\n          <TimesCircleIcon\r\n            [styleClass]=\"'p-multiselect-token-icon'\"\r\n            (click)=\"removerChip(chip, $event)\"\r\n            [attr.data-pc-section]=\"'clearicon'\"\r\n            [attr.aria-hidden]=\"true\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    @for (templateItem of itemTemplates; track $index) {\r\n    <ng-template let-node [pTemplate]=\"templateItem.type\">\r\n      @if(templateItem.template) {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"templateItem.template\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: node }\"\r\n      >\r\n      </ng-container>\r\n      }\r\n    </ng-template>\r\n\r\n    }\r\n\r\n    <ng-template let-node pTemplate=\"default\">\r\n      {{ node.label }}\r\n    </ng-template>\r\n  </p-treeSelect>\r\n\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-treeselect.p-treeselect-chip .p-treeselect-token .p-icon-wrapper{display:none!important}::ng-deep .p-treeselect.p-treeselect-chip .p-treeselect-token{padding:.1rem .4rem}::ng-deep .p-treeselect-label{padding:0rem;display:flex}::ng-deep .p-treeselect-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-treeselect{width:100%}::ng-deep p-treeselect p-overlay .p-overlay{max-width:100%}::ng-deep .p-treeselect-items-wrapper .p-treeselect-items{padding:.75rem}::ng-deep .p-treeselect-filter{height:1.875rem}::ng-deep .p-treeselect-panel .p-treeselect-items .p-treeselect-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-treeselect-panel .p-treeselect-header{padding:.5rem}:host ::ng-deep .p-chips .p-chips-multiple-container .p-chips-token{padding:.1rem .4rem;transform:translateY(-3px)}:host ::ng-deep .p-chips .p-chips-multiple-container{border:none}:host ::ng-deep .p-chip{background:red;padding:.1rem .4rem;font-size:.875rem;margin-right:.5rem;background:#e5e7eb;color:#4b5563;border-radius:16px;height:15px}::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token{padding:.1rem .4rem}:host ::ng-deep .p-multiselect.p-multiselect-chip.p-multiselect-label{border:none}:host ::ng-deep .p-treeselect-label,:host ::ng-deep .p-multiselect-label{width:100%;padding:.09rem .4rem;display:flex}:host ::ng-deep .p-multiselect-token{max-width:max-content}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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$2.TreeSelect, selector: "p-treeSelect", inputs: ["inputId", "scrollHeight", "disabled", "metaKeySelection", "variant", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autofocus", "options", "showTransitionOptions", "hideTransitionOptions", "loading"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onFocus", "onBlur", "onNodeUnselect", "onNodeSelect"] }, { kind: "component", type: i8$3.TimesCircleIcon, selector: "TimesCircleIcon" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTreeMultiSelectComponent, selector: "kv-tree-multi-select", inputs: { appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: false, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: false, isRequired: false, transformFunction: null }, itemTemplates: { classPropertyName: "itemTemplates", publicName: "itemTemplates", isSignal: false, isRequired: false, transformFunction: null }, propagateSelectionDown: { classPropertyName: "propagateSelectionDown", publicName: "propagateSelectionDown", isSignal: true, isRequired: false, transformFunction: null }, propagateSelectionUp: { classPropertyName: "propagateSelectionUp", publicName: "propagateSelectionUp", isSignal: true, isRequired: false, transformFunction: null } }, providers: ComponentProviders(KvTreeMultiSelectComponent), usesInheritance: true, ngImport: i0, template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label && label + (showAsterisk ? '*' : '')\"\n  />\n\n  <p-treeSelect\n    inputId=\"tree-multi-select\"\n    [class]=\"baseInputClass\"\n    [disabled]=\"disabled\"\n    [options]=\"options\"\n    [filter]=\"filter\"\n    [showClear]=\"showClear\"\n    [(ngModel)]=\"value\"\n    (onNodeSelect)=\"selectionChange($event)\"\n    (onNodeUnselect)=\"selectionChange($event)\"\n    (onPanelHide)=\"panelHide($event)\"\n    [appendTo]=\"appendTo\"\n    [metaKeySelection]=\"false\"\n    styleClass=\"inputs\"\n    containerStyleClass=\"inputs\"\n    selectionMode=\"checkbox\"\n    display=\"chip\"\n    [propagateSelectionDown]=\"propagateSelectionDown()\"\n    [propagateSelectionUp]=\"propagateSelectionUp()\"\n  >\n    <ng-template let-value pTemplate=\"value\" class=\"w-full\">\n      <div\n        class=\"p-multiselect p-multiselect-chip p-multiselect-label w-full flex flex-nowrap\"\n      >\n        <div\n          #token\n          *ngFor=\"let chip of chips; let i = index\"\n          class=\"p-multiselect-token\"\n        >\n          <span class=\"p-multiselect-token-label\">{{ chip.label }}</span>\n\n          <TimesCircleIcon\n            [styleClass]=\"'p-multiselect-token-icon'\"\n            (click)=\"removerChip(chip, $event)\"\n            [attr.data-pc-section]=\"'clearicon'\"\n            [attr.aria-hidden]=\"true\"\n          />\n        </div>\n      </div>\n    </ng-template>\n\n    @for (templateItem of itemTemplates; track $index) {\n    <ng-template let-node [pTemplate]=\"templateItem.type\">\n      @if(templateItem.template) {\n      <ng-container\n        [ngTemplateOutlet]=\"templateItem.template\"\n        [ngTemplateOutletContext]=\"{ $implicit: node }\"\n      >\n      </ng-container>\n      }\n    </ng-template>\n\n    }\n\n    <ng-template let-node pTemplate=\"default\">\n      {{ node.label }}\n    </ng-template>\n  </p-treeSelect>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>\n", styles: [":host ::ng-deep .disable .p-treeselect.p-treeselect-chip .p-treeselect-token .p-icon-wrapper{display:none!important}::ng-deep .p-treeselect.p-treeselect-chip .p-treeselect-token{padding:.1rem .4rem}::ng-deep .p-treeselect-label{padding:0rem;display:flex}::ng-deep .p-treeselect-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-treeselect{width:100%}::ng-deep p-treeselect p-overlay .p-overlay{max-width:100%}::ng-deep .p-treeselect-items-wrapper .p-treeselect-items{padding:.75rem}::ng-deep .p-treeselect-filter{height:1.875rem}::ng-deep .p-treeselect-panel .p-treeselect-items .p-treeselect-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-treeselect-panel .p-treeselect-header{padding:.5rem}:host ::ng-deep .p-chips .p-chips-multiple-container .p-chips-token{padding:.1rem .4rem;transform:translateY(-3px)}:host ::ng-deep .p-chips .p-chips-multiple-container{border:none}:host ::ng-deep .p-chip{background:red;padding:.1rem .4rem;font-size:.875rem;margin-right:.5rem;background:#e5e7eb;color:#4b5563;border-radius:16px;height:15px}::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token{padding:.1rem .4rem}:host ::ng-deep .p-multiselect.p-multiselect-chip.p-multiselect-label{border:none}:host ::ng-deep .p-treeselect-label,:host ::ng-deep .p-multiselect-label{width:100%;padding:.09rem .4rem;display:flex}:host ::ng-deep .p-multiselect-token{max-width:max-content}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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$2.TreeSelect, selector: "p-treeSelect", inputs: ["inputId", "scrollHeight", "disabled", "metaKeySelection", "variant", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autofocus", "options", "showTransitionOptions", "hideTransitionOptions", "loading"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onFocus", "onBlur", "onNodeUnselect", "onNodeSelect"] }, { kind: "component", type: i8$3.TimesCircleIcon, selector: "TimesCircleIcon" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTreeMultiSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-tree-multi-select', providers: ComponentProviders(KvTreeMultiSelectComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && label + (showAsterisk ? '*' : '')\"\r\n  />\r\n\r\n  <p-treeSelect\r\n    inputId=\"tree-multi-select\"\r\n    [class]=\"baseInputClass\"\r\n    [disabled]=\"disabled\"\r\n    [options]=\"options\"\r\n    [filter]=\"filter\"\r\n    [showClear]=\"showClear\"\r\n    [(ngModel)]=\"value\"\r\n    (onNodeSelect)=\"selectionChange($event)\"\r\n    (onNodeUnselect)=\"selectionChange($event)\"\r\n    (onPanelHide)=\"panelHide($event)\"\r\n    [appendTo]=\"appendTo\"\r\n    [metaKeySelection]=\"false\"\r\n    styleClass=\"inputs\"\r\n    containerStyleClass=\"inputs\"\r\n    selectionMode=\"checkbox\"\r\n    display=\"chip\"\r\n    [propagateSelectionDown]=\"propagateSelectionDown()\"\r\n    [propagateSelectionUp]=\"propagateSelectionUp()\"\r\n  >\r\n    <ng-template let-value pTemplate=\"value\" class=\"w-full\">\r\n      <div\r\n        class=\"p-multiselect p-multiselect-chip p-multiselect-label w-full flex flex-nowrap\"\r\n      >\r\n        <div\r\n          #token\r\n          *ngFor=\"let chip of chips; let i = index\"\r\n          class=\"p-multiselect-token\"\r\n        >\r\n          <span class=\"p-multiselect-token-label\">{{ chip.label }}</span>\r\n\r\n          <TimesCircleIcon\r\n            [styleClass]=\"'p-multiselect-token-icon'\"\r\n            (click)=\"removerChip(chip, $event)\"\r\n            [attr.data-pc-section]=\"'clearicon'\"\r\n            [attr.aria-hidden]=\"true\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    @for (templateItem of itemTemplates; track $index) {\r\n    <ng-template let-node [pTemplate]=\"templateItem.type\">\r\n      @if(templateItem.template) {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"templateItem.template\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: node }\"\r\n      >\r\n      </ng-container>\r\n      }\r\n    </ng-template>\r\n\r\n    }\r\n\r\n    <ng-template let-node pTemplate=\"default\">\r\n      {{ node.label }}\r\n    </ng-template>\r\n  </p-treeSelect>\r\n\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-treeselect.p-treeselect-chip .p-treeselect-token .p-icon-wrapper{display:none!important}::ng-deep .p-treeselect.p-treeselect-chip .p-treeselect-token{padding:.1rem .4rem}::ng-deep .p-treeselect-label{padding:0rem;display:flex}::ng-deep .p-treeselect-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-treeselect{width:100%}::ng-deep p-treeselect p-overlay .p-overlay{max-width:100%}::ng-deep .p-treeselect-items-wrapper .p-treeselect-items{padding:.75rem}::ng-deep .p-treeselect-filter{height:1.875rem}::ng-deep .p-treeselect-panel .p-treeselect-items .p-treeselect-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-treeselect-panel .p-treeselect-header{padding:.5rem}:host ::ng-deep .p-chips .p-chips-multiple-container .p-chips-token{padding:.1rem .4rem;transform:translateY(-3px)}:host ::ng-deep .p-chips .p-chips-multiple-container{border:none}:host ::ng-deep .p-chip{background:red;padding:.1rem .4rem;font-size:.875rem;margin-right:.5rem;background:#e5e7eb;color:#4b5563;border-radius:16px;height:15px}::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token{padding:.1rem .4rem}:host ::ng-deep .p-multiselect.p-multiselect-chip.p-multiselect-label{border:none}:host ::ng-deep .p-treeselect-label,:host ::ng-deep .p-multiselect-label{width:100%;padding:.09rem .4rem;display:flex}:host ::ng-deep .p-multiselect-token{max-width:max-content}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
+            args: [{ selector: 'kv-tree-multi-select', providers: ComponentProviders(KvTreeMultiSelectComponent), template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label && label + (showAsterisk ? '*' : '')\"\n  />\n\n  <p-treeSelect\n    inputId=\"tree-multi-select\"\n    [class]=\"baseInputClass\"\n    [disabled]=\"disabled\"\n    [options]=\"options\"\n    [filter]=\"filter\"\n    [showClear]=\"showClear\"\n    [(ngModel)]=\"value\"\n    (onNodeSelect)=\"selectionChange($event)\"\n    (onNodeUnselect)=\"selectionChange($event)\"\n    (onPanelHide)=\"panelHide($event)\"\n    [appendTo]=\"appendTo\"\n    [metaKeySelection]=\"false\"\n    styleClass=\"inputs\"\n    containerStyleClass=\"inputs\"\n    selectionMode=\"checkbox\"\n    display=\"chip\"\n    [propagateSelectionDown]=\"propagateSelectionDown()\"\n    [propagateSelectionUp]=\"propagateSelectionUp()\"\n  >\n    <ng-template let-value pTemplate=\"value\" class=\"w-full\">\n      <div\n        class=\"p-multiselect p-multiselect-chip p-multiselect-label w-full flex flex-nowrap\"\n      >\n        <div\n          #token\n          *ngFor=\"let chip of chips; let i = index\"\n          class=\"p-multiselect-token\"\n        >\n          <span class=\"p-multiselect-token-label\">{{ chip.label }}</span>\n\n          <TimesCircleIcon\n            [styleClass]=\"'p-multiselect-token-icon'\"\n            (click)=\"removerChip(chip, $event)\"\n            [attr.data-pc-section]=\"'clearicon'\"\n            [attr.aria-hidden]=\"true\"\n          />\n        </div>\n      </div>\n    </ng-template>\n\n    @for (templateItem of itemTemplates; track $index) {\n    <ng-template let-node [pTemplate]=\"templateItem.type\">\n      @if(templateItem.template) {\n      <ng-container\n        [ngTemplateOutlet]=\"templateItem.template\"\n        [ngTemplateOutletContext]=\"{ $implicit: node }\"\n      >\n      </ng-container>\n      }\n    </ng-template>\n\n    }\n\n    <ng-template let-node pTemplate=\"default\">\n      {{ node.label }}\n    </ng-template>\n  </p-treeSelect>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>\n", styles: [":host ::ng-deep .disable .p-treeselect.p-treeselect-chip .p-treeselect-token .p-icon-wrapper{display:none!important}::ng-deep .p-treeselect.p-treeselect-chip .p-treeselect-token{padding:.1rem .4rem}::ng-deep .p-treeselect-label{padding:0rem;display:flex}::ng-deep .p-treeselect-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-treeselect{width:100%}::ng-deep p-treeselect p-overlay .p-overlay{max-width:100%}::ng-deep .p-treeselect-items-wrapper .p-treeselect-items{padding:.75rem}::ng-deep .p-treeselect-filter{height:1.875rem}::ng-deep .p-treeselect-panel .p-treeselect-items .p-treeselect-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-treeselect-panel .p-treeselect-header{padding:.5rem}:host ::ng-deep .p-chips .p-chips-multiple-container .p-chips-token{padding:.1rem .4rem;transform:translateY(-3px)}:host ::ng-deep .p-chips .p-chips-multiple-container{border:none}:host ::ng-deep .p-chip{background:red;padding:.1rem .4rem;font-size:.875rem;margin-right:.5rem;background:#e5e7eb;color:#4b5563;border-radius:16px;height:15px}::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token{padding:.1rem .4rem}:host ::ng-deep .p-multiselect.p-multiselect-chip.p-multiselect-label{border:none}:host ::ng-deep .p-treeselect-label,:host ::ng-deep .p-multiselect-label{width:100%;padding:.09rem .4rem;display:flex}:host ::ng-deep .p-multiselect-token{max-width:max-content}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }, { type: i2$1.FormBuilder }], propDecorators: { appendTo: [{
                 type: Input
             }], options: [{
@@ -5988,11 +6006,11 @@ class KvLoginComponent extends BaseComponentCrudForm {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvLoginComponent, deps: null, 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        id=\"kvLogin-card\"\r\n        class=\"flex flex-column align-items-center justify-content-between bg-white border-round-xl\"\r\n        [style.width.rem]=\"20\"\r\n        [style.height.rem]=\"28\"\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 pb-0\">\r\n\r\n            <div\r\n                class=\"mb-2 w-full flex flex-row align-items-center justify-content-srart gap-1 font-medium\"\r\n            >\r\n                <img\r\n                    [style.height.rem]=\"1.5\"\r\n                    class=\"ml-2\"\r\n                    alt=\"keepass\"\r\n                    src=\"https://work-assets.keevo.com.br/img/icone-keepass-preto.png\"\r\n                />\r\n                <label\r\n                    class=\"mt-1 text-sm\"\r\n                >\r\n                    Entrar com KeePass\r\n                </label>\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 h-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                    class=\"text-xs\"\r\n                    [style.color]=\"SystemColorPrimary\"\r\n                >\r\n                    Esqueceu a senha?\r\n                </a>\r\n            </div>\r\n\r\n            <div id=\"kvLogin-cadastro\" class=\"flex w-full justify-content-center h-2\">\r\n                <label\r\n                    class=\"text-xs font-normal\"\r\n                >\r\n                    Novo no KeePass?\r\n                    <a\r\n                        href=\"https://keepass.seg.br/cadastrar\"\r\n                        target=\"_blank\"\r\n                        class=\"text-xs m-0 p-0\"\r\n                        [style.color]=\"SystemColorPrimary\"\r\n                    >\r\n                        Cadastre-se.\r\n                    </a>\r\n                </label>\r\n            </div>\r\n        </div>\r\n    \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 class=\"logo-keevo\">\r\n        <img\r\n            src=\"https://work-assets.keevo.com.br/img/keevo-logo-temp.png\"\r\n        />\r\n        <label\r\n            class=\"text-xs\"\r\n            [style.color]=\"SystemColorSecondary\"\r\n        >\r\n            Copyright \u00A9 2024 - Keevo Ltda Todos os direitos reservados.\r\n        </label>\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-card{box-shadow:#00000059 0 5px 15px}#kvLogin-esqueceu-senha{position:relative;bottom:.5rem;padding-right:10px}#kvLogin-esqueceu-senha a{text-decoration:none;font-weight:500;cursor:pointer;transition:text-shadow .2s ease-in-out}#kvLogin-esqueceu-senha a:hover{text-shadow:0 0 2px rgba(158,158,158,.692)}#kvLogin-cadastro{margin-bottom:1rem}#kvLogin-cadastro a{text-decoration:none;font-weight:600;cursor:pointer;gap:3px;transition:text-shadow .2s ease-in-out}#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 .5rem .5rem;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{text-align:center}.logo-keevo img{height:2rem;width:auto;display:block;margin:0 auto;margin-top:5rem}.logo-keevo label{display:block;margin-top:.5rem}@media (max-height: 700px){.logo-keevo img{margin-top:1rem}#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        id=\"kvLogin-card\"\n        class=\"flex flex-column align-items-center justify-content-between bg-white border-round-xl\"\n        [style.width.rem]=\"20\"\n        [style.height.rem]=\"28\"\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 pb-0\">\n\n            <div\n                class=\"mb-2 w-full flex flex-row align-items-center justify-content-srart gap-1 font-medium\"\n            >\n                <img\n                    [style.height.rem]=\"1.5\"\n                    class=\"ml-2\"\n                    alt=\"keepass\"\n                    src=\"https://work-assets.keevo.com.br/img/icone-keepass-preto.png\"\n                />\n                <label\n                    class=\"mt-1 text-sm\"\n                >\n                    Entrar com KeePass\n                </label>\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 h-2\"\n                id=\"kvLogin-esqueceu-senha\"\n            >\n                <a\n                    href=\"https://keepass.seg.br/redefinirsenha\"\n                    target=\"_blank\"\n                    class=\"text-xs\"\n                    [style.color]=\"SystemColorPrimary\"\n                >\n                    Esqueceu a senha?\n                </a>\n            </div>\n\n            <div id=\"kvLogin-cadastro\" class=\"flex w-full justify-content-center h-2\">\n                <label\n                    class=\"text-xs font-normal\"\n                >\n                    Novo no KeePass?\n                    <a\n                        href=\"https://keepass.seg.br/cadastrar\"\n                        target=\"_blank\"\n                        class=\"text-xs m-0 p-0\"\n                        [style.color]=\"SystemColorPrimary\"\n                    >\n                        Cadastre-se.\n                    </a>\n                </label>\n            </div>\n        </div>\n    \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 class=\"logo-keevo\">\n        <img\n            src=\"https://work-assets.keevo.com.br/img/keevo-logo-temp.png\"\n        />\n        <label\n            class=\"text-xs\"\n            [style.color]=\"SystemColorSecondary\"\n        >\n            Copyright \u00A9 2024 - Keevo Ltda Todos os direitos reservados.\n        </label>\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-card{box-shadow:#00000059 0 5px 15px}#kvLogin-esqueceu-senha{position:relative;bottom:.5rem;padding-right:10px}#kvLogin-esqueceu-senha a{text-decoration:none;font-weight:500;cursor:pointer;transition:text-shadow .2s ease-in-out}#kvLogin-esqueceu-senha a:hover{text-shadow:0 0 2px rgba(158,158,158,.692)}#kvLogin-cadastro{margin-bottom:1rem}#kvLogin-cadastro a{text-decoration:none;font-weight:600;cursor:pointer;gap:3px;transition:text-shadow .2s ease-in-out}#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 .5rem .5rem;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{text-align:center}.logo-keevo img{height:2rem;width:auto;display:block;margin:0 auto;margin-top:5rem}.logo-keevo label{display:block;margin-top:.5rem}@media (max-height: 700px){.logo-keevo img{margin-top:1rem}#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        id=\"kvLogin-card\"\r\n        class=\"flex flex-column align-items-center justify-content-between bg-white border-round-xl\"\r\n        [style.width.rem]=\"20\"\r\n        [style.height.rem]=\"28\"\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 pb-0\">\r\n\r\n            <div\r\n                class=\"mb-2 w-full flex flex-row align-items-center justify-content-srart gap-1 font-medium\"\r\n            >\r\n                <img\r\n                    [style.height.rem]=\"1.5\"\r\n                    class=\"ml-2\"\r\n                    alt=\"keepass\"\r\n                    src=\"https://work-assets.keevo.com.br/img/icone-keepass-preto.png\"\r\n                />\r\n                <label\r\n                    class=\"mt-1 text-sm\"\r\n                >\r\n                    Entrar com KeePass\r\n                </label>\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 h-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                    class=\"text-xs\"\r\n                    [style.color]=\"SystemColorPrimary\"\r\n                >\r\n                    Esqueceu a senha?\r\n                </a>\r\n            </div>\r\n\r\n            <div id=\"kvLogin-cadastro\" class=\"flex w-full justify-content-center h-2\">\r\n                <label\r\n                    class=\"text-xs font-normal\"\r\n                >\r\n                    Novo no KeePass?\r\n                    <a\r\n                        href=\"https://keepass.seg.br/cadastrar\"\r\n                        target=\"_blank\"\r\n                        class=\"text-xs m-0 p-0\"\r\n                        [style.color]=\"SystemColorPrimary\"\r\n                    >\r\n                        Cadastre-se.\r\n                    </a>\r\n                </label>\r\n            </div>\r\n        </div>\r\n    \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 class=\"logo-keevo\">\r\n        <img\r\n            src=\"https://work-assets.keevo.com.br/img/keevo-logo-temp.png\"\r\n        />\r\n        <label\r\n            class=\"text-xs\"\r\n            [style.color]=\"SystemColorSecondary\"\r\n        >\r\n            Copyright \u00A9 2024 - Keevo Ltda Todos os direitos reservados.\r\n        </label>\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-card{box-shadow:#00000059 0 5px 15px}#kvLogin-esqueceu-senha{position:relative;bottom:.5rem;padding-right:10px}#kvLogin-esqueceu-senha a{text-decoration:none;font-weight:500;cursor:pointer;transition:text-shadow .2s ease-in-out}#kvLogin-esqueceu-senha a:hover{text-shadow:0 0 2px rgba(158,158,158,.692)}#kvLogin-cadastro{margin-bottom:1rem}#kvLogin-cadastro a{text-decoration:none;font-weight:600;cursor:pointer;gap:3px;transition:text-shadow .2s ease-in-out}#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 .5rem .5rem;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{text-align:center}.logo-keevo img{height:2rem;width:auto;display:block;margin:0 auto;margin-top:5rem}.logo-keevo label{display:block;margin-top:.5rem}@media (max-height: 700px){.logo-keevo img{margin-top:1rem}#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        id=\"kvLogin-card\"\n        class=\"flex flex-column align-items-center justify-content-between bg-white border-round-xl\"\n        [style.width.rem]=\"20\"\n        [style.height.rem]=\"28\"\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 pb-0\">\n\n            <div\n                class=\"mb-2 w-full flex flex-row align-items-center justify-content-srart gap-1 font-medium\"\n            >\n                <img\n                    [style.height.rem]=\"1.5\"\n                    class=\"ml-2\"\n                    alt=\"keepass\"\n                    src=\"https://work-assets.keevo.com.br/img/icone-keepass-preto.png\"\n                />\n                <label\n                    class=\"mt-1 text-sm\"\n                >\n                    Entrar com KeePass\n                </label>\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 h-2\"\n                id=\"kvLogin-esqueceu-senha\"\n            >\n                <a\n                    href=\"https://keepass.seg.br/redefinirsenha\"\n                    target=\"_blank\"\n                    class=\"text-xs\"\n                    [style.color]=\"SystemColorPrimary\"\n                >\n                    Esqueceu a senha?\n                </a>\n            </div>\n\n            <div id=\"kvLogin-cadastro\" class=\"flex w-full justify-content-center h-2\">\n                <label\n                    class=\"text-xs font-normal\"\n                >\n                    Novo no KeePass?\n                    <a\n                        href=\"https://keepass.seg.br/cadastrar\"\n                        target=\"_blank\"\n                        class=\"text-xs m-0 p-0\"\n                        [style.color]=\"SystemColorPrimary\"\n                    >\n                        Cadastre-se.\n                    </a>\n                </label>\n            </div>\n        </div>\n    \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 class=\"logo-keevo\">\n        <img\n            src=\"https://work-assets.keevo.com.br/img/keevo-logo-temp.png\"\n        />\n        <label\n            class=\"text-xs\"\n            [style.color]=\"SystemColorSecondary\"\n        >\n            Copyright \u00A9 2024 - Keevo Ltda Todos os direitos reservados.\n        </label>\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-card{box-shadow:#00000059 0 5px 15px}#kvLogin-esqueceu-senha{position:relative;bottom:.5rem;padding-right:10px}#kvLogin-esqueceu-senha a{text-decoration:none;font-weight:500;cursor:pointer;transition:text-shadow .2s ease-in-out}#kvLogin-esqueceu-senha a:hover{text-shadow:0 0 2px rgba(158,158,158,.692)}#kvLogin-cadastro{margin-bottom:1rem}#kvLogin-cadastro a{text-decoration:none;font-weight:600;cursor:pointer;gap:3px;transition:text-shadow .2s ease-in-out}#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 .5rem .5rem;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{text-align:center}.logo-keevo img{height:2rem;width:auto;display:block;margin:0 auto;margin-top:5rem}.logo-keevo label{display:block;margin-top:.5rem}@media (max-height: 700px){.logo-keevo img{margin-top:1rem}#kvLogin-container{padding:10px}#kvLogin-container img{max-width:90%}}\n"] }]
         }], propDecorators: { Background: [{
                 type: Input
             }], SystemLogo: [{
@@ -6051,11 +6069,11 @@ class DropdownMasterComponent extends BaseComponentDropDownExternal {
         return of(this.masters || []);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DropdownMasterComponent, 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: DropdownMasterComponent, selector: "dropdown-master", inputs: { formControlName: "formControlName", masters: "masters" }, providers: ComponentProviders(DropdownMasterComponent), usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"formGroup\">\r\n  <kv-dropdown\r\n    componentId=\"idmaster\"\r\n    optionLabel=\"idmasternome\"\r\n    optionValue=\"idmaster\"\r\n    [options]=\"options\"\r\n    [filter]=\"true\"\r\n    [filteredOptions]=\"filteredOptions\"\r\n    [formControlName]=\"formControlName\"\r\n    [loading]=\"loading\"\r\n    [showClear]=\"false\"\r\n    (onSelectionChange)=\"onInputChange($event)\"\r\n    (onSelectionValue)=\"onInputChange($event)\">\r\n  </kv-dropdown>\r\n</div>", styles: [""], 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: "component", type: KvDropdownComponent, selector: "kv-dropdown", inputs: ["filterPlaceholder", "placeholder", "dropDowValue", "itemTemplate", "selectedItemTemplate", "virtualScroll", "virtualScrollItemSize", "appendTo"], outputs: ["onLazyLoad"] }, { 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: "14.0.0", version: "17.3.8", type: DropdownMasterComponent, selector: "dropdown-master", inputs: { formControlName: "formControlName", masters: "masters" }, providers: ComponentProviders(DropdownMasterComponent), usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"formGroup\">\n  <kv-dropdown\n    componentId=\"idmaster\"\n    optionLabel=\"idmasternome\"\n    optionValue=\"idmaster\"\n    [options]=\"options\"\n    [filter]=\"true\"\n    [filteredOptions]=\"filteredOptions\"\n    [formControlName]=\"formControlName\"\n    [loading]=\"loading\"\n    [showClear]=\"false\"\n    (onSelectionChange)=\"onInputChange($event)\"\n    (onSelectionValue)=\"onInputChange($event)\">\n  </kv-dropdown>\n</div>", styles: [""], 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: "component", type: KvDropdownComponent, selector: "kv-dropdown", inputs: ["filterPlaceholder", "placeholder", "dropDowValue", "itemTemplate", "selectedItemTemplate", "virtualScroll", "virtualScrollItemSize", "appendTo"], outputs: ["onLazyLoad"] }, { 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: DropdownMasterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dropdown-master', providers: ComponentProviders(DropdownMasterComponent), template: "<div [formGroup]=\"formGroup\">\r\n  <kv-dropdown\r\n    componentId=\"idmaster\"\r\n    optionLabel=\"idmasternome\"\r\n    optionValue=\"idmaster\"\r\n    [options]=\"options\"\r\n    [filter]=\"true\"\r\n    [filteredOptions]=\"filteredOptions\"\r\n    [formControlName]=\"formControlName\"\r\n    [loading]=\"loading\"\r\n    [showClear]=\"false\"\r\n    (onSelectionChange)=\"onInputChange($event)\"\r\n    (onSelectionValue)=\"onInputChange($event)\">\r\n  </kv-dropdown>\r\n</div>" }]
+            args: [{ selector: 'dropdown-master', providers: ComponentProviders(DropdownMasterComponent), template: "<div [formGroup]=\"formGroup\">\n  <kv-dropdown\n    componentId=\"idmaster\"\n    optionLabel=\"idmasternome\"\n    optionValue=\"idmaster\"\n    [options]=\"options\"\n    [filter]=\"true\"\n    [filteredOptions]=\"filteredOptions\"\n    [formControlName]=\"formControlName\"\n    [loading]=\"loading\"\n    [showClear]=\"false\"\n    (onSelectionChange)=\"onInputChange($event)\"\n    (onSelectionValue)=\"onInputChange($event)\">\n  </kv-dropdown>\n</div>" }]
         }], ctorParameters: () => [{ type: ComponentService }, { type: i1$3.DialogService }], propDecorators: { formControlName: [{
                 type: Input
             }], masters: [{
@@ -6259,11 +6277,11 @@ class KvLayoutComponent {
         return !this.showLicencas() && (this.masterName || this.empresaName);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvLayoutComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2$1.FormBuilder }, { token: i3$1.Router }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvLayoutComponent, selector: "kv-layout", inputs: { apps: { classPropertyName: "apps", publicName: "apps", isSignal: false, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: false, isRequired: false, transformFunction: null }, breadCrumbItems: { classPropertyName: "breadCrumbItems", publicName: "breadCrumbItems", isSignal: false, isRequired: false, transformFunction: null }, masters: { classPropertyName: "masters", publicName: "masters", isSignal: false, isRequired: false, transformFunction: null }, menus: { classPropertyName: "menus", publicName: "menus", isSignal: false, isRequired: false, transformFunction: null }, expandMenu: { classPropertyName: "expandMenu", publicName: "expandMenu", isSignal: true, isRequired: false, transformFunction: null }, logoMenuExpand: { classPropertyName: "logoMenuExpand", publicName: "logoMenuExpand", isSignal: false, isRequired: false, transformFunction: null }, logoMenuHide: { classPropertyName: "logoMenuHide", publicName: "logoMenuHide", isSignal: false, isRequired: false, transformFunction: null }, selectedApp: { classPropertyName: "selectedApp", publicName: "selectedApp", isSignal: false, isRequired: false, transformFunction: null }, selectedEmpresa: { classPropertyName: "selectedEmpresa", publicName: "selectedEmpresa", isSignal: false, isRequired: false, transformFunction: null }, selectedMaster: { classPropertyName: "selectedMaster", publicName: "selectedMaster", isSignal: false, isRequired: false, transformFunction: null }, showButtonApps: { classPropertyName: "showButtonApps", publicName: "showButtonApps", isSignal: false, isRequired: false, transformFunction: null }, showButtonUser: { classPropertyName: "showButtonUser", publicName: "showButtonUser", isSignal: false, isRequired: false, transformFunction: null }, showExpandMenu: { classPropertyName: "showExpandMenu", publicName: "showExpandMenu", isSignal: false, isRequired: false, transformFunction: null }, showDropdownLicenca: { classPropertyName: "showDropdownLicenca", publicName: "showDropdownLicenca", isSignal: false, isRequired: false, transformFunction: null }, showMenu: { classPropertyName: "showMenu", publicName: "showMenu", isSignal: false, isRequired: false, transformFunction: null }, showTrocaEmpresa: { classPropertyName: "showTrocaEmpresa", publicName: "showTrocaEmpresa", isSignal: false, isRequired: false, transformFunction: null }, userName: { classPropertyName: "userName", publicName: "userName", isSignal: false, isRequired: false, transformFunction: null }, masterName: { classPropertyName: "masterName", publicName: "masterName", isSignal: false, isRequired: false, transformFunction: null }, empresaName: { classPropertyName: "empresaName", publicName: "empresaName", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { expandMenu: "expandMenuChange", accessKeePassEmit: "accessKeePassEmit", changeEmpresaEmit: "changeEmpresaEmit", changeLicenseEmit: "changeLicenseEmit", expandMenuEmit: "expandMenuEmit", logoutEmit: "logoutEmit", selectAppEmit: "selectAppEmit", navigateToDefaultRouteEmit: "navigateToDefaultRouteEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "topMenuActions", predicate: ["topMenuAction"], isSignal: true }], 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 }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n  <div\r\n    [ngClass]=\"{ 'overlay-background': expandMenu() && widthPage() < 800 }\"\r\n  ></div>\r\n  @if (showMenu) {\r\n  <div\r\n    [style]=\"{\r\n      minWidth: expandMenu() && widthPage() > 800 ? '17rem' : '3.65rem'\r\n    }\"\r\n  ></div>\r\n  } @if(showMenu) {\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{ width: expandMenu() ? '17rem' : '3.65rem' }\"\r\n    class=\"sidebar-animation\"\r\n    styleClass=\"transition-all\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column overflow-hidden\">\r\n        <div\r\n          class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2 overflow-hidden\"\r\n        >\r\n          <div\r\n            class=\"flex {{\r\n              expandMenu() ? 'flex-row' : 'flex-column'\r\n            }} align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }} py-3\"\r\n          >\r\n            <!-- Logo para o menu expandido -->\r\n            <img\r\n              *ngIf=\"expandMenu() && logoMenuExpand\"\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuExpand\"\r\n              [style.height]=\"'3rem'\"\r\n              width=\"auto\"\r\n              class=\"cursor-pointer p-1\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n\r\n            <!-- Logo para o menu minimizado-->\r\n            <img\r\n              *ngIf=\"!expandMenu() && logoMenuHide\"\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuHide\"\r\n              [style.height]=\"'3rem'\"\r\n              width=\"auto\"\r\n              class=\"mb-2 p-1\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n\r\n            <!-- Toggle menu -->\r\n            <span\r\n              *ngIf=\"showExpandMenu\"\r\n              class=\"material-symbols-outlined top-layout-icons p-1\"\r\n              [pTooltip]=\"expandMenu() ? 'Ocultar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n              (click)=\"toggleMenu()\"\r\n            >\r\n              menu\r\n            </span>\r\n          </div>\r\n\r\n          @if(showTrocaEmpresa){\r\n          <div\r\n            class=\"flex flex-row align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu() && selectedEmpresa\"\r\n              (click)=\"changeEmpresa($event)\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.selectedEmpresa.razaosocial\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{ nameEmpresa(this.selectedEmpresa.razaosocial) }}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{\r\n                this.selectedEmpresa.cpfcnpj | cpfCnpj\r\n              }}</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)=\"changeEmpresa($event)\"\r\n              [pTooltip]=\"'Trocar de empresa'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\"> sync_alt </i>\r\n            </button>\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"list-none m-0 card-container overflow-y-auto max-h-full\">\r\n          <!-- menus -->\r\n          <li\r\n            *ngFor=\"let menu of menus; let i = index\"\r\n            [class]=\"expandMenu() ? 'px-2' : 'px-1'\"\r\n          >\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"\r\n                !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\r\n              \"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"menu-option\"\r\n              [style.background-color]=\"menu.bgColor\"\r\n              [class.justify-content-center]=\"!expandMenu()\"\r\n            >\r\n              <i\r\n                class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                  expandMenu() ? 'ml-1 mr-2' : ''\r\n                }}  icon-hover-color {{ menu.textColor }}\"\r\n                *ngIf=\"menu.icone\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"content-option-menu text-base text-blue-900 font-semibold {{\r\n                  menu.textColor\r\n                }}\"\r\n                *ngIf=\"expandMenu()\"\r\n                >{{ menu.descricaomenu }}</span\r\n              >\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.indmenupai\">\r\n              <a\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                [style.background-color]=\"\r\n                  isSelectedMenuPai(menu) ? 'rgb(41, 185, 45)' : 'white'\r\n                \"\r\n                class=\"menu-option {{\r\n                  !expandMenu()\r\n                    ? 'justify-content-center'\r\n                    : 'justify-content-between'\r\n                }} \"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\r\n                (click)=\"\r\n                  expandMenu.set(!expandMenu() ? !expandMenu() : expandMenu())\r\n                \"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n                  <i\r\n                    class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                      expandMenu() ? 'ml-1 mr-2' : ''\r\n                    }} icon-hover-color\"\r\n                    *ngIf=\"menu.icone\"\r\n                    [class.text-white]=\"isSelectedMenuPai(menu)\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-semibold content-option-menu\"\r\n                    *ngIf=\"expandMenu()\"\r\n                    >{{ menu.descricaomenu }}</span\r\n                  >\r\n                </div>\r\n                <span\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color content-option-menu\"\r\n                  *ngIf=\"expandMenu()\"\r\n                ></span>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 {{\r\n                  !(\r\n                    menuSelecionado()?.idmenupai == menu.idmenu &&\r\n                    this.expandMenu()\r\n                  ) && 'hidden'\r\n                }} overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n                <li\r\n                  *ngFor=\"\r\n                    let filho of returnMenuChild(menu.idmenu);\r\n                    let iFilho = index\r\n                  \"\r\n                >\r\n                  <a\r\n                    *ngIf=\"expandMenu()\"\r\n                    (click)=\"callRoute(filho.link)\"\r\n                    pRipple\r\n                    class=\"menu-option\"\r\n                    [style.background-color]=\"filho.bgColor\"\r\n                  >\r\n                    <i\r\n                      class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                        expandMenu() ? 'ml-1 mr-2' : ''\r\n                      }} icon-hover-color\"\r\n                      *ngIf=\"filho.icone\"\r\n                    >\r\n                      {{ filho.icone }}\r\n                    </i>\r\n                    <span\r\n                      class=\"content-option-menu text-medium text-blue-900 ml-4 {{\r\n                        filho.textColor\r\n                      }}\"\r\n                      *ngIf=\"expandMenu()\"\r\n                      >{{ filho.descricaomenu }}</span\r\n                    >\r\n                  </a>\r\n                </li>\r\n              </div>\r\n            </div>\r\n          </li>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </p-sidebar>\r\n  }\r\n\r\n  <!-- Topbar -->\r\n  <div\r\n    class=\"w-auto h-screen page-content overflow-y-hidden flex flex-column\"\r\n    id=\"page-content\"\r\n    style=\"width: 100vw !important\"\r\n  >\r\n    <div\r\n      class=\"flex flex-row flex-wrap align-items-center justify-content-between my-2 mx-2 lg:mx-3 mb-0 gap-1\"\r\n    >\r\n      @if(!showMenu) {\r\n      <!-- Logo home -->\r\n      <div>\r\n        <img [src]=\"logoMenuExpand\" width=\"150\" />\r\n      </div>\r\n      } @else {\r\n      <!-- Breadcrumbs -->\r\n      <div>\r\n        <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">\r\n          {{\r\n            breadCrumbItems[breadCrumbItems.length - 1] &&\r\n            breadCrumbItems[breadCrumbItems.length - 1].label\r\n              ? breadCrumbItems[breadCrumbItems.length - 1].label\r\n              : \"\"\r\n          }}\r\n        </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: '#eaeaea' }\"\r\n          (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n        ></p-breadcrumb>\r\n      </div>\r\n      } @if (exibirNomes) { @if(widthCard >= 517) {\r\n      <div\r\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\r\n      >\r\n        @if (masterName) { <span class=\"master-name\">{{ masterName }}</span> }\r\n        @if (empresaName) {<span class=\"empresa-name\"\r\n          >Organiza\u00E7\u00E3o: {{ empresaName }}</span\r\n        >\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\r\n      >\r\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n        @for (topAction of topMenuActions(); track $index) {\r\n        <ng-container *ngTemplateOutlet=\"topAction\" />\r\n        }\r\n\r\n        <span\r\n          *ngIf=\"showButtonApps\"\r\n          class=\"material-symbols-outlined top-layout-icons p-1\"\r\n          [pTooltip]=\"'Sistemas'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"sistemasPanel.toggle($event)\"\r\n        >\r\n          apps\r\n        </span>\r\n\r\n        <span\r\n          *ngIf=\"showButtonUser\"\r\n          class=\"material-symbols-outlined top-layout-icons p-1\"\r\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"meusDadosPanel.toggle($event)\"\r\n        >\r\n          person\r\n        </span>\r\n      </div>\r\n      } @else {\r\n      <div\r\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\r\n      >\r\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n        @for (topAction of topMenuActions(); track $index) {\r\n        <ng-container *ngTemplateOutlet=\"topAction\" />\r\n        }\r\n\r\n        <span\r\n          *ngIf=\"showButtonApps\"\r\n          class=\"material-symbols-outlined top-layout-icons p-1\"\r\n          [pTooltip]=\"'Sistemas'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"sistemasPanel.toggle($event)\"\r\n        >\r\n          apps\r\n        </span>\r\n\r\n        <span\r\n          *ngIf=\"showButtonUser\"\r\n          class=\"material-symbols-outlined top-layout-icons p-1\"\r\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"meusDadosPanel.toggle($event)\"\r\n        >\r\n          person\r\n        </span>\r\n      </div>\r\n\r\n      <div\r\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\r\n      >\r\n        @if (masterName) { <span class=\"master-name\">{{ masterName }}</span> }\r\n        @if (empresaName) {<span class=\"empresa-name\">{{ empresaName }}</span> }\r\n      </div>\r\n      } } @else { @if(widthPage() > 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"max-w-25rem\"\r\n        style=\"min-width: 20rem;\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      }\r\n\r\n      <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n      <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n        @for (topAction of topMenuActions(); track $index) {\r\n        <ng-container *ngTemplateOutlet=\"topAction\" />\r\n        }\r\n\r\n        <span\r\n          *ngIf=\"showButtonApps\"\r\n          class=\"material-symbols-outlined top-layout-icons p-1\"\r\n          [pTooltip]=\"'Sistemas'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"sistemasPanel.toggle($event)\"\r\n        >\r\n          apps\r\n        </span>\r\n\r\n        <span\r\n          *ngIf=\"showButtonUser\"\r\n          class=\"material-symbols-outlined top-layout-icons p-1\"\r\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"meusDadosPanel.toggle($event)\"\r\n        >\r\n          person\r\n        </span>\r\n      </div>\r\n\r\n      @if(widthPage() < 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"w-full\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      } }\r\n    </div>\r\n\r\n    <!-- Container -->\r\n    <div class=\"overflow-hidden flex-1 py-2 px-2 lg:px-3\">\r\n      <p-card\r\n        styleClass=\"overflow-y-auto h-full max-h-full {{\r\n          !showMenu && 'sm:overflow-y-hidden'\r\n        }} card-container\"\r\n      >\r\n        <ng-content></ng-content>\r\n      </p-card>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Painel de aplicativos -->\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\r\n      <div\r\n        class=\"flex flex-row flex-wrap gap-3 align-items-center justify-content-center mt-5 mb-3\"\r\n        style=\"width: 270px; height: 100%\"\r\n      >\r\n        @for (aplicativo of apps; track $index) { @if(aplicativo.urlicone ==\r\n        \"https://work-assets.keevo.com.br/img/icone-keevocenter.png\") {\r\n        <div\r\n          class=\"btn-sistema text-xl md:text-3xl flex align-items-center justify-content-center\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n        >\r\n          {{ aplicativo.descricaoaplicativo.charAt(0).toLocaleUpperCase() }}\r\n        </div>\r\n        } @else {\r\n        <img\r\n          [src]=\"aplicativo.urlicone\"\r\n          class=\"btn-sistema flex align-items-center justify-content-center\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n        />\r\n        } }\r\n\r\n        <!-- <button\r\n          *ngFor=\"let aplicativo of apps\"\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          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\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  <!-- Painel do usu\u00E1rio -->\r\n  <p-overlayPanel\r\n    #meusDadosPanel\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\">\r\n      Ol\u00E1, {{ userName ? userName.split(\" \")[0] : \"Usu\u00E1rio\" }}!\r\n    </p>\r\n    <div class=\"mt-5 mb-3\"></div>\r\n  \r\n    <!-- Cont\u00EAiner com dire\u00E7\u00E3o em coluna para empilhar os bot\u00F5es -->\r\n    <div class=\"flex flex-column\">\r\n      <!-- Bot\u00F5es adicionais din\u00E2micos -->\r\n      <ng-container *ngFor=\"let action of actions\">\r\n        <p-button\r\n          [icon]=\"action.icon\"\r\n          [label]=\"action.label\"\r\n          (onClick)=\"action.action()\"\r\n          styleClass=\"border-noround w-full text-blue-900 text-sm\"\r\n          [text]=\"true\"\r\n        ></p-button>\r\n      </ng-container>\r\n      \r\n      <!-- Bot\u00F5es padr\u00E3o -->\r\n      <p-button\r\n        icon=\"pi pi-lock\"\r\n        label=\"Acessar Keepass\"\r\n        (onClick)=\"accessKeePass($event)\"\r\n        styleClass=\"border-noround w-full text-blue-900 text-sm\"\r\n        [text]=\"true\"\r\n      ></p-button>\r\n  \r\n      <p-button\r\n        icon=\"pi pi-sign-out\"\r\n        label=\"Sair\"\r\n        (onClick)=\"logout($event)\"\r\n        styleClass=\"border-noround w-full text-blue-900 text-sm\"\r\n        [text]=\"true\"\r\n      ></p-button>\r\n  \r\n    </div>\r\n  </ng-template>\r\n  \r\n  </p-overlayPanel>\r\n</div>\r\n", 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}::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,#eaeaea 17%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.825rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .home-style{background-color:#eaeaea;overflow:hidden}::ng-deep .page-style{overflow:auto!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:1.25rem;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{font-size:1.3rem;color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .menu-option{padding:.8rem!important;display:flex;align-items:center;cursor:pointer;border-radius:.5rem;transition-duration:150;transition-property:color,background-color;padding:.5rem}::ng-deep .menu-option:hover{background-color:#29b92d!important;color:#fff}::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,.menu-option:hover .content-option-menu{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:1100!important}.btn-sistema{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:pointer;width:4rem;height:4rem;background-color:#002542;color:#fff;padding:.5rem;box-shadow:#00000059 0 0 4px;border-radius:.75rem;transition:box-shadow .3s ease-in-out}.btn-sistema:hover{opacity:.9;box-shadow:#0009 0 0 8px}.master-name{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:600;line-height:16.41px;text-align:center;color:#64748b}.empresa-name{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:300;line-height:14.06px;text-align:center;color:#1e293b}.top-layout-icons{color:#002542;font-size:1.5rem!important;cursor:pointer;border-radius:50%;transition:color .2s ease-in-out,background-color .2s ease-in-out,transform .2s ease-in-out}.top-layout-icons:hover{color:#fff;background-color:#002542}.overlay-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}\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: 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: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$9.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: 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$1.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i10$2.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: i12.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i13$1.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { 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: DropdownMasterComponent, selector: "dropdown-master", inputs: ["formControlName", "masters"] }, { kind: "pipe", type: CpfCnpjPipe, name: "cpfCnpj" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvLayoutComponent, selector: "kv-layout", inputs: { apps: { classPropertyName: "apps", publicName: "apps", isSignal: false, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: false, isRequired: false, transformFunction: null }, breadCrumbItems: { classPropertyName: "breadCrumbItems", publicName: "breadCrumbItems", isSignal: false, isRequired: false, transformFunction: null }, masters: { classPropertyName: "masters", publicName: "masters", isSignal: false, isRequired: false, transformFunction: null }, menus: { classPropertyName: "menus", publicName: "menus", isSignal: false, isRequired: false, transformFunction: null }, expandMenu: { classPropertyName: "expandMenu", publicName: "expandMenu", isSignal: true, isRequired: false, transformFunction: null }, logoMenuExpand: { classPropertyName: "logoMenuExpand", publicName: "logoMenuExpand", isSignal: false, isRequired: false, transformFunction: null }, logoMenuHide: { classPropertyName: "logoMenuHide", publicName: "logoMenuHide", isSignal: false, isRequired: false, transformFunction: null }, selectedApp: { classPropertyName: "selectedApp", publicName: "selectedApp", isSignal: false, isRequired: false, transformFunction: null }, selectedEmpresa: { classPropertyName: "selectedEmpresa", publicName: "selectedEmpresa", isSignal: false, isRequired: false, transformFunction: null }, selectedMaster: { classPropertyName: "selectedMaster", publicName: "selectedMaster", isSignal: false, isRequired: false, transformFunction: null }, showButtonApps: { classPropertyName: "showButtonApps", publicName: "showButtonApps", isSignal: false, isRequired: false, transformFunction: null }, showButtonUser: { classPropertyName: "showButtonUser", publicName: "showButtonUser", isSignal: false, isRequired: false, transformFunction: null }, showExpandMenu: { classPropertyName: "showExpandMenu", publicName: "showExpandMenu", isSignal: false, isRequired: false, transformFunction: null }, showDropdownLicenca: { classPropertyName: "showDropdownLicenca", publicName: "showDropdownLicenca", isSignal: false, isRequired: false, transformFunction: null }, showMenu: { classPropertyName: "showMenu", publicName: "showMenu", isSignal: false, isRequired: false, transformFunction: null }, showTrocaEmpresa: { classPropertyName: "showTrocaEmpresa", publicName: "showTrocaEmpresa", isSignal: false, isRequired: false, transformFunction: null }, userName: { classPropertyName: "userName", publicName: "userName", isSignal: false, isRequired: false, transformFunction: null }, masterName: { classPropertyName: "masterName", publicName: "masterName", isSignal: false, isRequired: false, transformFunction: null }, empresaName: { classPropertyName: "empresaName", publicName: "empresaName", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { expandMenu: "expandMenuChange", accessKeePassEmit: "accessKeePassEmit", changeEmpresaEmit: "changeEmpresaEmit", changeLicenseEmit: "changeLicenseEmit", expandMenuEmit: "expandMenuEmit", logoutEmit: "logoutEmit", selectAppEmit: "selectAppEmit", navigateToDefaultRouteEmit: "navigateToDefaultRouteEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "topMenuActions", predicate: ["topMenuAction"], isSignal: true }], 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 }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\n  <div\n    [ngClass]=\"{ 'overlay-background': expandMenu() && widthPage() < 800 }\"\n  ></div>\n  @if (showMenu) {\n  <div\n    [style]=\"{\n      minWidth: expandMenu() && widthPage() > 800 ? '17rem' : '3.65rem'\n    }\"\n  ></div>\n  } @if(showMenu) {\n  <p-sidebar\n    #sidebarRef\n    [visible]=\"true\"\n    [showCloseIcon]=\"false\"\n    [modal]=\"false\"\n    [style]=\"{ width: expandMenu() ? '17rem' : '3.65rem' }\"\n    class=\"sidebar-animation\"\n    styleClass=\"transition-all\"\n  >\n    <ng-template pTemplate=\"headless\">\n      <div class=\"flex flex-column overflow-hidden\">\n        <div\n          class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2 overflow-hidden\"\n        >\n          <div\n            class=\"flex {{\n              expandMenu() ? 'flex-row' : 'flex-column'\n            }} align-items-center {{\n              expandMenu()\n                ? 'justify-content-between'\n                : 'justify-content-center'\n            }} py-3\"\n          >\n            <!-- Logo para o menu expandido -->\n            <img\n              *ngIf=\"expandMenu() && logoMenuExpand\"\n              alt=\"Card\"\n              [src]=\"logoMenuExpand\"\n              [style.height]=\"'3rem'\"\n              width=\"auto\"\n              class=\"cursor-pointer p-1\"\n              (click)=\"navigateToDefaultRoute()\"\n            />\n\n            <!-- Logo para o menu minimizado-->\n            <img\n              *ngIf=\"!expandMenu() && logoMenuHide\"\n              alt=\"Card\"\n              [src]=\"logoMenuHide\"\n              [style.height]=\"'3rem'\"\n              width=\"auto\"\n              class=\"mb-2 p-1\"\n              (click)=\"navigateToDefaultRoute()\"\n            />\n\n            <!-- Toggle menu -->\n            <span\n              *ngIf=\"showExpandMenu\"\n              class=\"material-symbols-outlined top-layout-icons p-1\"\n              [pTooltip]=\"expandMenu() ? 'Ocultar Menu' : 'Expandir Menu'\"\n              [tooltipPosition]=\"'right'\"\n              (click)=\"toggleMenu()\"\n            >\n              menu\n            </span>\n          </div>\n\n          @if(showTrocaEmpresa){\n          <div\n            class=\"flex flex-row align-items-center {{\n              expandMenu()\n                ? 'justify-content-between'\n                : 'justify-content-center'\n            }}\"\n          >\n            <div\n              class=\"flex flex-column cursor-pointer\"\n              *ngIf=\"expandMenu() && selectedEmpresa\"\n              (click)=\"changeEmpresa($event)\"\n            >\n              <span\n                class=\"text-sm font-semibold mr-2\"\n                [pTooltip]=\"this.selectedEmpresa.razaosocial\"\n                [tooltipPosition]=\"'right'\"\n              >\n                {{ nameEmpresa(this.selectedEmpresa.razaosocial) }}\n              </span>\n              <span class=\"text-sm mt-1\">{{\n                this.selectedEmpresa.cpfcnpj | cpfCnpj\n              }}</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)=\"changeEmpresa($event)\"\n              [pTooltip]=\"'Trocar de empresa'\"\n              [tooltipPosition]=\"'right'\"\n            >\n              <i class=\"material-symbols-outlined\"> sync_alt </i>\n            </button>\n          </div>\n          <p-divider type=\"solid\"></p-divider>\n          }\n        </div>\n\n        <div class=\"list-none m-0 card-container overflow-y-auto max-h-full\">\n          <!-- menus -->\n          <li\n            *ngFor=\"let menu of menus; let i = index\"\n            [class]=\"expandMenu() ? 'px-2' : 'px-1'\"\n          >\n            <!-- menu que n\u00E3o tem filho -->\n            <a\n              (click)=\"callRoute(menu.link)\"\n              *ngIf=\"\n                !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\n              \"\n              pRipple\n              [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\n              [tooltipPosition]=\"'right'\"\n              class=\"menu-option\"\n              [style.background-color]=\"menu.bgColor\"\n              [class.justify-content-center]=\"!expandMenu()\"\n            >\n              <i\n                class=\"content-option-menu material-symbols-outlined icon-menu {{\n                  expandMenu() ? 'ml-1 mr-2' : ''\n                }}  icon-hover-color {{ menu.textColor }}\"\n                *ngIf=\"menu.icone\"\n              >\n                {{ menu.icone }}\n              </i>\n              <span\n                class=\"content-option-menu text-base text-blue-900 font-semibold {{\n                  menu.textColor\n                }}\"\n                *ngIf=\"expandMenu()\"\n                >{{ menu.descricaomenu }}</span\n              >\n            </a>\n            <!-- menu com filho -->\n            <div *ngIf=\"menu.indmenupai\">\n              <a\n                pRipple\n                pStyleClass=\"@next\"\n                enterClass=\"hidden\"\n                enterActiveClass=\"slidedown\"\n                leaveToClass=\"hidden\"\n                leaveActiveClass=\"slideup\"\n                [style.background-color]=\"\n                  isSelectedMenuPai(menu) ? 'rgb(41, 185, 45)' : 'white'\n                \"\n                class=\"menu-option {{\n                  !expandMenu()\n                    ? 'justify-content-center'\n                    : 'justify-content-between'\n                }} \"\n                [tooltipPosition]=\"'right'\"\n                [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\n                (click)=\"\n                  expandMenu.set(!expandMenu() ? !expandMenu() : expandMenu())\n                \"\n              >\n                <div class=\"flex flex-row align-items-center\">\n                  <i\n                    class=\"content-option-menu material-symbols-outlined icon-menu {{\n                      expandMenu() ? 'ml-1 mr-2' : ''\n                    }} icon-hover-color\"\n                    *ngIf=\"menu.icone\"\n                    [class.text-white]=\"isSelectedMenuPai(menu)\"\n                  >\n                    {{ menu.icone }}\n                  </i>\n                  <span\n                    class=\"text-base text-blue-900 font-semibold content-option-menu\"\n                    *ngIf=\"expandMenu()\"\n                    >{{ menu.descricaomenu }}</span\n                  >\n                </div>\n                <span\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color content-option-menu\"\n                  *ngIf=\"expandMenu()\"\n                ></span>\n              </a>\n\n              <!-- filhos -->\n              <div\n                class=\"list-none py-0 pl-3 pr-0 m-0 {{\n                  !(\n                    menuSelecionado()?.idmenupai == menu.idmenu &&\n                    this.expandMenu()\n                  ) && 'hidden'\n                }} overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\n              >\n                <li\n                  *ngFor=\"\n                    let filho of returnMenuChild(menu.idmenu);\n                    let iFilho = index\n                  \"\n                >\n                  <a\n                    *ngIf=\"expandMenu()\"\n                    (click)=\"callRoute(filho.link)\"\n                    pRipple\n                    class=\"menu-option\"\n                    [style.background-color]=\"filho.bgColor\"\n                  >\n                    <i\n                      class=\"content-option-menu material-symbols-outlined icon-menu {{\n                        expandMenu() ? 'ml-1 mr-2' : ''\n                      }} icon-hover-color\"\n                      *ngIf=\"filho.icone\"\n                    >\n                      {{ filho.icone }}\n                    </i>\n                    <span\n                      class=\"content-option-menu text-medium text-blue-900 ml-4 {{\n                        filho.textColor\n                      }}\"\n                      *ngIf=\"expandMenu()\"\n                      >{{ filho.descricaomenu }}</span\n                    >\n                  </a>\n                </li>\n              </div>\n            </div>\n          </li>\n        </div>\n      </div>\n    </ng-template>\n  </p-sidebar>\n  }\n\n  <!-- Topbar -->\n  <div\n    class=\"w-auto h-screen page-content overflow-y-hidden flex flex-column\"\n    id=\"page-content\"\n    style=\"width: 100vw !important\"\n  >\n    <div\n      class=\"flex flex-row flex-wrap align-items-center justify-content-between my-2 mx-2 lg:mx-3 mb-0 gap-1\"\n    >\n      @if(!showMenu) {\n      <!-- Logo home -->\n      <div>\n        <img [src]=\"logoMenuExpand\" width=\"150\" />\n      </div>\n      } @else {\n      <!-- Breadcrumbs -->\n      <div>\n        <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">\n          {{\n            breadCrumbItems[breadCrumbItems.length - 1] &&\n            breadCrumbItems[breadCrumbItems.length - 1].label\n              ? breadCrumbItems[breadCrumbItems.length - 1].label\n              : \"\"\n          }}\n        </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: '#eaeaea' }\"\n          (onItemClick)=\"callRoute($event.item.routerLink, true)\"\n        ></p-breadcrumb>\n      </div>\n      } @if (exibirNomes) { @if(widthCard >= 517) {\n      <div\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\n      >\n        @if (masterName) { <span class=\"master-name\">{{ masterName }}</span> }\n        @if (empresaName) {<span class=\"empresa-name\"\n          >Organiza\u00E7\u00E3o: {{ empresaName }}</span\n        >\n        }\n      </div>\n\n      <div\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\n      >\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\n        @for (topAction of topMenuActions(); track $index) {\n        <ng-container *ngTemplateOutlet=\"topAction\" />\n        }\n\n        <span\n          *ngIf=\"showButtonApps\"\n          class=\"material-symbols-outlined top-layout-icons p-1\"\n          [pTooltip]=\"'Sistemas'\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"sistemasPanel.toggle($event)\"\n        >\n          apps\n        </span>\n\n        <span\n          *ngIf=\"showButtonUser\"\n          class=\"material-symbols-outlined top-layout-icons p-1\"\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"meusDadosPanel.toggle($event)\"\n        >\n          person\n        </span>\n      </div>\n      } @else {\n      <div\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\n      >\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\n        @for (topAction of topMenuActions(); track $index) {\n        <ng-container *ngTemplateOutlet=\"topAction\" />\n        }\n\n        <span\n          *ngIf=\"showButtonApps\"\n          class=\"material-symbols-outlined top-layout-icons p-1\"\n          [pTooltip]=\"'Sistemas'\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"sistemasPanel.toggle($event)\"\n        >\n          apps\n        </span>\n\n        <span\n          *ngIf=\"showButtonUser\"\n          class=\"material-symbols-outlined top-layout-icons p-1\"\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"meusDadosPanel.toggle($event)\"\n        >\n          person\n        </span>\n      </div>\n\n      <div\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\n      >\n        @if (masterName) { <span class=\"master-name\">{{ masterName }}</span> }\n        @if (empresaName) {<span class=\"empresa-name\">{{ empresaName }}</span> }\n      </div>\n      } } @else { @if(widthPage() > 992){\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\n      <dropdown-master\n        *ngIf=\"showLicencas()\"\n        class=\"max-w-25rem\"\n        style=\"min-width: 20rem;\"\n        formControlName=\"idmaster\"\n        [formGroup]=\"formGroup\"\n        [masters]=\"masters\"\n        (onSelectionChange)=\"changeLicense($event)\"\n        (onSelectionValue)=\"changeLicense($event)\"\n      >\n      </dropdown-master>\n      }\n\n      <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\n      <div class=\"w-auto flex flex-row align-items-center gap-2\">\n        @for (topAction of topMenuActions(); track $index) {\n        <ng-container *ngTemplateOutlet=\"topAction\" />\n        }\n\n        <span\n          *ngIf=\"showButtonApps\"\n          class=\"material-symbols-outlined top-layout-icons p-1\"\n          [pTooltip]=\"'Sistemas'\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"sistemasPanel.toggle($event)\"\n        >\n          apps\n        </span>\n\n        <span\n          *ngIf=\"showButtonUser\"\n          class=\"material-symbols-outlined top-layout-icons p-1\"\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"meusDadosPanel.toggle($event)\"\n        >\n          person\n        </span>\n      </div>\n\n      @if(widthPage() < 992){\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\n      <dropdown-master\n        *ngIf=\"showLicencas()\"\n        class=\"w-full\"\n        formControlName=\"idmaster\"\n        [formGroup]=\"formGroup\"\n        [masters]=\"masters\"\n        (onSelectionChange)=\"changeLicense($event)\"\n        (onSelectionValue)=\"changeLicense($event)\"\n      >\n      </dropdown-master>\n      } }\n    </div>\n\n    <!-- Container -->\n    <div class=\"overflow-hidden flex-1 py-2 px-2 lg:px-3\">\n      <p-card\n        styleClass=\"overflow-y-auto h-full max-h-full {{\n          !showMenu && 'sm:overflow-y-hidden'\n        }} card-container\"\n      >\n        <ng-content></ng-content>\n      </p-card>\n    </div>\n  </div>\n\n  <!-- Painel de aplicativos -->\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\n      <div\n        class=\"flex flex-row flex-wrap gap-3 align-items-center justify-content-center mt-5 mb-3\"\n        style=\"width: 270px; height: 100%\"\n      >\n        @for (aplicativo of apps; track $index) { @if(aplicativo.urlicone ==\n        \"https://work-assets.keevo.com.br/img/icone-keevocenter.png\") {\n        <div\n          class=\"btn-sistema text-xl md:text-3xl flex align-items-center justify-content-center\"\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\n          [tooltipPosition]=\"'left'\"\n        >\n          {{ aplicativo.descricaoaplicativo.charAt(0).toLocaleUpperCase() }}\n        </div>\n        } @else {\n        <img\n          [src]=\"aplicativo.urlicone\"\n          class=\"btn-sistema flex align-items-center justify-content-center\"\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\n        />\n        } }\n\n        <!-- <button\n          *ngFor=\"let aplicativo of apps\"\n          pButton\n          pRipple\n          class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\n        >\n          {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\n        </button> -->\n      </div>\n    </ng-template>\n  </p-overlayPanel>\n\n  <!-- Painel do usu\u00E1rio -->\n  <p-overlayPanel\n    #meusDadosPanel\n    [showTransitionOptions]=\"'350ms ease-out'\"\n    [hideTransitionOptions]=\"'250ms ease-in'\"\n  >\n  <ng-template pTemplate=\"container\">\n    <p class=\"title-style mt-3\">\n      Ol\u00E1, {{ userName ? userName.split(\" \")[0] : \"Usu\u00E1rio\" }}!\n    </p>\n    <div class=\"mt-5 mb-3\"></div>\n  \n    <!-- Cont\u00EAiner com dire\u00E7\u00E3o em coluna para empilhar os bot\u00F5es -->\n    <div class=\"flex flex-column\">\n      <!-- Bot\u00F5es adicionais din\u00E2micos -->\n      <ng-container *ngFor=\"let action of actions\">\n        <p-button\n          [icon]=\"action.icon\"\n          [label]=\"action.label\"\n          (onClick)=\"action.action()\"\n          styleClass=\"border-noround w-full text-blue-900 text-sm\"\n          [text]=\"true\"\n        ></p-button>\n      </ng-container>\n      \n      <!-- Bot\u00F5es padr\u00E3o -->\n      <p-button\n        icon=\"pi pi-lock\"\n        label=\"Acessar Keepass\"\n        (onClick)=\"accessKeePass($event)\"\n        styleClass=\"border-noround w-full text-blue-900 text-sm\"\n        [text]=\"true\"\n      ></p-button>\n  \n      <p-button\n        icon=\"pi pi-sign-out\"\n        label=\"Sair\"\n        (onClick)=\"logout($event)\"\n        styleClass=\"border-noround w-full text-blue-900 text-sm\"\n        [text]=\"true\"\n      ></p-button>\n  \n    </div>\n  </ng-template>\n  \n  </p-overlayPanel>\n</div>\n", 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}::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,#eaeaea 17%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.825rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .home-style{background-color:#eaeaea;overflow:hidden}::ng-deep .page-style{overflow:auto!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:1.25rem;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{font-size:1.3rem;color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .menu-option{padding:.8rem!important;display:flex;align-items:center;cursor:pointer;border-radius:.5rem;transition-duration:150;transition-property:color,background-color;padding:.5rem}::ng-deep .menu-option:hover{background-color:#29b92d!important;color:#fff}::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,.menu-option:hover .content-option-menu{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:1100!important}.btn-sistema{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:pointer;width:4rem;height:4rem;background-color:#002542;color:#fff;padding:.5rem;box-shadow:#00000059 0 0 4px;border-radius:.75rem;transition:box-shadow .3s ease-in-out}.btn-sistema:hover{opacity:.9;box-shadow:#0009 0 0 8px}.master-name{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:600;line-height:16.41px;text-align:center;color:#64748b}.empresa-name{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:300;line-height:14.06px;text-align:center;color:#1e293b}.top-layout-icons{color:#002542;font-size:1.5rem!important;cursor:pointer;border-radius:50%;transition:color .2s ease-in-out,background-color .2s ease-in-out,transform .2s ease-in-out}.top-layout-icons:hover{color:#fff;background-color:#002542}.overlay-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}\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: 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: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$9.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: 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$1.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i10$2.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: i12.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i13$1.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { 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: DropdownMasterComponent, selector: "dropdown-master", inputs: ["formControlName", "masters"] }, { kind: "pipe", type: CpfCnpjPipe, name: "cpfCnpj" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-layout', template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n  <div\r\n    [ngClass]=\"{ 'overlay-background': expandMenu() && widthPage() < 800 }\"\r\n  ></div>\r\n  @if (showMenu) {\r\n  <div\r\n    [style]=\"{\r\n      minWidth: expandMenu() && widthPage() > 800 ? '17rem' : '3.65rem'\r\n    }\"\r\n  ></div>\r\n  } @if(showMenu) {\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{ width: expandMenu() ? '17rem' : '3.65rem' }\"\r\n    class=\"sidebar-animation\"\r\n    styleClass=\"transition-all\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column overflow-hidden\">\r\n        <div\r\n          class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2 overflow-hidden\"\r\n        >\r\n          <div\r\n            class=\"flex {{\r\n              expandMenu() ? 'flex-row' : 'flex-column'\r\n            }} align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }} py-3\"\r\n          >\r\n            <!-- Logo para o menu expandido -->\r\n            <img\r\n              *ngIf=\"expandMenu() && logoMenuExpand\"\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuExpand\"\r\n              [style.height]=\"'3rem'\"\r\n              width=\"auto\"\r\n              class=\"cursor-pointer p-1\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n\r\n            <!-- Logo para o menu minimizado-->\r\n            <img\r\n              *ngIf=\"!expandMenu() && logoMenuHide\"\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuHide\"\r\n              [style.height]=\"'3rem'\"\r\n              width=\"auto\"\r\n              class=\"mb-2 p-1\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n\r\n            <!-- Toggle menu -->\r\n            <span\r\n              *ngIf=\"showExpandMenu\"\r\n              class=\"material-symbols-outlined top-layout-icons p-1\"\r\n              [pTooltip]=\"expandMenu() ? 'Ocultar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n              (click)=\"toggleMenu()\"\r\n            >\r\n              menu\r\n            </span>\r\n          </div>\r\n\r\n          @if(showTrocaEmpresa){\r\n          <div\r\n            class=\"flex flex-row align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu() && selectedEmpresa\"\r\n              (click)=\"changeEmpresa($event)\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.selectedEmpresa.razaosocial\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{ nameEmpresa(this.selectedEmpresa.razaosocial) }}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{\r\n                this.selectedEmpresa.cpfcnpj | cpfCnpj\r\n              }}</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)=\"changeEmpresa($event)\"\r\n              [pTooltip]=\"'Trocar de empresa'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\"> sync_alt </i>\r\n            </button>\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"list-none m-0 card-container overflow-y-auto max-h-full\">\r\n          <!-- menus -->\r\n          <li\r\n            *ngFor=\"let menu of menus; let i = index\"\r\n            [class]=\"expandMenu() ? 'px-2' : 'px-1'\"\r\n          >\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"\r\n                !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\r\n              \"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"menu-option\"\r\n              [style.background-color]=\"menu.bgColor\"\r\n              [class.justify-content-center]=\"!expandMenu()\"\r\n            >\r\n              <i\r\n                class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                  expandMenu() ? 'ml-1 mr-2' : ''\r\n                }}  icon-hover-color {{ menu.textColor }}\"\r\n                *ngIf=\"menu.icone\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"content-option-menu text-base text-blue-900 font-semibold {{\r\n                  menu.textColor\r\n                }}\"\r\n                *ngIf=\"expandMenu()\"\r\n                >{{ menu.descricaomenu }}</span\r\n              >\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.indmenupai\">\r\n              <a\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                [style.background-color]=\"\r\n                  isSelectedMenuPai(menu) ? 'rgb(41, 185, 45)' : 'white'\r\n                \"\r\n                class=\"menu-option {{\r\n                  !expandMenu()\r\n                    ? 'justify-content-center'\r\n                    : 'justify-content-between'\r\n                }} \"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\r\n                (click)=\"\r\n                  expandMenu.set(!expandMenu() ? !expandMenu() : expandMenu())\r\n                \"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n                  <i\r\n                    class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                      expandMenu() ? 'ml-1 mr-2' : ''\r\n                    }} icon-hover-color\"\r\n                    *ngIf=\"menu.icone\"\r\n                    [class.text-white]=\"isSelectedMenuPai(menu)\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-semibold content-option-menu\"\r\n                    *ngIf=\"expandMenu()\"\r\n                    >{{ menu.descricaomenu }}</span\r\n                  >\r\n                </div>\r\n                <span\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color content-option-menu\"\r\n                  *ngIf=\"expandMenu()\"\r\n                ></span>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 {{\r\n                  !(\r\n                    menuSelecionado()?.idmenupai == menu.idmenu &&\r\n                    this.expandMenu()\r\n                  ) && 'hidden'\r\n                }} overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n                <li\r\n                  *ngFor=\"\r\n                    let filho of returnMenuChild(menu.idmenu);\r\n                    let iFilho = index\r\n                  \"\r\n                >\r\n                  <a\r\n                    *ngIf=\"expandMenu()\"\r\n                    (click)=\"callRoute(filho.link)\"\r\n                    pRipple\r\n                    class=\"menu-option\"\r\n                    [style.background-color]=\"filho.bgColor\"\r\n                  >\r\n                    <i\r\n                      class=\"content-option-menu material-symbols-outlined icon-menu {{\r\n                        expandMenu() ? 'ml-1 mr-2' : ''\r\n                      }} icon-hover-color\"\r\n                      *ngIf=\"filho.icone\"\r\n                    >\r\n                      {{ filho.icone }}\r\n                    </i>\r\n                    <span\r\n                      class=\"content-option-menu text-medium text-blue-900 ml-4 {{\r\n                        filho.textColor\r\n                      }}\"\r\n                      *ngIf=\"expandMenu()\"\r\n                      >{{ filho.descricaomenu }}</span\r\n                    >\r\n                  </a>\r\n                </li>\r\n              </div>\r\n            </div>\r\n          </li>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </p-sidebar>\r\n  }\r\n\r\n  <!-- Topbar -->\r\n  <div\r\n    class=\"w-auto h-screen page-content overflow-y-hidden flex flex-column\"\r\n    id=\"page-content\"\r\n    style=\"width: 100vw !important\"\r\n  >\r\n    <div\r\n      class=\"flex flex-row flex-wrap align-items-center justify-content-between my-2 mx-2 lg:mx-3 mb-0 gap-1\"\r\n    >\r\n      @if(!showMenu) {\r\n      <!-- Logo home -->\r\n      <div>\r\n        <img [src]=\"logoMenuExpand\" width=\"150\" />\r\n      </div>\r\n      } @else {\r\n      <!-- Breadcrumbs -->\r\n      <div>\r\n        <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">\r\n          {{\r\n            breadCrumbItems[breadCrumbItems.length - 1] &&\r\n            breadCrumbItems[breadCrumbItems.length - 1].label\r\n              ? breadCrumbItems[breadCrumbItems.length - 1].label\r\n              : \"\"\r\n          }}\r\n        </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: '#eaeaea' }\"\r\n          (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n        ></p-breadcrumb>\r\n      </div>\r\n      } @if (exibirNomes) { @if(widthCard >= 517) {\r\n      <div\r\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\r\n      >\r\n        @if (masterName) { <span class=\"master-name\">{{ masterName }}</span> }\r\n        @if (empresaName) {<span class=\"empresa-name\"\r\n          >Organiza\u00E7\u00E3o: {{ empresaName }}</span\r\n        >\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\r\n      >\r\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n        @for (topAction of topMenuActions(); track $index) {\r\n        <ng-container *ngTemplateOutlet=\"topAction\" />\r\n        }\r\n\r\n        <span\r\n          *ngIf=\"showButtonApps\"\r\n          class=\"material-symbols-outlined top-layout-icons p-1\"\r\n          [pTooltip]=\"'Sistemas'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"sistemasPanel.toggle($event)\"\r\n        >\r\n          apps\r\n        </span>\r\n\r\n        <span\r\n          *ngIf=\"showButtonUser\"\r\n          class=\"material-symbols-outlined top-layout-icons p-1\"\r\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"meusDadosPanel.toggle($event)\"\r\n        >\r\n          person\r\n        </span>\r\n      </div>\r\n      } @else {\r\n      <div\r\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\r\n      >\r\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n        @for (topAction of topMenuActions(); track $index) {\r\n        <ng-container *ngTemplateOutlet=\"topAction\" />\r\n        }\r\n\r\n        <span\r\n          *ngIf=\"showButtonApps\"\r\n          class=\"material-symbols-outlined top-layout-icons p-1\"\r\n          [pTooltip]=\"'Sistemas'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"sistemasPanel.toggle($event)\"\r\n        >\r\n          apps\r\n        </span>\r\n\r\n        <span\r\n          *ngIf=\"showButtonUser\"\r\n          class=\"material-symbols-outlined top-layout-icons p-1\"\r\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"meusDadosPanel.toggle($event)\"\r\n        >\r\n          person\r\n        </span>\r\n      </div>\r\n\r\n      <div\r\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\r\n      >\r\n        @if (masterName) { <span class=\"master-name\">{{ masterName }}</span> }\r\n        @if (empresaName) {<span class=\"empresa-name\">{{ empresaName }}</span> }\r\n      </div>\r\n      } } @else { @if(widthPage() > 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"max-w-25rem\"\r\n        style=\"min-width: 20rem;\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      }\r\n\r\n      <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n      <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n        @for (topAction of topMenuActions(); track $index) {\r\n        <ng-container *ngTemplateOutlet=\"topAction\" />\r\n        }\r\n\r\n        <span\r\n          *ngIf=\"showButtonApps\"\r\n          class=\"material-symbols-outlined top-layout-icons p-1\"\r\n          [pTooltip]=\"'Sistemas'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"sistemasPanel.toggle($event)\"\r\n        >\r\n          apps\r\n        </span>\r\n\r\n        <span\r\n          *ngIf=\"showButtonUser\"\r\n          class=\"material-symbols-outlined top-layout-icons p-1\"\r\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"meusDadosPanel.toggle($event)\"\r\n        >\r\n          person\r\n        </span>\r\n      </div>\r\n\r\n      @if(widthPage() < 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"w-full\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      } }\r\n    </div>\r\n\r\n    <!-- Container -->\r\n    <div class=\"overflow-hidden flex-1 py-2 px-2 lg:px-3\">\r\n      <p-card\r\n        styleClass=\"overflow-y-auto h-full max-h-full {{\r\n          !showMenu && 'sm:overflow-y-hidden'\r\n        }} card-container\"\r\n      >\r\n        <ng-content></ng-content>\r\n      </p-card>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Painel de aplicativos -->\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\r\n      <div\r\n        class=\"flex flex-row flex-wrap gap-3 align-items-center justify-content-center mt-5 mb-3\"\r\n        style=\"width: 270px; height: 100%\"\r\n      >\r\n        @for (aplicativo of apps; track $index) { @if(aplicativo.urlicone ==\r\n        \"https://work-assets.keevo.com.br/img/icone-keevocenter.png\") {\r\n        <div\r\n          class=\"btn-sistema text-xl md:text-3xl flex align-items-center justify-content-center\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n        >\r\n          {{ aplicativo.descricaoaplicativo.charAt(0).toLocaleUpperCase() }}\r\n        </div>\r\n        } @else {\r\n        <img\r\n          [src]=\"aplicativo.urlicone\"\r\n          class=\"btn-sistema flex align-items-center justify-content-center\"\r\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\r\n        />\r\n        } }\r\n\r\n        <!-- <button\r\n          *ngFor=\"let aplicativo of apps\"\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          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n          [tooltipPosition]=\"'left'\"\r\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\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  <!-- Painel do usu\u00E1rio -->\r\n  <p-overlayPanel\r\n    #meusDadosPanel\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\">\r\n      Ol\u00E1, {{ userName ? userName.split(\" \")[0] : \"Usu\u00E1rio\" }}!\r\n    </p>\r\n    <div class=\"mt-5 mb-3\"></div>\r\n  \r\n    <!-- Cont\u00EAiner com dire\u00E7\u00E3o em coluna para empilhar os bot\u00F5es -->\r\n    <div class=\"flex flex-column\">\r\n      <!-- Bot\u00F5es adicionais din\u00E2micos -->\r\n      <ng-container *ngFor=\"let action of actions\">\r\n        <p-button\r\n          [icon]=\"action.icon\"\r\n          [label]=\"action.label\"\r\n          (onClick)=\"action.action()\"\r\n          styleClass=\"border-noround w-full text-blue-900 text-sm\"\r\n          [text]=\"true\"\r\n        ></p-button>\r\n      </ng-container>\r\n      \r\n      <!-- Bot\u00F5es padr\u00E3o -->\r\n      <p-button\r\n        icon=\"pi pi-lock\"\r\n        label=\"Acessar Keepass\"\r\n        (onClick)=\"accessKeePass($event)\"\r\n        styleClass=\"border-noround w-full text-blue-900 text-sm\"\r\n        [text]=\"true\"\r\n      ></p-button>\r\n  \r\n      <p-button\r\n        icon=\"pi pi-sign-out\"\r\n        label=\"Sair\"\r\n        (onClick)=\"logout($event)\"\r\n        styleClass=\"border-noround w-full text-blue-900 text-sm\"\r\n        [text]=\"true\"\r\n      ></p-button>\r\n  \r\n    </div>\r\n  </ng-template>\r\n  \r\n  </p-overlayPanel>\r\n</div>\r\n", 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}::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,#eaeaea 17%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.825rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .home-style{background-color:#eaeaea;overflow:hidden}::ng-deep .page-style{overflow:auto!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:1.25rem;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{font-size:1.3rem;color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .menu-option{padding:.8rem!important;display:flex;align-items:center;cursor:pointer;border-radius:.5rem;transition-duration:150;transition-property:color,background-color;padding:.5rem}::ng-deep .menu-option:hover{background-color:#29b92d!important;color:#fff}::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,.menu-option:hover .content-option-menu{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:1100!important}.btn-sistema{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:pointer;width:4rem;height:4rem;background-color:#002542;color:#fff;padding:.5rem;box-shadow:#00000059 0 0 4px;border-radius:.75rem;transition:box-shadow .3s ease-in-out}.btn-sistema:hover{opacity:.9;box-shadow:#0009 0 0 8px}.master-name{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:600;line-height:16.41px;text-align:center;color:#64748b}.empresa-name{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:300;line-height:14.06px;text-align:center;color:#1e293b}.top-layout-icons{color:#002542;font-size:1.5rem!important;cursor:pointer;border-radius:50%;transition:color .2s ease-in-out,background-color .2s ease-in-out,transform .2s ease-in-out}.top-layout-icons:hover{color:#fff;background-color:#002542}.overlay-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}\n"] }]
+            args: [{ selector: 'kv-layout', template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\n  <div\n    [ngClass]=\"{ 'overlay-background': expandMenu() && widthPage() < 800 }\"\n  ></div>\n  @if (showMenu) {\n  <div\n    [style]=\"{\n      minWidth: expandMenu() && widthPage() > 800 ? '17rem' : '3.65rem'\n    }\"\n  ></div>\n  } @if(showMenu) {\n  <p-sidebar\n    #sidebarRef\n    [visible]=\"true\"\n    [showCloseIcon]=\"false\"\n    [modal]=\"false\"\n    [style]=\"{ width: expandMenu() ? '17rem' : '3.65rem' }\"\n    class=\"sidebar-animation\"\n    styleClass=\"transition-all\"\n  >\n    <ng-template pTemplate=\"headless\">\n      <div class=\"flex flex-column overflow-hidden\">\n        <div\n          class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2 overflow-hidden\"\n        >\n          <div\n            class=\"flex {{\n              expandMenu() ? 'flex-row' : 'flex-column'\n            }} align-items-center {{\n              expandMenu()\n                ? 'justify-content-between'\n                : 'justify-content-center'\n            }} py-3\"\n          >\n            <!-- Logo para o menu expandido -->\n            <img\n              *ngIf=\"expandMenu() && logoMenuExpand\"\n              alt=\"Card\"\n              [src]=\"logoMenuExpand\"\n              [style.height]=\"'3rem'\"\n              width=\"auto\"\n              class=\"cursor-pointer p-1\"\n              (click)=\"navigateToDefaultRoute()\"\n            />\n\n            <!-- Logo para o menu minimizado-->\n            <img\n              *ngIf=\"!expandMenu() && logoMenuHide\"\n              alt=\"Card\"\n              [src]=\"logoMenuHide\"\n              [style.height]=\"'3rem'\"\n              width=\"auto\"\n              class=\"mb-2 p-1\"\n              (click)=\"navigateToDefaultRoute()\"\n            />\n\n            <!-- Toggle menu -->\n            <span\n              *ngIf=\"showExpandMenu\"\n              class=\"material-symbols-outlined top-layout-icons p-1\"\n              [pTooltip]=\"expandMenu() ? 'Ocultar Menu' : 'Expandir Menu'\"\n              [tooltipPosition]=\"'right'\"\n              (click)=\"toggleMenu()\"\n            >\n              menu\n            </span>\n          </div>\n\n          @if(showTrocaEmpresa){\n          <div\n            class=\"flex flex-row align-items-center {{\n              expandMenu()\n                ? 'justify-content-between'\n                : 'justify-content-center'\n            }}\"\n          >\n            <div\n              class=\"flex flex-column cursor-pointer\"\n              *ngIf=\"expandMenu() && selectedEmpresa\"\n              (click)=\"changeEmpresa($event)\"\n            >\n              <span\n                class=\"text-sm font-semibold mr-2\"\n                [pTooltip]=\"this.selectedEmpresa.razaosocial\"\n                [tooltipPosition]=\"'right'\"\n              >\n                {{ nameEmpresa(this.selectedEmpresa.razaosocial) }}\n              </span>\n              <span class=\"text-sm mt-1\">{{\n                this.selectedEmpresa.cpfcnpj | cpfCnpj\n              }}</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)=\"changeEmpresa($event)\"\n              [pTooltip]=\"'Trocar de empresa'\"\n              [tooltipPosition]=\"'right'\"\n            >\n              <i class=\"material-symbols-outlined\"> sync_alt </i>\n            </button>\n          </div>\n          <p-divider type=\"solid\"></p-divider>\n          }\n        </div>\n\n        <div class=\"list-none m-0 card-container overflow-y-auto max-h-full\">\n          <!-- menus -->\n          <li\n            *ngFor=\"let menu of menus; let i = index\"\n            [class]=\"expandMenu() ? 'px-2' : 'px-1'\"\n          >\n            <!-- menu que n\u00E3o tem filho -->\n            <a\n              (click)=\"callRoute(menu.link)\"\n              *ngIf=\"\n                !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\n              \"\n              pRipple\n              [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\n              [tooltipPosition]=\"'right'\"\n              class=\"menu-option\"\n              [style.background-color]=\"menu.bgColor\"\n              [class.justify-content-center]=\"!expandMenu()\"\n            >\n              <i\n                class=\"content-option-menu material-symbols-outlined icon-menu {{\n                  expandMenu() ? 'ml-1 mr-2' : ''\n                }}  icon-hover-color {{ menu.textColor }}\"\n                *ngIf=\"menu.icone\"\n              >\n                {{ menu.icone }}\n              </i>\n              <span\n                class=\"content-option-menu text-base text-blue-900 font-semibold {{\n                  menu.textColor\n                }}\"\n                *ngIf=\"expandMenu()\"\n                >{{ menu.descricaomenu }}</span\n              >\n            </a>\n            <!-- menu com filho -->\n            <div *ngIf=\"menu.indmenupai\">\n              <a\n                pRipple\n                pStyleClass=\"@next\"\n                enterClass=\"hidden\"\n                enterActiveClass=\"slidedown\"\n                leaveToClass=\"hidden\"\n                leaveActiveClass=\"slideup\"\n                [style.background-color]=\"\n                  isSelectedMenuPai(menu) ? 'rgb(41, 185, 45)' : 'white'\n                \"\n                class=\"menu-option {{\n                  !expandMenu()\n                    ? 'justify-content-center'\n                    : 'justify-content-between'\n                }} \"\n                [tooltipPosition]=\"'right'\"\n                [pTooltip]=\"!expandMenu() ? menu.descricaomenu : ''\"\n                (click)=\"\n                  expandMenu.set(!expandMenu() ? !expandMenu() : expandMenu())\n                \"\n              >\n                <div class=\"flex flex-row align-items-center\">\n                  <i\n                    class=\"content-option-menu material-symbols-outlined icon-menu {{\n                      expandMenu() ? 'ml-1 mr-2' : ''\n                    }} icon-hover-color\"\n                    *ngIf=\"menu.icone\"\n                    [class.text-white]=\"isSelectedMenuPai(menu)\"\n                  >\n                    {{ menu.icone }}\n                  </i>\n                  <span\n                    class=\"text-base text-blue-900 font-semibold content-option-menu\"\n                    *ngIf=\"expandMenu()\"\n                    >{{ menu.descricaomenu }}</span\n                  >\n                </div>\n                <span\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color content-option-menu\"\n                  *ngIf=\"expandMenu()\"\n                ></span>\n              </a>\n\n              <!-- filhos -->\n              <div\n                class=\"list-none py-0 pl-3 pr-0 m-0 {{\n                  !(\n                    menuSelecionado()?.idmenupai == menu.idmenu &&\n                    this.expandMenu()\n                  ) && 'hidden'\n                }} overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\n              >\n                <li\n                  *ngFor=\"\n                    let filho of returnMenuChild(menu.idmenu);\n                    let iFilho = index\n                  \"\n                >\n                  <a\n                    *ngIf=\"expandMenu()\"\n                    (click)=\"callRoute(filho.link)\"\n                    pRipple\n                    class=\"menu-option\"\n                    [style.background-color]=\"filho.bgColor\"\n                  >\n                    <i\n                      class=\"content-option-menu material-symbols-outlined icon-menu {{\n                        expandMenu() ? 'ml-1 mr-2' : ''\n                      }} icon-hover-color\"\n                      *ngIf=\"filho.icone\"\n                    >\n                      {{ filho.icone }}\n                    </i>\n                    <span\n                      class=\"content-option-menu text-medium text-blue-900 ml-4 {{\n                        filho.textColor\n                      }}\"\n                      *ngIf=\"expandMenu()\"\n                      >{{ filho.descricaomenu }}</span\n                    >\n                  </a>\n                </li>\n              </div>\n            </div>\n          </li>\n        </div>\n      </div>\n    </ng-template>\n  </p-sidebar>\n  }\n\n  <!-- Topbar -->\n  <div\n    class=\"w-auto h-screen page-content overflow-y-hidden flex flex-column\"\n    id=\"page-content\"\n    style=\"width: 100vw !important\"\n  >\n    <div\n      class=\"flex flex-row flex-wrap align-items-center justify-content-between my-2 mx-2 lg:mx-3 mb-0 gap-1\"\n    >\n      @if(!showMenu) {\n      <!-- Logo home -->\n      <div>\n        <img [src]=\"logoMenuExpand\" width=\"150\" />\n      </div>\n      } @else {\n      <!-- Breadcrumbs -->\n      <div>\n        <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">\n          {{\n            breadCrumbItems[breadCrumbItems.length - 1] &&\n            breadCrumbItems[breadCrumbItems.length - 1].label\n              ? breadCrumbItems[breadCrumbItems.length - 1].label\n              : \"\"\n          }}\n        </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: '#eaeaea' }\"\n          (onItemClick)=\"callRoute($event.item.routerLink, true)\"\n        ></p-breadcrumb>\n      </div>\n      } @if (exibirNomes) { @if(widthCard >= 517) {\n      <div\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\n      >\n        @if (masterName) { <span class=\"master-name\">{{ masterName }}</span> }\n        @if (empresaName) {<span class=\"empresa-name\"\n          >Organiza\u00E7\u00E3o: {{ empresaName }}</span\n        >\n        }\n      </div>\n\n      <div\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\n      >\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\n        @for (topAction of topMenuActions(); track $index) {\n        <ng-container *ngTemplateOutlet=\"topAction\" />\n        }\n\n        <span\n          *ngIf=\"showButtonApps\"\n          class=\"material-symbols-outlined top-layout-icons p-1\"\n          [pTooltip]=\"'Sistemas'\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"sistemasPanel.toggle($event)\"\n        >\n          apps\n        </span>\n\n        <span\n          *ngIf=\"showButtonUser\"\n          class=\"material-symbols-outlined top-layout-icons p-1\"\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"meusDadosPanel.toggle($event)\"\n        >\n          person\n        </span>\n      </div>\n      } @else {\n      <div\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\n      >\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\n        @for (topAction of topMenuActions(); track $index) {\n        <ng-container *ngTemplateOutlet=\"topAction\" />\n        }\n\n        <span\n          *ngIf=\"showButtonApps\"\n          class=\"material-symbols-outlined top-layout-icons p-1\"\n          [pTooltip]=\"'Sistemas'\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"sistemasPanel.toggle($event)\"\n        >\n          apps\n        </span>\n\n        <span\n          *ngIf=\"showButtonUser\"\n          class=\"material-symbols-outlined top-layout-icons p-1\"\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"meusDadosPanel.toggle($event)\"\n        >\n          person\n        </span>\n      </div>\n\n      <div\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\n      >\n        @if (masterName) { <span class=\"master-name\">{{ masterName }}</span> }\n        @if (empresaName) {<span class=\"empresa-name\">{{ empresaName }}</span> }\n      </div>\n      } } @else { @if(widthPage() > 992){\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\n      <dropdown-master\n        *ngIf=\"showLicencas()\"\n        class=\"max-w-25rem\"\n        style=\"min-width: 20rem;\"\n        formControlName=\"idmaster\"\n        [formGroup]=\"formGroup\"\n        [masters]=\"masters\"\n        (onSelectionChange)=\"changeLicense($event)\"\n        (onSelectionValue)=\"changeLicense($event)\"\n      >\n      </dropdown-master>\n      }\n\n      <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\n      <div class=\"w-auto flex flex-row align-items-center gap-2\">\n        @for (topAction of topMenuActions(); track $index) {\n        <ng-container *ngTemplateOutlet=\"topAction\" />\n        }\n\n        <span\n          *ngIf=\"showButtonApps\"\n          class=\"material-symbols-outlined top-layout-icons p-1\"\n          [pTooltip]=\"'Sistemas'\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"sistemasPanel.toggle($event)\"\n        >\n          apps\n        </span>\n\n        <span\n          *ngIf=\"showButtonUser\"\n          class=\"material-symbols-outlined top-layout-icons p-1\"\n          [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"meusDadosPanel.toggle($event)\"\n        >\n          person\n        </span>\n      </div>\n\n      @if(widthPage() < 992){\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\n      <dropdown-master\n        *ngIf=\"showLicencas()\"\n        class=\"w-full\"\n        formControlName=\"idmaster\"\n        [formGroup]=\"formGroup\"\n        [masters]=\"masters\"\n        (onSelectionChange)=\"changeLicense($event)\"\n        (onSelectionValue)=\"changeLicense($event)\"\n      >\n      </dropdown-master>\n      } }\n    </div>\n\n    <!-- Container -->\n    <div class=\"overflow-hidden flex-1 py-2 px-2 lg:px-3\">\n      <p-card\n        styleClass=\"overflow-y-auto h-full max-h-full {{\n          !showMenu && 'sm:overflow-y-hidden'\n        }} card-container\"\n      >\n        <ng-content></ng-content>\n      </p-card>\n    </div>\n  </div>\n\n  <!-- Painel de aplicativos -->\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\n      <div\n        class=\"flex flex-row flex-wrap gap-3 align-items-center justify-content-center mt-5 mb-3\"\n        style=\"width: 270px; height: 100%\"\n      >\n        @for (aplicativo of apps; track $index) { @if(aplicativo.urlicone ==\n        \"https://work-assets.keevo.com.br/img/icone-keevocenter.png\") {\n        <div\n          class=\"btn-sistema text-xl md:text-3xl flex align-items-center justify-content-center\"\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\n          [tooltipPosition]=\"'left'\"\n        >\n          {{ aplicativo.descricaoaplicativo.charAt(0).toLocaleUpperCase() }}\n        </div>\n        } @else {\n        <img\n          [src]=\"aplicativo.urlicone\"\n          class=\"btn-sistema flex align-items-center justify-content-center\"\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\n        />\n        } }\n\n        <!-- <button\n          *ngFor=\"let aplicativo of apps\"\n          pButton\n          pRipple\n          class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\n          [pTooltip]=\"aplicativo?.descricaoaplicativo\"\n          [tooltipPosition]=\"'left'\"\n          (click)=\"selectApp(aplicativo.idaplicativo)\"\n        >\n          {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\n        </button> -->\n      </div>\n    </ng-template>\n  </p-overlayPanel>\n\n  <!-- Painel do usu\u00E1rio -->\n  <p-overlayPanel\n    #meusDadosPanel\n    [showTransitionOptions]=\"'350ms ease-out'\"\n    [hideTransitionOptions]=\"'250ms ease-in'\"\n  >\n  <ng-template pTemplate=\"container\">\n    <p class=\"title-style mt-3\">\n      Ol\u00E1, {{ userName ? userName.split(\" \")[0] : \"Usu\u00E1rio\" }}!\n    </p>\n    <div class=\"mt-5 mb-3\"></div>\n  \n    <!-- Cont\u00EAiner com dire\u00E7\u00E3o em coluna para empilhar os bot\u00F5es -->\n    <div class=\"flex flex-column\">\n      <!-- Bot\u00F5es adicionais din\u00E2micos -->\n      <ng-container *ngFor=\"let action of actions\">\n        <p-button\n          [icon]=\"action.icon\"\n          [label]=\"action.label\"\n          (onClick)=\"action.action()\"\n          styleClass=\"border-noround w-full text-blue-900 text-sm\"\n          [text]=\"true\"\n        ></p-button>\n      </ng-container>\n      \n      <!-- Bot\u00F5es padr\u00E3o -->\n      <p-button\n        icon=\"pi pi-lock\"\n        label=\"Acessar Keepass\"\n        (onClick)=\"accessKeePass($event)\"\n        styleClass=\"border-noround w-full text-blue-900 text-sm\"\n        [text]=\"true\"\n      ></p-button>\n  \n      <p-button\n        icon=\"pi pi-sign-out\"\n        label=\"Sair\"\n        (onClick)=\"logout($event)\"\n        styleClass=\"border-noround w-full text-blue-900 text-sm\"\n        [text]=\"true\"\n      ></p-button>\n  \n    </div>\n  </ng-template>\n  \n  </p-overlayPanel>\n</div>\n", 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}::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,#eaeaea 17%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.825rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .home-style{background-color:#eaeaea;overflow:hidden}::ng-deep .page-style{overflow:auto!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:1.25rem;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{font-size:1.3rem;color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .menu-option{padding:.8rem!important;display:flex;align-items:center;cursor:pointer;border-radius:.5rem;transition-duration:150;transition-property:color,background-color;padding:.5rem}::ng-deep .menu-option:hover{background-color:#29b92d!important;color:#fff}::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,.menu-option:hover .content-option-menu{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:1100!important}.btn-sistema{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:pointer;width:4rem;height:4rem;background-color:#002542;color:#fff;padding:.5rem;box-shadow:#00000059 0 0 4px;border-radius:.75rem;transition:box-shadow .3s ease-in-out}.btn-sistema:hover{opacity:.9;box-shadow:#0009 0 0 8px}.master-name{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:600;line-height:16.41px;text-align:center;color:#64748b}.empresa-name{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:300;line-height:14.06px;text-align:center;color:#1e293b}.top-layout-icons{color:#002542;font-size:1.5rem!important;cursor:pointer;border-radius:50%;transition:color .2s ease-in-out,background-color .2s ease-in-out,transform .2s ease-in-out}.top-layout-icons:hover{color:#fff;background-color:#002542}.overlay-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i2$1.FormBuilder }, { type: i3$1.Router }, { type: i3$1.ActivatedRoute }], propDecorators: { apps: [{
                 type: Input
             }], actions: [{
@@ -6480,16 +6498,16 @@ class KvOrgchartComponent {
         })
             .compact(false)
             .buttonContent(({ node, state }) => {
-            return `<div style="color:#FFFFFF; border-radius:100%;font-size:5px;margin:auto auto;background-color:#64748B;">
-          <span>
+            return `<div style="color:#FFFFFF; border-radius:100%;font-size:5px;margin:auto auto;background-color:#64748B;">
+          <span>
           ${node.children && node.children.length > 0
-                ? `<i class="material-symbols-outlined">
-              keyboard_arrow_up
+                ? `<i class="material-symbols-outlined">
+              keyboard_arrow_up
               </i>`
-                : `<i class="material-symbols-outlined">
-              keyboard_arrow_down
-            </i>`}
-          </span>
+                : `<i class="material-symbols-outlined">
+              keyboard_arrow_down
+            </i>`}
+          </span>
             </div>`;
         })
             .linkUpdate((node, index, nodes) => {
@@ -6618,11 +6636,11 @@ class KvOrgchartComponent {
         this.filter.clear();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvOrgchartComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: OrgChartService }, { token: i1$2.FilterService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: KvOrgchartComponent, selector: "kv-orgchart", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: false, transformFunction: null }, nodeTemplate: { classPropertyName: "nodeTemplate", publicName: "nodeTemplate", isSignal: false, isRequired: false, transformFunction: null }, filterItemTemplate: { classPropertyName: "filterItemTemplate", publicName: "filterItemTemplate", isSignal: false, isRequired: false, transformFunction: null }, filterSelectedItemTemplate: { classPropertyName: "filterSelectedItemTemplate", publicName: "filterSelectedItemTemplate", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { dataSource: "dataSourceChange", onNodeClick: "onNodeClick" }, viewQueries: [{ propertyName: "chartContainer", first: true, predicate: ["chartContainer"], descendants: true }, { propertyName: "viewContainerRef", first: true, predicate: ["nodeTemplate"], descendants: true, read: ViewContainerRef }, { propertyName: "filter", first: true, predicate: ["filter"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #chartContainer id=\"chartContainer\" [ngClass]=\"{ backGround: true }\">\r\n  <div class=\"div-botoes w-full flex gap-1\">\r\n    <div\r\n      id=\"menubar\"\r\n      class=\"shadow-2 flex justify-content-between align-content-center\"\r\n    >\r\n      <div class=\"grid formgrid p-fluid flex-grow-1\">\r\n        <!-- <div #filterContainer class=\"col-4 grid formgrid p-fluid\">\r\n            <kv-input-text class=\"col-12\" #filtro (onInput)=\"pesquisar($event)\">\r\n            </kv-input-text>\r\n          </div>\r\n\r\n          @if(filtrosOpt().length > 0) {\r\n \r\n              <div id=\"filtro-org-chart\" [style.width.px]=\"filterContainer.offsetWidth*0.9\">\r\n\r\n                @for (opt of filtrosOpt(); track $index) {\r\n                  <div class=\"filtro-org-chart-item\">\r\n                    {{ opt.data.name }}\r\n\r\n                  </div>\r\n\r\n                }\r\n\r\n              </div>\r\n\r\n          } -->\r\n\r\n        <p-dropdown\r\n          #filter\r\n          placeholder=\"Filtrar...\"\r\n          [style]=\"{\r\n            height: '30px',\r\n            'display': 'flex',\r\n            'align-items': 'center',\r\n            'margin-left': '15px',\r\n            'max-width': '95%'\r\n          }\"\r\n          [filter]=\"true\"\r\n          [filterFields]=\"config.filters\"\r\n          [options]=\"this.dataSource()!\"\r\n          [showClear]=\"true\"\r\n          (onChange)=\"centralizarNo($event.value.id)\"\r\n        >\r\n          <!-- [itemTemplate]=\"itemTemplate\"\r\n              [selectedItemTemplate]=\"selectedItemTemplate\" -->\r\n          <!-- [filteredOptions]=\"this.dataSource()!\" -->\r\n          <!-- [filterFields]=\"data.name\" -->\r\n\r\n          <ng-template #itemTemplate let-item pTemplate=\"item\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"filterItemTemplate!\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n            />\r\n          </ng-template>\r\n\r\n          <ng-template #selectedItemTemplate let-item pTemplate=\"selectedItem\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"filterSelectedItemTemplate!\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n            />\r\n          </ng-template>\r\n        </p-dropdown>\r\n      </div>\r\n\r\n      <!-- Actions bar -->\r\n      <div class=\"flex gap-1 flex-row flex-grow-0\">\r\n        <div style=\"width: 30px\" class=\"mr-2\">\r\n          <kv-button\r\n            (onClick)=\"chart.expandAll()\"\r\n            class=\"button-expand-all\"\r\n            [fullWidth]=\"false\"\r\n            size=\"small\"\r\n            severity=\"tertiary\"\r\n            [icon]=\"'expand_all'\"\r\n            [pTooltip]=\"'Expandir Todos'\"\r\n          >\r\n          </kv-button>\r\n        </div>\r\n\r\n        <div style=\"width: 30px\" class=\"mr-2\">\r\n          <kv-button\r\n            (onClick)=\"chart.collapseAll()\"\r\n            class=\"button-colappse-all\"\r\n            [fullWidth]=\"false\"\r\n            size=\"small\"\r\n            severity=\"tertiary\"\r\n            [icon]=\"'collapse_all'\"\r\n            [pTooltip]=\"'Recolher Todos'\"\r\n          >\r\n          </kv-button>\r\n        </div>\r\n\r\n        <div style=\"width: 30px\" class=\"mr-2\">\r\n          <kv-button\r\n            (onClick)=\"chart.fit().render()\"\r\n            class=\"button-focus-center\"\r\n            [fullWidth]=\"false\"\r\n            size=\"small\"\r\n            severity=\"primary\"\r\n            [icon]=\"'center_focus_weak'\"\r\n            [pTooltip]=\"'Centralizar Organograma'\"\r\n          >\r\n          </kv-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n\r\n<div style=\"display: none\">\r\n  <ng-template #nodeTemplate let-node>\r\n    <div class=\"node-content\">erro</div>\r\n  </ng-template>\r\n</div>\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}:host ::ng-deep .p-organizationChart{overflow:hidden}svg{width:100%;height:100%}#menubar{width:100%;padding:5px;border-radius:8px;background:#eaeaea}.filtro-input{width:300px}#filtro-org-chart{height:300px;overflow-y:auto;overflow-x:hidden;position:absolute;top:40px;left:8px;background:#fff;color:#4b5563;border:0 none;border-radius:6px;box-shadow:0 2px 12px #0000001a}.filtro-org-chart-item{cursor:pointer;height:35px;padding:3px}.filtro-org-chart-item:hover{background-color:#d9dadb}.filtro-org-chart-item:active{background-color:#c0c1c2}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i6.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: 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: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: KvOrgchartComponent, selector: "kv-orgchart", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: false, transformFunction: null }, nodeTemplate: { classPropertyName: "nodeTemplate", publicName: "nodeTemplate", isSignal: false, isRequired: false, transformFunction: null }, filterItemTemplate: { classPropertyName: "filterItemTemplate", publicName: "filterItemTemplate", isSignal: false, isRequired: false, transformFunction: null }, filterSelectedItemTemplate: { classPropertyName: "filterSelectedItemTemplate", publicName: "filterSelectedItemTemplate", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { dataSource: "dataSourceChange", onNodeClick: "onNodeClick" }, viewQueries: [{ propertyName: "chartContainer", first: true, predicate: ["chartContainer"], descendants: true }, { propertyName: "viewContainerRef", first: true, predicate: ["nodeTemplate"], descendants: true, read: ViewContainerRef }, { propertyName: "filter", first: true, predicate: ["filter"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #chartContainer id=\"chartContainer\" [ngClass]=\"{ backGround: true }\">\n  <div class=\"div-botoes w-full flex gap-1\">\n    <div\n      id=\"menubar\"\n      class=\"shadow-2 flex justify-content-between align-content-center\"\n    >\n      <div class=\"grid formgrid p-fluid flex-grow-1\">\n        <!-- <div #filterContainer class=\"col-4 grid formgrid p-fluid\">\n            <kv-input-text class=\"col-12\" #filtro (onInput)=\"pesquisar($event)\">\n            </kv-input-text>\n          </div>\n\n          @if(filtrosOpt().length > 0) {\n \n              <div id=\"filtro-org-chart\" [style.width.px]=\"filterContainer.offsetWidth*0.9\">\n\n                @for (opt of filtrosOpt(); track $index) {\n                  <div class=\"filtro-org-chart-item\">\n                    {{ opt.data.name }}\n\n                  </div>\n\n                }\n\n              </div>\n\n          } -->\n\n        <p-dropdown\n          #filter\n          placeholder=\"Filtrar...\"\n          [style]=\"{\n            height: '30px',\n            'display': 'flex',\n            'align-items': 'center',\n            'margin-left': '15px',\n            'max-width': '95%'\n          }\"\n          [filter]=\"true\"\n          [filterFields]=\"config.filters\"\n          [options]=\"this.dataSource()!\"\n          [showClear]=\"true\"\n          (onChange)=\"centralizarNo($event.value.id)\"\n        >\n          <!-- [itemTemplate]=\"itemTemplate\"\n              [selectedItemTemplate]=\"selectedItemTemplate\" -->\n          <!-- [filteredOptions]=\"this.dataSource()!\" -->\n          <!-- [filterFields]=\"data.name\" -->\n\n          <ng-template #itemTemplate let-item pTemplate=\"item\">\n            <ng-container\n              [ngTemplateOutlet]=\"filterItemTemplate!\"\n              [ngTemplateOutletContext]=\"{ $implicit: item }\"\n            />\n          </ng-template>\n\n          <ng-template #selectedItemTemplate let-item pTemplate=\"selectedItem\">\n            <ng-container\n              [ngTemplateOutlet]=\"filterSelectedItemTemplate!\"\n              [ngTemplateOutletContext]=\"{ $implicit: item }\"\n            />\n          </ng-template>\n        </p-dropdown>\n      </div>\n\n      <!-- Actions bar -->\n      <div class=\"flex gap-1 flex-row flex-grow-0\">\n        <div style=\"width: 30px\" class=\"mr-2\">\n          <kv-button\n            (onClick)=\"chart.expandAll()\"\n            class=\"button-expand-all\"\n            [fullWidth]=\"false\"\n            size=\"small\"\n            severity=\"tertiary\"\n            [icon]=\"'expand_all'\"\n            [pTooltip]=\"'Expandir Todos'\"\n          >\n          </kv-button>\n        </div>\n\n        <div style=\"width: 30px\" class=\"mr-2\">\n          <kv-button\n            (onClick)=\"chart.collapseAll()\"\n            class=\"button-colappse-all\"\n            [fullWidth]=\"false\"\n            size=\"small\"\n            severity=\"tertiary\"\n            [icon]=\"'collapse_all'\"\n            [pTooltip]=\"'Recolher Todos'\"\n          >\n          </kv-button>\n        </div>\n\n        <div style=\"width: 30px\" class=\"mr-2\">\n          <kv-button\n            (onClick)=\"chart.fit().render()\"\n            class=\"button-focus-center\"\n            [fullWidth]=\"false\"\n            size=\"small\"\n            severity=\"primary\"\n            [icon]=\"'center_focus_weak'\"\n            [pTooltip]=\"'Centralizar Organograma'\"\n          >\n          </kv-button>\n        </div>\n      </div>\n    </div>\n  </div>\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/>\n\n<div style=\"display: none\">\n  <ng-template #nodeTemplate let-node>\n    <div class=\"node-content\">erro</div>\n  </ng-template>\n</div>\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}:host ::ng-deep .p-organizationChart{overflow:hidden}svg{width:100%;height:100%}#menubar{width:100%;padding:5px;border-radius:8px;background:#eaeaea}.filtro-input{width:300px}#filtro-org-chart{height:300px;overflow-y:auto;overflow-x:hidden;position:absolute;top:40px;left:8px;background:#fff;color:#4b5563;border:0 none;border-radius:6px;box-shadow:0 2px 12px #0000001a}.filtro-org-chart-item{cursor:pointer;height:35px;padding:3px}.filtro-org-chart-item:hover{background-color:#d9dadb}.filtro-org-chart-item:active{background-color:#c0c1c2}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i6.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: 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: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }] }); }
 }
 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  <div class=\"div-botoes w-full flex gap-1\">\r\n    <div\r\n      id=\"menubar\"\r\n      class=\"shadow-2 flex justify-content-between align-content-center\"\r\n    >\r\n      <div class=\"grid formgrid p-fluid flex-grow-1\">\r\n        <!-- <div #filterContainer class=\"col-4 grid formgrid p-fluid\">\r\n            <kv-input-text class=\"col-12\" #filtro (onInput)=\"pesquisar($event)\">\r\n            </kv-input-text>\r\n          </div>\r\n\r\n          @if(filtrosOpt().length > 0) {\r\n \r\n              <div id=\"filtro-org-chart\" [style.width.px]=\"filterContainer.offsetWidth*0.9\">\r\n\r\n                @for (opt of filtrosOpt(); track $index) {\r\n                  <div class=\"filtro-org-chart-item\">\r\n                    {{ opt.data.name }}\r\n\r\n                  </div>\r\n\r\n                }\r\n\r\n              </div>\r\n\r\n          } -->\r\n\r\n        <p-dropdown\r\n          #filter\r\n          placeholder=\"Filtrar...\"\r\n          [style]=\"{\r\n            height: '30px',\r\n            'display': 'flex',\r\n            'align-items': 'center',\r\n            'margin-left': '15px',\r\n            'max-width': '95%'\r\n          }\"\r\n          [filter]=\"true\"\r\n          [filterFields]=\"config.filters\"\r\n          [options]=\"this.dataSource()!\"\r\n          [showClear]=\"true\"\r\n          (onChange)=\"centralizarNo($event.value.id)\"\r\n        >\r\n          <!-- [itemTemplate]=\"itemTemplate\"\r\n              [selectedItemTemplate]=\"selectedItemTemplate\" -->\r\n          <!-- [filteredOptions]=\"this.dataSource()!\" -->\r\n          <!-- [filterFields]=\"data.name\" -->\r\n\r\n          <ng-template #itemTemplate let-item pTemplate=\"item\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"filterItemTemplate!\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n            />\r\n          </ng-template>\r\n\r\n          <ng-template #selectedItemTemplate let-item pTemplate=\"selectedItem\">\r\n            <ng-container\r\n              [ngTemplateOutlet]=\"filterSelectedItemTemplate!\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n            />\r\n          </ng-template>\r\n        </p-dropdown>\r\n      </div>\r\n\r\n      <!-- Actions bar -->\r\n      <div class=\"flex gap-1 flex-row flex-grow-0\">\r\n        <div style=\"width: 30px\" class=\"mr-2\">\r\n          <kv-button\r\n            (onClick)=\"chart.expandAll()\"\r\n            class=\"button-expand-all\"\r\n            [fullWidth]=\"false\"\r\n            size=\"small\"\r\n            severity=\"tertiary\"\r\n            [icon]=\"'expand_all'\"\r\n            [pTooltip]=\"'Expandir Todos'\"\r\n          >\r\n          </kv-button>\r\n        </div>\r\n\r\n        <div style=\"width: 30px\" class=\"mr-2\">\r\n          <kv-button\r\n            (onClick)=\"chart.collapseAll()\"\r\n            class=\"button-colappse-all\"\r\n            [fullWidth]=\"false\"\r\n            size=\"small\"\r\n            severity=\"tertiary\"\r\n            [icon]=\"'collapse_all'\"\r\n            [pTooltip]=\"'Recolher Todos'\"\r\n          >\r\n          </kv-button>\r\n        </div>\r\n\r\n        <div style=\"width: 30px\" class=\"mr-2\">\r\n          <kv-button\r\n            (onClick)=\"chart.fit().render()\"\r\n            class=\"button-focus-center\"\r\n            [fullWidth]=\"false\"\r\n            size=\"small\"\r\n            severity=\"primary\"\r\n            [icon]=\"'center_focus_weak'\"\r\n            [pTooltip]=\"'Centralizar Organograma'\"\r\n          >\r\n          </kv-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n\r\n<div style=\"display: none\">\r\n  <ng-template #nodeTemplate let-node>\r\n    <div class=\"node-content\">erro</div>\r\n  </ng-template>\r\n</div>\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}:host ::ng-deep .p-organizationChart{overflow:hidden}svg{width:100%;height:100%}#menubar{width:100%;padding:5px;border-radius:8px;background:#eaeaea}.filtro-input{width:300px}#filtro-org-chart{height:300px;overflow-y:auto;overflow-x:hidden;position:absolute;top:40px;left:8px;background:#fff;color:#4b5563;border:0 none;border-radius:6px;box-shadow:0 2px 12px #0000001a}.filtro-org-chart-item{cursor:pointer;height:35px;padding:3px}.filtro-org-chart-item:hover{background-color:#d9dadb}.filtro-org-chart-item:active{background-color:#c0c1c2}\n"] }]
+            args: [{ selector: 'kv-orgchart', template: "<div #chartContainer id=\"chartContainer\" [ngClass]=\"{ backGround: true }\">\n  <div class=\"div-botoes w-full flex gap-1\">\n    <div\n      id=\"menubar\"\n      class=\"shadow-2 flex justify-content-between align-content-center\"\n    >\n      <div class=\"grid formgrid p-fluid flex-grow-1\">\n        <!-- <div #filterContainer class=\"col-4 grid formgrid p-fluid\">\n            <kv-input-text class=\"col-12\" #filtro (onInput)=\"pesquisar($event)\">\n            </kv-input-text>\n          </div>\n\n          @if(filtrosOpt().length > 0) {\n \n              <div id=\"filtro-org-chart\" [style.width.px]=\"filterContainer.offsetWidth*0.9\">\n\n                @for (opt of filtrosOpt(); track $index) {\n                  <div class=\"filtro-org-chart-item\">\n                    {{ opt.data.name }}\n\n                  </div>\n\n                }\n\n              </div>\n\n          } -->\n\n        <p-dropdown\n          #filter\n          placeholder=\"Filtrar...\"\n          [style]=\"{\n            height: '30px',\n            'display': 'flex',\n            'align-items': 'center',\n            'margin-left': '15px',\n            'max-width': '95%'\n          }\"\n          [filter]=\"true\"\n          [filterFields]=\"config.filters\"\n          [options]=\"this.dataSource()!\"\n          [showClear]=\"true\"\n          (onChange)=\"centralizarNo($event.value.id)\"\n        >\n          <!-- [itemTemplate]=\"itemTemplate\"\n              [selectedItemTemplate]=\"selectedItemTemplate\" -->\n          <!-- [filteredOptions]=\"this.dataSource()!\" -->\n          <!-- [filterFields]=\"data.name\" -->\n\n          <ng-template #itemTemplate let-item pTemplate=\"item\">\n            <ng-container\n              [ngTemplateOutlet]=\"filterItemTemplate!\"\n              [ngTemplateOutletContext]=\"{ $implicit: item }\"\n            />\n          </ng-template>\n\n          <ng-template #selectedItemTemplate let-item pTemplate=\"selectedItem\">\n            <ng-container\n              [ngTemplateOutlet]=\"filterSelectedItemTemplate!\"\n              [ngTemplateOutletContext]=\"{ $implicit: item }\"\n            />\n          </ng-template>\n        </p-dropdown>\n      </div>\n\n      <!-- Actions bar -->\n      <div class=\"flex gap-1 flex-row flex-grow-0\">\n        <div style=\"width: 30px\" class=\"mr-2\">\n          <kv-button\n            (onClick)=\"chart.expandAll()\"\n            class=\"button-expand-all\"\n            [fullWidth]=\"false\"\n            size=\"small\"\n            severity=\"tertiary\"\n            [icon]=\"'expand_all'\"\n            [pTooltip]=\"'Expandir Todos'\"\n          >\n          </kv-button>\n        </div>\n\n        <div style=\"width: 30px\" class=\"mr-2\">\n          <kv-button\n            (onClick)=\"chart.collapseAll()\"\n            class=\"button-colappse-all\"\n            [fullWidth]=\"false\"\n            size=\"small\"\n            severity=\"tertiary\"\n            [icon]=\"'collapse_all'\"\n            [pTooltip]=\"'Recolher Todos'\"\n          >\n          </kv-button>\n        </div>\n\n        <div style=\"width: 30px\" class=\"mr-2\">\n          <kv-button\n            (onClick)=\"chart.fit().render()\"\n            class=\"button-focus-center\"\n            [fullWidth]=\"false\"\n            size=\"small\"\n            severity=\"primary\"\n            [icon]=\"'center_focus_weak'\"\n            [pTooltip]=\"'Centralizar Organograma'\"\n          >\n          </kv-button>\n        </div>\n      </div>\n    </div>\n  </div>\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/>\n\n<div style=\"display: none\">\n  <ng-template #nodeTemplate let-node>\n    <div class=\"node-content\">erro</div>\n  </ng-template>\n</div>\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}:host ::ng-deep .p-organizationChart{overflow:hidden}svg{width:100%;height:100%}#menubar{width:100%;padding:5px;border-radius:8px;background:#eaeaea}.filtro-input{width:300px}#filtro-org-chart{height:300px;overflow-y:auto;overflow-x:hidden;position:absolute;top:40px;left:8px;background:#fff;color:#4b5563;border:0 none;border-radius:6px;box-shadow:0 2px 12px #0000001a}.filtro-org-chart-item{cursor:pointer;height:35px;padding:3px}.filtro-org-chart-item:hover{background-color:#d9dadb}.filtro-org-chart-item:active{background-color:#c0c1c2}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: OrgChartService }, { type: i1$2.FilterService }], propDecorators: { config: [{
                 type: Input
             }], chartContainer: [{
@@ -6822,11 +6840,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", iconBtnSecundary: "iconBtnSecundary", showBtnSecundary: "showBtnSecundary", txtBtnSecundary: "txtBtnSecundary", colorBtnSecundary: "colorBtnSecundary", actionsToogle: "actionsToogle", iconBtnToogle: "iconBtnToogle", showBtnToogle: "showBtnToogle", txtBtnToogle: "txtBtnToogle", classBtnToogle: "classBtnToogle", disableBtnSair: "disableBtnSair", showMessageCamposObrigatorios: "showMessageCamposObrigatorios" }, outputs: { onSave: "onSave", onCancel: "onCancel", onClickSecundary: "onClickSecundary" }, viewQueries: [{ propertyName: "pageContainer", first: true, predicate: ["pageContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  [formGroup]=\"formGroup\"\r\n  class=\"grid-nogutter m-0\"\r\n  id=\"page-form-container\"\r\n  #pageContainer\r\n  [style.padding-bottom.px]=\"pageContentHeight()\"\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\r\n  <div\r\n    class=\"flex flex-column md:flex-row md:justify-content-end md:align-items-center col-12 gap-2 barra-acoes\"\r\n    id=\"barra-acoes\"\r\n  >\r\n    @if(showMessageCamposObrigatorios) {\r\n    <span class=\"w-full text-sm\">\r\n      <span class=\"font-bold\">*</span> Campos obrigat\u00F3rios</span\r\n    >\r\n    }\r\n    <kv-button\r\n      *ngIf=\"showBtnCancel\"\r\n      [label]=\"txtBtnCancel\"\r\n      [icon]=\"iconBtnCancel\"\r\n      [disabled]=\"isSaveLoading\"\r\n      (onClick)=\"cancel($event)\"\r\n      class=\"w-full md:w-auto\"\r\n      severity=\"tertiary\"\r\n    >\r\n    </kv-button>\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 md:w-auto\"\r\n      [classBtn]=\"'tertiary'\"\r\n      [disabled]=\"isSaveLoading\"\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 md:w-auto\"\r\n      [style.display]=\"'none'\"\r\n    ></p-menu>\r\n\r\n    <kv-button\r\n      *ngIf=\"showBtnSecundary\"\r\n      [label]=\"txtBtnSecundary\"\r\n      [icon]=\"iconBtnSecundary\"\r\n      [disabled]=\"isSaveLoading\"\r\n      severity=\"secondary\"\r\n      (onClick)=\"actionSecundary($event)\"\r\n      class=\"w-full md:w-auto\"\r\n    ></kv-button>\r\n\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      class=\"w-full md:w-auto\"\r\n      classBtn=\"secondary\"\r\n      [disabled]=\"isSaveLoading\"\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 md:w-auto\"\r\n      [style.display]=\"'none'\"\r\n    ></p-menu>\r\n\r\n    <kv-button\r\n      *ngIf=\"showBtnSave\"\r\n      [label]=\"txtBtnSave\"\r\n      [icon]=\"iconBtnSave\"\r\n      [disabled]=\"disableBtnSave\"\r\n      [loading]=\"isSaveLoading\"\r\n      (onClick)=\"save($event)\"\r\n      severity=\"primary\"\r\n      class=\"w-full md:w-auto\"\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 md:w-auto\"\r\n      [classBtn]=\"'primary'\"\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 md:w-auto\"\r\n      [style.display]=\"'none'\"\r\n    ></p-menu>\r\n  </div>\r\n</div>\r\n", styles: ["*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;right:0;background-color:#fff;padding:10px}#page-form-container{padding-bottom:40px}\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: KvButtonPopupComponent, selector: "kv-button-popup", inputs: ["items", "classBtn"] }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }, { 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", iconBtnSecundary: "iconBtnSecundary", showBtnSecundary: "showBtnSecundary", txtBtnSecundary: "txtBtnSecundary", colorBtnSecundary: "colorBtnSecundary", actionsToogle: "actionsToogle", iconBtnToogle: "iconBtnToogle", showBtnToogle: "showBtnToogle", txtBtnToogle: "txtBtnToogle", classBtnToogle: "classBtnToogle", disableBtnSair: "disableBtnSair", showMessageCamposObrigatorios: "showMessageCamposObrigatorios" }, outputs: { onSave: "onSave", onCancel: "onCancel", onClickSecundary: "onClickSecundary" }, viewQueries: [{ propertyName: "pageContainer", first: true, predicate: ["pageContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  [formGroup]=\"formGroup\"\n  class=\"grid-nogutter m-0\"\n  id=\"page-form-container\"\n  #pageContainer\n  [style.padding-bottom.px]=\"pageContentHeight()\"\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\n  <div\n    class=\"flex flex-column md:flex-row md:justify-content-end md:align-items-center col-12 gap-2 barra-acoes\"\n    id=\"barra-acoes\"\n  >\n    @if(showMessageCamposObrigatorios) {\n    <span class=\"w-full text-sm\">\n      <span class=\"font-bold\">*</span> Campos obrigat\u00F3rios</span\n    >\n    }\n    <kv-button\n      *ngIf=\"showBtnCancel\"\n      [label]=\"txtBtnCancel\"\n      [icon]=\"iconBtnCancel\"\n      [disabled]=\"isSaveLoading\"\n      (onClick)=\"cancel($event)\"\n      class=\"w-full md:w-auto\"\n      severity=\"tertiary\"\n    >\n    </kv-button>\n    <kv-button-popup\n      *ngIf=\"actionsCancelToogle && showBtnCancelToogle\"\n      [label]=\"txtBtnCancelToogle\"\n      [icon]=\"iconBtnCancelToogle\"\n      (click)=\"menuCancel.toggle($event)\"\n      class=\"w-full md:w-auto\"\n      [classBtn]=\"'tertiary'\"\n      [disabled]=\"isSaveLoading\"\n    >\n    </kv-button-popup>\n    <p-menu\n      #menuCancel\n      [popup]=\"true\"\n      [model]=\"actionsCancelToogle\"\n      appendTo=\"body\"\n      class=\"w-full md:w-auto\"\n      [style.display]=\"'none'\"\n    ></p-menu>\n\n    <kv-button\n      *ngIf=\"showBtnSecundary\"\n      [label]=\"txtBtnSecundary\"\n      [icon]=\"iconBtnSecundary\"\n      [disabled]=\"isSaveLoading\"\n      severity=\"secondary\"\n      (onClick)=\"actionSecundary($event)\"\n      class=\"w-full md:w-auto\"\n    ></kv-button>\n\n    <kv-button-popup\n      *ngIf=\"actionsToogle && showBtnToogle\"\n      [label]=\"txtBtnToogle\"\n      [icon]=\"iconBtnToogle\"\n      (click)=\"menuToogle.toggle($event)\"\n      class=\"w-full md:w-auto\"\n      classBtn=\"secondary\"\n      [disabled]=\"isSaveLoading\"\n    >\n    </kv-button-popup>\n    <p-menu\n      #menuToogle\n      [popup]=\"true\"\n      [model]=\"actionsToogle\"\n      appendTo=\"body\"\n      class=\"w-full md:w-auto\"\n      [style.display]=\"'none'\"\n    ></p-menu>\n\n    <kv-button\n      *ngIf=\"showBtnSave\"\n      [label]=\"txtBtnSave\"\n      [icon]=\"iconBtnSave\"\n      [disabled]=\"disableBtnSave\"\n      [loading]=\"isSaveLoading\"\n      (onClick)=\"save($event)\"\n      severity=\"primary\"\n      class=\"w-full md:w-auto\"\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 md:w-auto\"\n      [classBtn]=\"'primary'\"\n    >\n    </kv-button-popup>\n\n    <p-menu\n      #menuSave\n      [popup]=\"true\"\n      [model]=\"actionsSaveToogle\"\n      appendTo=\"body\"\n      class=\"w-full md:w-auto\"\n      [style.display]=\"'none'\"\n    ></p-menu>\n  </div>\n</div>\n", styles: ["*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;right:0;background-color:#fff;padding:10px}#page-form-container{padding-bottom:40px}\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: KvButtonPopupComponent, selector: "kv-button-popup", inputs: ["items", "classBtn"] }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }, { 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  #pageContainer\r\n  [style.padding-bottom.px]=\"pageContentHeight()\"\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\r\n  <div\r\n    class=\"flex flex-column md:flex-row md:justify-content-end md:align-items-center col-12 gap-2 barra-acoes\"\r\n    id=\"barra-acoes\"\r\n  >\r\n    @if(showMessageCamposObrigatorios) {\r\n    <span class=\"w-full text-sm\">\r\n      <span class=\"font-bold\">*</span> Campos obrigat\u00F3rios</span\r\n    >\r\n    }\r\n    <kv-button\r\n      *ngIf=\"showBtnCancel\"\r\n      [label]=\"txtBtnCancel\"\r\n      [icon]=\"iconBtnCancel\"\r\n      [disabled]=\"isSaveLoading\"\r\n      (onClick)=\"cancel($event)\"\r\n      class=\"w-full md:w-auto\"\r\n      severity=\"tertiary\"\r\n    >\r\n    </kv-button>\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 md:w-auto\"\r\n      [classBtn]=\"'tertiary'\"\r\n      [disabled]=\"isSaveLoading\"\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 md:w-auto\"\r\n      [style.display]=\"'none'\"\r\n    ></p-menu>\r\n\r\n    <kv-button\r\n      *ngIf=\"showBtnSecundary\"\r\n      [label]=\"txtBtnSecundary\"\r\n      [icon]=\"iconBtnSecundary\"\r\n      [disabled]=\"isSaveLoading\"\r\n      severity=\"secondary\"\r\n      (onClick)=\"actionSecundary($event)\"\r\n      class=\"w-full md:w-auto\"\r\n    ></kv-button>\r\n\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      class=\"w-full md:w-auto\"\r\n      classBtn=\"secondary\"\r\n      [disabled]=\"isSaveLoading\"\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 md:w-auto\"\r\n      [style.display]=\"'none'\"\r\n    ></p-menu>\r\n\r\n    <kv-button\r\n      *ngIf=\"showBtnSave\"\r\n      [label]=\"txtBtnSave\"\r\n      [icon]=\"iconBtnSave\"\r\n      [disabled]=\"disableBtnSave\"\r\n      [loading]=\"isSaveLoading\"\r\n      (onClick)=\"save($event)\"\r\n      severity=\"primary\"\r\n      class=\"w-full md:w-auto\"\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 md:w-auto\"\r\n      [classBtn]=\"'primary'\"\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 md:w-auto\"\r\n      [style.display]=\"'none'\"\r\n    ></p-menu>\r\n  </div>\r\n</div>\r\n", styles: ["*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;right:0;background-color:#fff;padding:10px}#page-form-container{padding-bottom:40px}\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  #pageContainer\n  [style.padding-bottom.px]=\"pageContentHeight()\"\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\n  <div\n    class=\"flex flex-column md:flex-row md:justify-content-end md:align-items-center col-12 gap-2 barra-acoes\"\n    id=\"barra-acoes\"\n  >\n    @if(showMessageCamposObrigatorios) {\n    <span class=\"w-full text-sm\">\n      <span class=\"font-bold\">*</span> Campos obrigat\u00F3rios</span\n    >\n    }\n    <kv-button\n      *ngIf=\"showBtnCancel\"\n      [label]=\"txtBtnCancel\"\n      [icon]=\"iconBtnCancel\"\n      [disabled]=\"isSaveLoading\"\n      (onClick)=\"cancel($event)\"\n      class=\"w-full md:w-auto\"\n      severity=\"tertiary\"\n    >\n    </kv-button>\n    <kv-button-popup\n      *ngIf=\"actionsCancelToogle && showBtnCancelToogle\"\n      [label]=\"txtBtnCancelToogle\"\n      [icon]=\"iconBtnCancelToogle\"\n      (click)=\"menuCancel.toggle($event)\"\n      class=\"w-full md:w-auto\"\n      [classBtn]=\"'tertiary'\"\n      [disabled]=\"isSaveLoading\"\n    >\n    </kv-button-popup>\n    <p-menu\n      #menuCancel\n      [popup]=\"true\"\n      [model]=\"actionsCancelToogle\"\n      appendTo=\"body\"\n      class=\"w-full md:w-auto\"\n      [style.display]=\"'none'\"\n    ></p-menu>\n\n    <kv-button\n      *ngIf=\"showBtnSecundary\"\n      [label]=\"txtBtnSecundary\"\n      [icon]=\"iconBtnSecundary\"\n      [disabled]=\"isSaveLoading\"\n      severity=\"secondary\"\n      (onClick)=\"actionSecundary($event)\"\n      class=\"w-full md:w-auto\"\n    ></kv-button>\n\n    <kv-button-popup\n      *ngIf=\"actionsToogle && showBtnToogle\"\n      [label]=\"txtBtnToogle\"\n      [icon]=\"iconBtnToogle\"\n      (click)=\"menuToogle.toggle($event)\"\n      class=\"w-full md:w-auto\"\n      classBtn=\"secondary\"\n      [disabled]=\"isSaveLoading\"\n    >\n    </kv-button-popup>\n    <p-menu\n      #menuToogle\n      [popup]=\"true\"\n      [model]=\"actionsToogle\"\n      appendTo=\"body\"\n      class=\"w-full md:w-auto\"\n      [style.display]=\"'none'\"\n    ></p-menu>\n\n    <kv-button\n      *ngIf=\"showBtnSave\"\n      [label]=\"txtBtnSave\"\n      [icon]=\"iconBtnSave\"\n      [disabled]=\"disableBtnSave\"\n      [loading]=\"isSaveLoading\"\n      (onClick)=\"save($event)\"\n      severity=\"primary\"\n      class=\"w-full md:w-auto\"\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 md:w-auto\"\n      [classBtn]=\"'primary'\"\n    >\n    </kv-button-popup>\n\n    <p-menu\n      #menuSave\n      [popup]=\"true\"\n      [model]=\"actionsSaveToogle\"\n      appendTo=\"body\"\n      class=\"w-full md:w-auto\"\n      [style.display]=\"'none'\"\n    ></p-menu>\n  </div>\n</div>\n", styles: ["*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;right:0;background-color:#fff;padding:10px}#page-form-container{padding-bottom:40px}\n"] }]
         }], ctorParameters: () => [{ type: i2$1.FormBuilder }], propDecorators: { formGroup: [{
                 type: Input
             }], TituloForm: [{
@@ -7009,11 +7027,11 @@ class KvPickListComponent {
     ngOnInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPickListComponent, deps: [{ token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvPickListComponent, selector: "kv-picklist", inputs: { itemIdField: "itemIdField", 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", showCheckBox: "showCheckBox" }, outputs: { onMoveToSource: "onMoveToSource", onMoveToTarget: "onMoveToTarget", onMoveAllToSource: "onMoveAllToSource", onMoveAllToTarget: "onMoveAllToTarget" }, 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  (onMoveToSource)=\"OnMoveToSource($event)\"\r\n  (onMoveToTarget)=\"OnMoveToTarget($event)\"\r\n  (onMoveAllToSource)=\"OnMoveAllToSource($event)\"\r\n  (onMoveAllToTarget)=\"OnMoveAllToTarget($event)\"\r\n>\r\n  <ng-template  let-item pTemplate=\"item\" *ngIf=\"itemTemplate\">\r\n      <div (click)=\"selectCheckBox(item)\" class=\"flex mr-5\">\r\n      <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\">\r\n        @if(showCheckBox){\r\n            <kv-check (onCheckChange)=\"selectCheckBox(item)\" [(ngModel)]=\"selectedItems[item[itemIdField]]\" class=\"mr-1\"></kv-check>\r\n        }\r\n        </ng-container>\r\n    </div> \r\n  </ng-template>\r\n</p-pickList>\r\n", styles: ["@charset \"UTF-8\";:host ::ng-deep .p-picklist .p-picklist-filter-container{position:sticky!important;top:0!important;z-index:99!important}.item-with-checkbox{display:flex;align-items:center}.item-with-checkbox kv-check{margin-right:8px}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\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: i4$1.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"] }, { 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: KvCheckComponent, selector: "kv-check", outputs: ["onCheckChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvPickListComponent, selector: "kv-picklist", inputs: { itemIdField: "itemIdField", 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", showCheckBox: "showCheckBox" }, outputs: { onMoveToSource: "onMoveToSource", onMoveToTarget: "onMoveToTarget", onMoveAllToSource: "onMoveAllToSource", onMoveAllToTarget: "onMoveAllToTarget" }, 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  (onMoveToSource)=\"OnMoveToSource($event)\"\n  (onMoveToTarget)=\"OnMoveToTarget($event)\"\n  (onMoveAllToSource)=\"OnMoveAllToSource($event)\"\n  (onMoveAllToTarget)=\"OnMoveAllToTarget($event)\"\n>\n  <ng-template  let-item pTemplate=\"item\" *ngIf=\"itemTemplate\">\n      <div (click)=\"selectCheckBox(item)\" class=\"flex mr-5\">\n      <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\">\n        @if(showCheckBox){\n            <kv-check (onCheckChange)=\"selectCheckBox(item)\" [(ngModel)]=\"selectedItems[item[itemIdField]]\" class=\"mr-1\"></kv-check>\n        }\n        </ng-container>\n    </div> \n  </ng-template>\n</p-pickList>\n", styles: ["@charset \"UTF-8\";:host ::ng-deep .p-picklist .p-picklist-filter-container{position:sticky!important;top:0!important;z-index:99!important}.item-with-checkbox{display:flex;align-items:center}.item-with-checkbox kv-check{margin-right:8px}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\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: i4$1.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"] }, { 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: KvCheckComponent, selector: "kv-check", outputs: ["onCheckChange"] }] }); }
 }
 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  (onMoveToSource)=\"OnMoveToSource($event)\"\r\n  (onMoveToTarget)=\"OnMoveToTarget($event)\"\r\n  (onMoveAllToSource)=\"OnMoveAllToSource($event)\"\r\n  (onMoveAllToTarget)=\"OnMoveAllToTarget($event)\"\r\n>\r\n  <ng-template  let-item pTemplate=\"item\" *ngIf=\"itemTemplate\">\r\n      <div (click)=\"selectCheckBox(item)\" class=\"flex mr-5\">\r\n      <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\">\r\n        @if(showCheckBox){\r\n            <kv-check (onCheckChange)=\"selectCheckBox(item)\" [(ngModel)]=\"selectedItems[item[itemIdField]]\" class=\"mr-1\"></kv-check>\r\n        }\r\n        </ng-container>\r\n    </div> \r\n  </ng-template>\r\n</p-pickList>\r\n", styles: ["@charset \"UTF-8\";:host ::ng-deep .p-picklist .p-picklist-filter-container{position:sticky!important;top:0!important;z-index:99!important}.item-with-checkbox{display:flex;align-items:center}.item-with-checkbox kv-check{margin-right:8px}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\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  (onMoveToSource)=\"OnMoveToSource($event)\"\n  (onMoveToTarget)=\"OnMoveToTarget($event)\"\n  (onMoveAllToSource)=\"OnMoveAllToSource($event)\"\n  (onMoveAllToTarget)=\"OnMoveAllToTarget($event)\"\n>\n  <ng-template  let-item pTemplate=\"item\" *ngIf=\"itemTemplate\">\n      <div (click)=\"selectCheckBox(item)\" class=\"flex mr-5\">\n      <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\">\n        @if(showCheckBox){\n            <kv-check (onCheckChange)=\"selectCheckBox(item)\" [(ngModel)]=\"selectedItems[item[itemIdField]]\" class=\"mr-1\"></kv-check>\n        }\n        </ng-container>\n    </div> \n  </ng-template>\n</p-pickList>\n", styles: ["@charset \"UTF-8\";:host ::ng-deep .p-picklist .p-picklist-filter-container{position:sticky!important;top:0!important;z-index:99!important}.item-with-checkbox{display:flex;align-items:center}.item-with-checkbox kv-check{margin-right:8px}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}\n"] }]
         }], ctorParameters: () => [{ type: i2$1.FormBuilder }], propDecorators: { itemIdField: [{
                 type: Input
             }], breakpoint: [{
@@ -7444,11 +7462,11 @@ class KvTableEditComponent extends BasecomponentTable {
         }
     }
     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: "17.0.0", version: "17.3.8", type: KvTableEditComponent, selector: "kv-table-edit", inputs: { enableSizes: "enableSizes", editMode: "editMode", hideBtnEdit: "hideBtnEdit" }, 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  @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  <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    @if (config.enableCation || enableSizes){\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 p-0 m-0\"\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 gap-1\"\r\n          >\r\n          \r\n            @if (config.enableFilter) {\r\n              <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search text-sm\"></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-1rem\"\r\n                  autocomplete=\"off\"\r\n                />\r\n              </span>\r\n              }\r\n\r\n              @if(enableSizes){\r\n                <div class=\"sizes-controls\">\r\n              \r\n                  <kv-button (click)=\"menu.toggle($event)\"\r\n                    [severity]=\"'tertiary'\"\r\n                    [icon]=\"'match_case'\"\r\n                    [pTooltip]=\"'Tamanho da fonte'\"\r\n                    size=\"small\"\r\n                  >\r\n                  </kv-button>\r\n    \r\n                  <p-tieredMenu\r\n                    [style]=\"{ 'font-size': '0.7rem' }\"\r\n                    styleClass=\"menuSizes\"\r\n                    appendTo=\"body\"\r\n                    #menu\r\n                    [model]=\"sizes\"\r\n                    [popup]=\"true\"\r\n                  >\r\n                    <ng-template let-item pTemplate=\"item\">\r\n                      <div\r\n                        class=\"cursor-pointer flex gap-2 align-items-center pl-1 m-2 menu-sizes\"\r\n                        (click)=\"item.command()\"\r\n                      >\r\n                        @if(this.selectedSize.size != item.size){\r\n                          <div\r\n                          class=\"tag\"\r\n                          [style.background-color]=\"'#EAEAEA'\"\r\n                        ></div>\r\n                        }\r\n                       \r\n                        @if(this.selectedSize.size == item.size){\r\n                          <div\r\n                          class=\"tag\"\r\n                          [style.background-color]=\"'#1DA750'\"\r\n                        ></div>\r\n                        }\r\n                        \r\n                        {{ item.label }}\r\n                      </div>\r\n                    </ng-template>\r\n                  </p-tieredMenu>\r\n                </div>\r\n              }\r\n          </div>\r\n\r\n          @if(isEditing){\r\n            <span class=\"text-aviso\">\r\n              Tabela em modo de edi\u00E7\u00E3o\r\n            </span>\r\n          }\r\n         \r\n          <div class=\"flex flex-row col-2 justify-content-end gap-2\">\r\n            @for (action of config.actionsLote; track i; let i = $index) {\r\n              @if(!isEditing){\r\n                <div class=\"flex align-items-center justify-content-center\">\r\n                  @if ((selectedItems.length > 0 || action.showAcoesLote) &&\r\n                  (getOrExecute(action.visible, selectedItems) ?? true)) {\r\n                  <kv-button\r\n                    (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\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) || false\"\r\n                    [icon]=\"getOrExecute(action.icon, selectedItems)\"\r\n                    [severity]=\"action.severity || 'tertiary'\"\r\n                    size=\"small\"\r\n                  />\r\n                  }\r\n                </div>\r\n              }\r\n            }\r\n\r\n            @if (isEditableTable() && !hideBtnEdit) {\r\n              <div>\r\n                <kv-button\r\n                  (click)=\"this.isEditing = !this.isEditing\"\r\n                  [pTooltip]=\"!isEditing ? 'Habilitar Edi\u00E7\u00E3o' : 'Desabilitar Edi\u00E7\u00E3o'\"\r\n                  [tooltipPosition]=\"'left'\"\r\n                  [severity]=\"'tertiary'\"\r\n                  [icon]=\"'edit_square'\"\r\n                  size=\"small\"\r\n                >\r\n                </kv-button>\r\n              </div>\r\n            }\r\n          </div>\r\n\r\n          <!---------------->\r\n          \r\n        </div>\r\n      </ng-template>\r\n    }\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @if(config.enableSelect && !isEditing){\r\n          <th\r\n          [class]=\"selectedSize.class + 'th'\"\r\n          >\r\n            <p-tableHeaderCheckbox\r\n              (click)=\"activeItemLote(selectedItems)\"\r\n            ></p-tableHeaderCheckbox>\r\n          </th>\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.min-width]=\"col.width * selectedSize.size + 'px'\"\r\n            pReorderableColumn\r\n            [class]=\"selectedSize.class + 'th'\"\r\n        \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 class=\"text-xs font-medium\">{{ col.header }}</span>\r\n            @if(col.sortable === true) {\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              >\r\n                info\r\n              </span>\r\n            }\r\n           \r\n          </div>\r\n        </th>\r\n        }\r\n      \r\n       @if(!isEditing && config.actions && config.actions.length > 0){\r\n        <th></th>\r\n       }\r\n\r\n       @if(isEditableTable() && this.editMode == 'row'){\r\n        <th\r\n          id=\"th-edit\"\r\n          style=\"width: 20px\"\r\n        >\r\n          Editar\r\n        </th>\r\n       }\r\n       \r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n    \r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-editing=\"editing\"\r\n      let-ri=\"rowIndex\"\r\n      let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\"\r\n      let-rowspan=\"rowspan\"\r\n    >\r\n      <tr\r\n        [pEditableRow]=\"rowData\"\r\n        [pEditableRowDisabled]=\"false\"\r\n        [pContextMenuRow]=\"{rowData, editing}\"\r\n        [class]=\"selectedSize.class + '-tr'\"\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n      >\r\n      @if(config.enableSelect && !isEditing){\r\n        <td\r\n        [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\"\r\n        >\r\n        \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        @for (col of columns; track i; let i = $index){\r\n          <ng-container>\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                  <ng-container *ngSwitchCase=\"'text'\">\r\n                    <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\">\r\n                      <kv-input-text\r\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\r\n                        class=\"cellControl col\"\r\n                        [(ngModel)]=\"rowData[col.field]\"\r\n                        [required]=\"col.required ?? true\"\r\n                      ></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\r\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\r\n                        class=\"cellControl col\"\r\n                        [(ngModel)]=\"rowData[col.field]\"\r\n                        [required]=\"col.required ?? true\"\r\n                      ></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\r\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\r\n                        class=\"cellControl col\"\r\n                        [mask]=\"col.mask\"\r\n                        [required]=\"col.required ?? true\"\r\n                        [(ngModel)]=\"rowData[col.field]\"\r\n                      ></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\r\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\r\n                        class=\"cellControl col\"\r\n                        [(ngModel)]=\"rowData[col.field]\"\r\n                      ></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\r\n                        [style.width]=\"col.width\"\r\n                        class=\"grid formgrid p-fluid\"\r\n                      >\r\n                        <kv-input-calendar\r\n                          class=\"cellControl col\"\r\n                          [(ngModel)]=\"rowData[col.field]\"\r\n                        ></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]=\"\r\n                          col.fieldDropDownControl.fieldControlDropdownSource\r\n                        \"\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\r\n                  *ngTemplateOutlet=\"\r\n                    templateOutput;\r\n                    context: { rowData: rowData, col: col }\r\n                  \"\r\n                ></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                    {{ transformValueDrop(retornaDescricaoDrop(rowData, col), col) }}\r\n                  </ng-container>\r\n                </ng-container>\r\n  \r\n                <ng-container *ngSwitchCase=\"'switch'\">\r\n                  <kv-switch\r\n                    [(ngModel)]=\"rowData[col.field]\"\r\n                    [disabled]=\"true\"\r\n                  ></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                  {{  transformValue(rowData, col) }}\r\n                </ng-container>\r\n              </ng-container>\r\n            </ng-template>\r\n  \r\n            @if(editMode == 'cell' && col.fieldControlType){\r\n              <td\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\"\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              <p-cellEditor>\r\n                <ng-container>\r\n                  <ng-template pTemplate=\"input\">\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"\r\n                        templateInput;\r\n                        context: { rowData: rowData, col: col }\r\n                      \"\r\n                    ></ng-container>\r\n                  </ng-template>\r\n  \r\n                  <ng-template pTemplate=\"output\">\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"\r\n                        templateOutput;\r\n                        context: { rowData: rowData, col: col }\r\n                      \"\r\n                    ></ng-container>\r\n                  </ng-template>\r\n                </ng-container>\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            @if(false && col.fieldControlType && editMode == 'row'){\r\n              <td\r\n              [id]=\"'rowTable' + rowData[config.dataKey]\"\r\n              (click)=\"activeItem(rowData)\"\r\n              (dblclick)=\"dbClickEdit()\"\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              <p-cellEditor\r\n                [ngClass]=\"{ switch: col.fieldControlType == 'switch' }\"\r\n              >\r\n                <ng-template pTemplate=\"input\">\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                      templateInput;\r\n                      context: { rowData: rowData, col: col }\r\n                    \"\r\n                  ></ng-container>\r\n                </ng-template>\r\n  \r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                      templateOutput;\r\n                      context: { rowData: rowData, col: col }\r\n                    \"\r\n                  ></ng-container>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </td>\r\n            }\r\n  \r\n            <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n            <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n            <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n  \r\n            <td\r\n              *ngIf=\"rowgroup && !col.template\"\r\n              [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n              class=\"rowTable\"\r\n              [style]=\"\r\n                applyStyle(rowData, col) +\r\n                centralizarColunas(col) +\r\n                alignColunas(col)\r\n              \"\r\n              [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n            >\r\n              <span class=\"p-column-title\">{{ col.header }}:</span>\r\n  \r\n              <span\r\n                *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n                [class]=\"returnRowClass(rowData, col)\"\r\n              >\r\n                <span\r\n                  *ngIf=\"\r\n                    !isChipField(col) && !col.iconField && !isImageField(col)\r\n                  \"\r\n                >\r\n                  <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                  {{ transformValue(rowData, col) }}\r\n                </span>\r\n  \r\n                <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                  <span\r\n                    [class]=\"returnClassChip(rowData, col)\"\r\n                    [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                    >{{ transformValue(rowData, col) }}</span\r\n                  >\r\n                </div>\r\n              </span>\r\n  \r\n              <span *ngIf=\"isImageField(col)\">\r\n                <span>\r\n                  <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                </span>\r\n              </span>\r\n  \r\n              <i\r\n                *ngIf=\"col.iconField\"\r\n                [ngClass]=\"{\r\n                  'material-icons': col.indIconMaterial,\r\n                  'material-symbols-outlined mr-2': !col.indIconMaterial\r\n                }\"\r\n                [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n              >\r\n                {{ returnClassIcon(rowData, col) }}\r\n              </i>\r\n  \r\n              <ng-template #booleanField>\r\n                <i\r\n                  *ngIf=\"!col.iconField && !isSwitchField(col)\"\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n  \r\n                <span\r\n                  *ngIf=\"isSwitchField(col)\"\r\n                  [class]=\"returnRowClass(rowData, col)\"\r\n                >\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              </ng-template>\r\n            </td>\r\n  \r\n            <td\r\n              *ngIf=\"\r\n                !rowgroup &&\r\n                !col.grouped &&\r\n                !col.template &&\r\n                !col.fieldControlType\r\n              \"\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                <span\r\n                  *ngIf=\"\r\n                    !isChipField(col) && !col.iconField && !isImageField(col)\r\n                  \"\r\n                >\r\n                  <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                  {{ transformValue(rowData, col) }}\r\n                </span>\r\n  \r\n                <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                  <span\r\n                    [class]=\"returnClassChip(rowData, col)\"\r\n                    [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                  >\r\n                    {{ transformValue(rowData, col) }}</span\r\n                  >\r\n                </div>\r\n              </span>\r\n  \r\n              <span *ngIf=\"isImageField(col)\">\r\n                <span>\r\n                  <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                </span>\r\n              </span>\r\n  \r\n              <i\r\n                *ngIf=\"col.iconField\"\r\n                [ngClass]=\"{\r\n                  'material-icons': col.indIconMaterial,\r\n                  'material-symbols-outlined mr-2': !col.indIconMaterial\r\n                }\"\r\n                [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n              >\r\n                {{ returnClassIcon(rowData, col) }}\r\n              </i>\r\n  \r\n              <ng-template #booleanField>\r\n                <i\r\n                  *ngIf=\"!col.iconField && !isSwitchField(col)\"\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n  \r\n                <span\r\n                  *ngIf=\"isSwitchField(col)\"\r\n                  [class]=\"returnRowClass(rowData, col)\"\r\n                >\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              </ng-template>\r\n            </td>\r\n  \r\n            <td\r\n              *ngIf=\"col.template && !isEditableTable()\"\r\n              [style]=\"\r\n                applyStyle(rowData, col) +\r\n                centralizarColunas(col) +\r\n                alignColunas(col)\r\n              \"\r\n              class=\"rowTable\"\r\n            >\r\n              <span class=\"p-column-title\">{{ col.header }}:</span>\r\n              <ng-container\r\n                *ngIf=\"getCustomTemplate(col.template.name)\"\r\n                [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n              >\r\n              </ng-container>\r\n            </td>\r\n          </ng-container>\r\n        }\r\n        \r\n\r\n        <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\r\n        <!-- Controle de a\u00E7\u00E3o  -->\r\n         @if(!isEditing && config.actions && config.actions.length > 0){\r\n            <td\r\n            [ngClass]=\"{\r\n              'td-tools': isEditableTable() && this.editMode == 'row',\r\n              'td-tools-sticky': !isEditableTable() || this.editMode == 'cell'\r\n            }\"\r\n            [style]=\"\r\n              applyStyle(rowData, { field: 'btns-options', header: '' }) +\r\n              'border-right: 1px solid #ddd !important; border-left: 1px solid #ddd !important;'\r\n            \"\r\n            >\r\n              <div class=\"flex flex-row justify-content-end w-full\">\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\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       \r\n        <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\r\n        <!-- Controle de edi\u00E7\u00E3o -->\r\n         @if(this.isEditableTable() && this.editMode == 'row'){\r\n          <td class=\"td-edit\">\r\n            <div class=\"flex align-items-center justify-content-center gap-2\">\r\n              @if(!editing){\r\n                <button\r\n                [style.height]=\"'28px'\"\r\n                [id]=\"'rowEdit' + rowData[config.dataKey]\"\r\n                [style.width]=\"'28px'\"\r\n                [disabled]=\"isDisableEditRowFunction(rowData)\"\r\n                pButton\r\n                pRipple\r\n                type=\"button\"\r\n                pInitEditableRow\r\n                icon=\"pi pi-pencil\"\r\n                (click)=\"onRowEditInit(rowData)\"\r\n                class=\"p-button-rounded p-button-text\"\r\n              ></button>\r\n              }\r\n            \r\n              @if(editing){\r\n                <button\r\n                [style.height]=\"'28px'\"\r\n                [style.width]=\"'28px'\"\r\n                [disabled]=\"isDisableEditRowFunction(rowData)\"\r\n                pButton\r\n                pRipple\r\n                type=\"button\"\r\n                pCancelEditableRow\r\n                icon=\"pi pi-times\"\r\n                (click)=\"onRowEditCancel(rowData, ri)\"\r\n                [id]=\"'rowCancel' + rowData[config.dataKey]\"\r\n                class=\"p-button-rounded p-button-text p-button-danger\"\r\n              ></button>\r\n              }\r\n            \r\n            </div>\r\n          </td>\r\n         }\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:#f1f1f1}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{text-align:center;border:1px solid #f1f1f1;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:#f1f1f1;transition:box-shadow .2s}:host ::ng-deep .p-datatable .p-datatable-header{border:none!important}.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:#29b92d;color:#f2f3f5;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:center;padding:12px}:host ::ng-deep .center{display:flex;align-items:center;justify-content:center}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#249a29!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:#f1f1f1!important;padding:0!important;border-radius:5px!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background-color:#f1f1f1!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%;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}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}:host ::ng-deep .p-datatable .p-paginator-bottom{scale:.75}@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:#f1f1f1!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}: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:#f1f1f1!important;color:#a9a9a9;border:none;box-shadow:#0000003d 0 3px 8px;height:20px}::ng-deep .menuSizes>p-tieredmenusub>.p-tieredmenu-root-list>li:first-child{font-size:.6rem}::ng-deep .menuSizes>p-tieredmenusub>.p-tieredmenu-root-list>li:last-child{font-size:.8rem}.tag{width:5px;height:25px;border-radius:.25rem}: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:#f1f1f1!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-right: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:auto}\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$2.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i7$3.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: i5$3.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.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.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.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", "defaultDate", "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: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: MaskPipe, name: "mask" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTableEditComponent, selector: "kv-table-edit", inputs: { enableSizes: "enableSizes", editMode: "editMode", hideBtnEdit: "hideBtnEdit" }, 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  @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  <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    @if (config.enableCation || enableSizes){\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 p-0 m-0\"\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 gap-1\"\n          >\n          \n            @if (config.enableFilter) {\n              <span class=\"p-input-icon-left\">\n                <i class=\"pi pi-search text-sm\"></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-1rem\"\n                  autocomplete=\"off\"\n                />\n              </span>\n              }\n\n              @if(enableSizes){\n                <div class=\"sizes-controls\">\n              \n                  <kv-button (click)=\"menu.toggle($event)\"\n                    [severity]=\"'tertiary'\"\n                    [icon]=\"'match_case'\"\n                    [pTooltip]=\"'Tamanho da fonte'\"\n                    size=\"small\"\n                  >\n                  </kv-button>\n    \n                  <p-tieredMenu\n                    [style]=\"{ 'font-size': '0.7rem' }\"\n                    styleClass=\"menuSizes\"\n                    appendTo=\"body\"\n                    #menu\n                    [model]=\"sizes\"\n                    [popup]=\"true\"\n                  >\n                    <ng-template let-item pTemplate=\"item\">\n                      <div\n                        class=\"cursor-pointer flex gap-2 align-items-center pl-1 m-2 menu-sizes\"\n                        (click)=\"item.command()\"\n                      >\n                        @if(this.selectedSize.size != item.size){\n                          <div\n                          class=\"tag\"\n                          [style.background-color]=\"'#EAEAEA'\"\n                        ></div>\n                        }\n                       \n                        @if(this.selectedSize.size == item.size){\n                          <div\n                          class=\"tag\"\n                          [style.background-color]=\"'#1DA750'\"\n                        ></div>\n                        }\n                        \n                        {{ item.label }}\n                      </div>\n                    </ng-template>\n                  </p-tieredMenu>\n                </div>\n              }\n          </div>\n\n          @if(isEditing){\n            <span class=\"text-aviso\">\n              Tabela em modo de edi\u00E7\u00E3o\n            </span>\n          }\n         \n          <div class=\"flex flex-row col-2 justify-content-end gap-2\">\n            @for (action of config.actionsLote; track i; let i = $index) {\n              @if(!isEditing){\n                <div class=\"flex align-items-center justify-content-center\">\n                  @if ((selectedItems.length > 0 || action.showAcoesLote) &&\n                  (getOrExecute(action.visible, selectedItems) ?? true)) {\n                  <kv-button\n                    (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\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) || false\"\n                    [icon]=\"getOrExecute(action.icon, selectedItems)\"\n                    [severity]=\"action.severity || 'tertiary'\"\n                    size=\"small\"\n                  />\n                  }\n                </div>\n              }\n            }\n\n            @if (isEditableTable() && !hideBtnEdit) {\n              <div>\n                <kv-button\n                  (click)=\"this.isEditing = !this.isEditing\"\n                  [pTooltip]=\"!isEditing ? 'Habilitar Edi\u00E7\u00E3o' : 'Desabilitar Edi\u00E7\u00E3o'\"\n                  [tooltipPosition]=\"'left'\"\n                  [severity]=\"'tertiary'\"\n                  [icon]=\"'edit_square'\"\n                  size=\"small\"\n                >\n                </kv-button>\n              </div>\n            }\n          </div>\n\n          <!---------------->\n          \n        </div>\n      </ng-template>\n    }\n    <ng-template pTemplate=\"header\" let-columns>\n      <tr>\n        @if(config.enableSelect && !isEditing){\n          <th\n          [class]=\"selectedSize.class + 'th'\"\n          >\n            <p-tableHeaderCheckbox\n              (click)=\"activeItemLote(selectedItems)\"\n            ></p-tableHeaderCheckbox>\n          </th>\n        }\n        @for(col of columns; track $index){\n          <th\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          >\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 class=\"text-xs font-medium\">{{ col.header }}</span>\n            @if(col.sortable === true) {\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              >\n                info\n              </span>\n            }\n           \n          </div>\n        </th>\n        }\n      \n       @if(!isEditing && config.actions && config.actions.length > 0){\n        <th></th>\n       }\n\n       @if(isEditableTable() && this.editMode == 'row'){\n        <th\n          id=\"th-edit\"\n          style=\"width: 20px\"\n        >\n          Editar\n        </th>\n       }\n       \n      </tr>\n    </ng-template>\n\n\n    \n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n\n    <ng-template\n      pTemplate=\"body\"\n      let-rowData\n      let-editing=\"editing\"\n      let-ri=\"rowIndex\"\n      let-columns=\"columns\"\n      let-rowgroup=\"rowgroup\"\n      let-rowspan=\"rowspan\"\n    >\n      <tr\n        [pEditableRow]=\"rowData\"\n        [pEditableRowDisabled]=\"false\"\n        [pContextMenuRow]=\"{rowData, editing}\"\n        [class]=\"selectedSize.class + '-tr'\"\n        (dblclick)=\"doubleClick($event, rowData)\"\n      >\n      @if(config.enableSelect && !isEditing){\n        <td\n        [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\"\n        >\n        \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        @for (col of columns; track i; let i = $index){\n          <ng-container>\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                  <ng-container *ngSwitchCase=\"'text'\">\n                    <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\">\n                      <kv-input-text\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\n                        class=\"cellControl col\"\n                        [(ngModel)]=\"rowData[col.field]\"\n                        [required]=\"col.required ?? true\"\n                      ></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\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\n                        class=\"cellControl col\"\n                        [(ngModel)]=\"rowData[col.field]\"\n                        [required]=\"col.required ?? true\"\n                      ></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\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\n                        class=\"cellControl col\"\n                        [mask]=\"col.mask\"\n                        [required]=\"col.required ?? true\"\n                        [(ngModel)]=\"rowData[col.field]\"\n                      ></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\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\n                        class=\"cellControl col\"\n                        [(ngModel)]=\"rowData[col.field]\"\n                      ></kv-switch>\n                    </div>\n                  </ng-container>\n  \n                  <ng-container *ngSwitchCase=\"'calendar'\">\n                    <div [style.width]=\"col.width\">\n                      <div\n                        [style.width]=\"col.width\"\n                        class=\"grid formgrid p-fluid\"\n                      >\n                        <kv-input-calendar\n                          class=\"cellControl col\"\n                          [(ngModel)]=\"rowData[col.field]\"\n                        ></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]=\"\n                          col.fieldDropDownControl.fieldControlDropdownSource\n                        \"\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\n                  *ngTemplateOutlet=\"\n                    templateOutput;\n                    context: { rowData: rowData, col: col }\n                  \"\n                ></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                    {{ transformValueDrop(retornaDescricaoDrop(rowData, col), col) }}\n                  </ng-container>\n                </ng-container>\n  \n                <ng-container *ngSwitchCase=\"'switch'\">\n                  <kv-switch\n                    [(ngModel)]=\"rowData[col.field]\"\n                    [disabled]=\"true\"\n                  ></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                  {{  transformValue(rowData, col) }}\n                </ng-container>\n              </ng-container>\n            </ng-template>\n  \n            @if(editMode == 'cell' && col.fieldControlType){\n              <td\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\"\n              [style]=\"\n                applyStyle(rowData, col) +\n                centralizarColunas(col) +\n                alignColunas(col)\n              \"\n              [pTooltip]=\"returnTooltipRow(rowData, col)\"\n            >\n              <p-cellEditor>\n                <ng-container>\n                  <ng-template pTemplate=\"input\">\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        templateInput;\n                        context: { rowData: rowData, col: col }\n                      \"\n                    ></ng-container>\n                  </ng-template>\n  \n                  <ng-template pTemplate=\"output\">\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        templateOutput;\n                        context: { rowData: rowData, col: col }\n                      \"\n                    ></ng-container>\n                  </ng-template>\n                </ng-container>\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            @if(false && col.fieldControlType && editMode == 'row'){\n              <td\n              [id]=\"'rowTable' + rowData[config.dataKey]\"\n              (click)=\"activeItem(rowData)\"\n              (dblclick)=\"dbClickEdit()\"\n              class=\"rowTable\"\n              [style]=\"\n                applyStyle(rowData, col) +\n                centralizarColunas(col) +\n                alignColunas(col)\n              \"\n              [pTooltip]=\"returnTooltipRow(rowData, col)\"\n            >\n              <p-cellEditor\n                [ngClass]=\"{ switch: col.fieldControlType == 'switch' }\"\n              >\n                <ng-template pTemplate=\"input\">\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      templateInput;\n                      context: { rowData: rowData, col: col }\n                    \"\n                  ></ng-container>\n                </ng-template>\n  \n                <ng-template pTemplate=\"output\">\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      templateOutput;\n                      context: { rowData: rowData, col: col }\n                    \"\n                  ></ng-container>\n                </ng-template>\n              </p-cellEditor>\n            </td>\n            }\n  \n            <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n            <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n            <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n  \n            <td\n              *ngIf=\"rowgroup && !col.template\"\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                <span\n                  *ngIf=\"\n                    !isChipField(col) && !col.iconField && !isImageField(col)\n                  \"\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\n                    [class]=\"returnClassChip(rowData, col)\"\n                    [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n                    >{{ transformValue(rowData, col) }}</span\n                  >\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\n                *ngIf=\"col.iconField\"\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              <ng-template #booleanField>\n                <i\n                  *ngIf=\"!col.iconField && !isSwitchField(col)\"\n                  [ngClass]=\"\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\n                  \"\n                  ><span class=\"material-symbols-outlined\">\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\n                  </span>\n                </i>\n  \n                <span\n                  *ngIf=\"isSwitchField(col)\"\n                  [class]=\"returnRowClass(rowData, col)\"\n                >\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              </ng-template>\n            </td>\n  \n            <td\n              *ngIf=\"\n                !rowgroup &&\n                !col.grouped &&\n                !col.template &&\n                !col.fieldControlType\n              \"\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                <span\n                  *ngIf=\"\n                    !isChipField(col) && !col.iconField && !isImageField(col)\n                  \"\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\n                    [class]=\"returnClassChip(rowData, col)\"\n                    [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n                  >\n                    {{ transformValue(rowData, col) }}</span\n                  >\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\n                *ngIf=\"col.iconField\"\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              <ng-template #booleanField>\n                <i\n                  *ngIf=\"!col.iconField && !isSwitchField(col)\"\n                  [ngClass]=\"\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\n                  \"\n                  ><span class=\"material-symbols-outlined\">\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\n                  </span>\n                </i>\n  \n                <span\n                  *ngIf=\"isSwitchField(col)\"\n                  [class]=\"returnRowClass(rowData, col)\"\n                >\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              </ng-template>\n            </td>\n  \n            <td\n              *ngIf=\"col.template && !isEditableTable()\"\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              <ng-container\n                *ngIf=\"getCustomTemplate(col.template.name)\"\n                [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\n                [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\n              >\n              </ng-container>\n            </td>\n          </ng-container>\n        }\n        \n\n        <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\n        <!-- Controle de a\u00E7\u00E3o  -->\n         @if(!isEditing && config.actions && config.actions.length > 0){\n            <td\n            [ngClass]=\"{\n              'td-tools': isEditableTable() && this.editMode == 'row',\n              'td-tools-sticky': !isEditableTable() || this.editMode == 'cell'\n            }\"\n            [style]=\"\n              applyStyle(rowData, { field: 'btns-options', header: '' }) +\n              'border-right: 1px solid #ddd !important; border-left: 1px solid #ddd !important;'\n            \"\n            >\n              <div class=\"flex flex-row justify-content-end w-full\">\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\n                <p-menu\n                  #menu\n                  [popup]=\"true\"\n                  [model]=\"menuItems\"\n                  appendTo=\"body\"\n                ></p-menu>\n              </div>\n            </td>\n         }\n       \n        <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\n        <!-- Controle de edi\u00E7\u00E3o -->\n         @if(this.isEditableTable() && this.editMode == 'row'){\n          <td class=\"td-edit\">\n            <div class=\"flex align-items-center justify-content-center gap-2\">\n              @if(!editing){\n                <button\n                [style.height]=\"'28px'\"\n                [id]=\"'rowEdit' + rowData[config.dataKey]\"\n                [style.width]=\"'28px'\"\n                [disabled]=\"isDisableEditRowFunction(rowData)\"\n                pButton\n                pRipple\n                type=\"button\"\n                pInitEditableRow\n                icon=\"pi pi-pencil\"\n                (click)=\"onRowEditInit(rowData)\"\n                class=\"p-button-rounded p-button-text\"\n              ></button>\n              }\n            \n              @if(editing){\n                <button\n                [style.height]=\"'28px'\"\n                [style.width]=\"'28px'\"\n                [disabled]=\"isDisableEditRowFunction(rowData)\"\n                pButton\n                pRipple\n                type=\"button\"\n                pCancelEditableRow\n                icon=\"pi pi-times\"\n                (click)=\"onRowEditCancel(rowData, ri)\"\n                [id]=\"'rowCancel' + rowData[config.dataKey]\"\n                class=\"p-button-rounded p-button-text p-button-danger\"\n              ></button>\n              }\n            \n            </div>\n          </td>\n         }\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:#f1f1f1}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{text-align:center;border:1px solid #f1f1f1;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:#f1f1f1;transition:box-shadow .2s}:host ::ng-deep .p-datatable .p-datatable-header{border:none!important}.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:#29b92d;color:#f2f3f5;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:center;padding:12px}:host ::ng-deep .center{display:flex;align-items:center;justify-content:center}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#249a29!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:#f1f1f1!important;padding:0!important;border-radius:5px!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background-color:#f1f1f1!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%;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}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}:host ::ng-deep .p-datatable .p-paginator-bottom{scale:.75}@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:#f1f1f1!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}: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:#f1f1f1!important;color:#a9a9a9;border:none;box-shadow:#0000003d 0 3px 8px;height:20px}::ng-deep .menuSizes>p-tieredmenusub>.p-tieredmenu-root-list>li:first-child{font-size:.6rem}::ng-deep .menuSizes>p-tieredmenusub>.p-tieredmenu-root-list>li:last-child{font-size:.8rem}.tag{width:5px;height:25px;border-radius:.25rem}: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:#f1f1f1!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-right: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:auto}\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$2.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i7$3.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: i5$3.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.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.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.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", "defaultDate", "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: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }, { 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  @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  <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    @if (config.enableCation || enableSizes){\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 p-0 m-0\"\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 gap-1\"\r\n          >\r\n          \r\n            @if (config.enableFilter) {\r\n              <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search text-sm\"></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-1rem\"\r\n                  autocomplete=\"off\"\r\n                />\r\n              </span>\r\n              }\r\n\r\n              @if(enableSizes){\r\n                <div class=\"sizes-controls\">\r\n              \r\n                  <kv-button (click)=\"menu.toggle($event)\"\r\n                    [severity]=\"'tertiary'\"\r\n                    [icon]=\"'match_case'\"\r\n                    [pTooltip]=\"'Tamanho da fonte'\"\r\n                    size=\"small\"\r\n                  >\r\n                  </kv-button>\r\n    \r\n                  <p-tieredMenu\r\n                    [style]=\"{ 'font-size': '0.7rem' }\"\r\n                    styleClass=\"menuSizes\"\r\n                    appendTo=\"body\"\r\n                    #menu\r\n                    [model]=\"sizes\"\r\n                    [popup]=\"true\"\r\n                  >\r\n                    <ng-template let-item pTemplate=\"item\">\r\n                      <div\r\n                        class=\"cursor-pointer flex gap-2 align-items-center pl-1 m-2 menu-sizes\"\r\n                        (click)=\"item.command()\"\r\n                      >\r\n                        @if(this.selectedSize.size != item.size){\r\n                          <div\r\n                          class=\"tag\"\r\n                          [style.background-color]=\"'#EAEAEA'\"\r\n                        ></div>\r\n                        }\r\n                       \r\n                        @if(this.selectedSize.size == item.size){\r\n                          <div\r\n                          class=\"tag\"\r\n                          [style.background-color]=\"'#1DA750'\"\r\n                        ></div>\r\n                        }\r\n                        \r\n                        {{ item.label }}\r\n                      </div>\r\n                    </ng-template>\r\n                  </p-tieredMenu>\r\n                </div>\r\n              }\r\n          </div>\r\n\r\n          @if(isEditing){\r\n            <span class=\"text-aviso\">\r\n              Tabela em modo de edi\u00E7\u00E3o\r\n            </span>\r\n          }\r\n         \r\n          <div class=\"flex flex-row col-2 justify-content-end gap-2\">\r\n            @for (action of config.actionsLote; track i; let i = $index) {\r\n              @if(!isEditing){\r\n                <div class=\"flex align-items-center justify-content-center\">\r\n                  @if ((selectedItems.length > 0 || action.showAcoesLote) &&\r\n                  (getOrExecute(action.visible, selectedItems) ?? true)) {\r\n                  <kv-button\r\n                    (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\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) || false\"\r\n                    [icon]=\"getOrExecute(action.icon, selectedItems)\"\r\n                    [severity]=\"action.severity || 'tertiary'\"\r\n                    size=\"small\"\r\n                  />\r\n                  }\r\n                </div>\r\n              }\r\n            }\r\n\r\n            @if (isEditableTable() && !hideBtnEdit) {\r\n              <div>\r\n                <kv-button\r\n                  (click)=\"this.isEditing = !this.isEditing\"\r\n                  [pTooltip]=\"!isEditing ? 'Habilitar Edi\u00E7\u00E3o' : 'Desabilitar Edi\u00E7\u00E3o'\"\r\n                  [tooltipPosition]=\"'left'\"\r\n                  [severity]=\"'tertiary'\"\r\n                  [icon]=\"'edit_square'\"\r\n                  size=\"small\"\r\n                >\r\n                </kv-button>\r\n              </div>\r\n            }\r\n          </div>\r\n\r\n          <!---------------->\r\n          \r\n        </div>\r\n      </ng-template>\r\n    }\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @if(config.enableSelect && !isEditing){\r\n          <th\r\n          [class]=\"selectedSize.class + 'th'\"\r\n          >\r\n            <p-tableHeaderCheckbox\r\n              (click)=\"activeItemLote(selectedItems)\"\r\n            ></p-tableHeaderCheckbox>\r\n          </th>\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.min-width]=\"col.width * selectedSize.size + 'px'\"\r\n            pReorderableColumn\r\n            [class]=\"selectedSize.class + 'th'\"\r\n        \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 class=\"text-xs font-medium\">{{ col.header }}</span>\r\n            @if(col.sortable === true) {\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              >\r\n                info\r\n              </span>\r\n            }\r\n           \r\n          </div>\r\n        </th>\r\n        }\r\n      \r\n       @if(!isEditing && config.actions && config.actions.length > 0){\r\n        <th></th>\r\n       }\r\n\r\n       @if(isEditableTable() && this.editMode == 'row'){\r\n        <th\r\n          id=\"th-edit\"\r\n          style=\"width: 20px\"\r\n        >\r\n          Editar\r\n        </th>\r\n       }\r\n       \r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n    \r\n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-editing=\"editing\"\r\n      let-ri=\"rowIndex\"\r\n      let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\"\r\n      let-rowspan=\"rowspan\"\r\n    >\r\n      <tr\r\n        [pEditableRow]=\"rowData\"\r\n        [pEditableRowDisabled]=\"false\"\r\n        [pContextMenuRow]=\"{rowData, editing}\"\r\n        [class]=\"selectedSize.class + '-tr'\"\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n      >\r\n      @if(config.enableSelect && !isEditing){\r\n        <td\r\n        [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\"\r\n        >\r\n        \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        @for (col of columns; track i; let i = $index){\r\n          <ng-container>\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                  <ng-container *ngSwitchCase=\"'text'\">\r\n                    <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\">\r\n                      <kv-input-text\r\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\r\n                        class=\"cellControl col\"\r\n                        [(ngModel)]=\"rowData[col.field]\"\r\n                        [required]=\"col.required ?? true\"\r\n                      ></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\r\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\r\n                        class=\"cellControl col\"\r\n                        [(ngModel)]=\"rowData[col.field]\"\r\n                        [required]=\"col.required ?? true\"\r\n                      ></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\r\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\r\n                        class=\"cellControl col\"\r\n                        [mask]=\"col.mask\"\r\n                        [required]=\"col.required ?? true\"\r\n                        [(ngModel)]=\"rowData[col.field]\"\r\n                      ></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\r\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\r\n                        class=\"cellControl col\"\r\n                        [(ngModel)]=\"rowData[col.field]\"\r\n                      ></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\r\n                        [style.width]=\"col.width\"\r\n                        class=\"grid formgrid p-fluid\"\r\n                      >\r\n                        <kv-input-calendar\r\n                          class=\"cellControl col\"\r\n                          [(ngModel)]=\"rowData[col.field]\"\r\n                        ></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]=\"\r\n                          col.fieldDropDownControl.fieldControlDropdownSource\r\n                        \"\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\r\n                  *ngTemplateOutlet=\"\r\n                    templateOutput;\r\n                    context: { rowData: rowData, col: col }\r\n                  \"\r\n                ></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                    {{ transformValueDrop(retornaDescricaoDrop(rowData, col), col) }}\r\n                  </ng-container>\r\n                </ng-container>\r\n  \r\n                <ng-container *ngSwitchCase=\"'switch'\">\r\n                  <kv-switch\r\n                    [(ngModel)]=\"rowData[col.field]\"\r\n                    [disabled]=\"true\"\r\n                  ></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                  {{  transformValue(rowData, col) }}\r\n                </ng-container>\r\n              </ng-container>\r\n            </ng-template>\r\n  \r\n            @if(editMode == 'cell' && col.fieldControlType){\r\n              <td\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\"\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              <p-cellEditor>\r\n                <ng-container>\r\n                  <ng-template pTemplate=\"input\">\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"\r\n                        templateInput;\r\n                        context: { rowData: rowData, col: col }\r\n                      \"\r\n                    ></ng-container>\r\n                  </ng-template>\r\n  \r\n                  <ng-template pTemplate=\"output\">\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"\r\n                        templateOutput;\r\n                        context: { rowData: rowData, col: col }\r\n                      \"\r\n                    ></ng-container>\r\n                  </ng-template>\r\n                </ng-container>\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            @if(false && col.fieldControlType && editMode == 'row'){\r\n              <td\r\n              [id]=\"'rowTable' + rowData[config.dataKey]\"\r\n              (click)=\"activeItem(rowData)\"\r\n              (dblclick)=\"dbClickEdit()\"\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              <p-cellEditor\r\n                [ngClass]=\"{ switch: col.fieldControlType == 'switch' }\"\r\n              >\r\n                <ng-template pTemplate=\"input\">\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                      templateInput;\r\n                      context: { rowData: rowData, col: col }\r\n                    \"\r\n                  ></ng-container>\r\n                </ng-template>\r\n  \r\n                <ng-template pTemplate=\"output\">\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                      templateOutput;\r\n                      context: { rowData: rowData, col: col }\r\n                    \"\r\n                  ></ng-container>\r\n                </ng-template>\r\n              </p-cellEditor>\r\n            </td>\r\n            }\r\n  \r\n            <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n            <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n            <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\r\n  \r\n            <td\r\n              *ngIf=\"rowgroup && !col.template\"\r\n              [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n              class=\"rowTable\"\r\n              [style]=\"\r\n                applyStyle(rowData, col) +\r\n                centralizarColunas(col) +\r\n                alignColunas(col)\r\n              \"\r\n              [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n            >\r\n              <span class=\"p-column-title\">{{ col.header }}:</span>\r\n  \r\n              <span\r\n                *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n                [class]=\"returnRowClass(rowData, col)\"\r\n              >\r\n                <span\r\n                  *ngIf=\"\r\n                    !isChipField(col) && !col.iconField && !isImageField(col)\r\n                  \"\r\n                >\r\n                  <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                  {{ transformValue(rowData, col) }}\r\n                </span>\r\n  \r\n                <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                  <span\r\n                    [class]=\"returnClassChip(rowData, col)\"\r\n                    [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                    >{{ transformValue(rowData, col) }}</span\r\n                  >\r\n                </div>\r\n              </span>\r\n  \r\n              <span *ngIf=\"isImageField(col)\">\r\n                <span>\r\n                  <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                </span>\r\n              </span>\r\n  \r\n              <i\r\n                *ngIf=\"col.iconField\"\r\n                [ngClass]=\"{\r\n                  'material-icons': col.indIconMaterial,\r\n                  'material-symbols-outlined mr-2': !col.indIconMaterial\r\n                }\"\r\n                [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n              >\r\n                {{ returnClassIcon(rowData, col) }}\r\n              </i>\r\n  \r\n              <ng-template #booleanField>\r\n                <i\r\n                  *ngIf=\"!col.iconField && !isSwitchField(col)\"\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n  \r\n                <span\r\n                  *ngIf=\"isSwitchField(col)\"\r\n                  [class]=\"returnRowClass(rowData, col)\"\r\n                >\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              </ng-template>\r\n            </td>\r\n  \r\n            <td\r\n              *ngIf=\"\r\n                !rowgroup &&\r\n                !col.grouped &&\r\n                !col.template &&\r\n                !col.fieldControlType\r\n              \"\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                <span\r\n                  *ngIf=\"\r\n                    !isChipField(col) && !col.iconField && !isImageField(col)\r\n                  \"\r\n                >\r\n                  <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                  {{ transformValue(rowData, col) }}\r\n                </span>\r\n  \r\n                <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                  <span\r\n                    [class]=\"returnClassChip(rowData, col)\"\r\n                    [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                  >\r\n                    {{ transformValue(rowData, col) }}</span\r\n                  >\r\n                </div>\r\n              </span>\r\n  \r\n              <span *ngIf=\"isImageField(col)\">\r\n                <span>\r\n                  <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                </span>\r\n              </span>\r\n  \r\n              <i\r\n                *ngIf=\"col.iconField\"\r\n                [ngClass]=\"{\r\n                  'material-icons': col.indIconMaterial,\r\n                  'material-symbols-outlined mr-2': !col.indIconMaterial\r\n                }\"\r\n                [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n              >\r\n                {{ returnClassIcon(rowData, col) }}\r\n              </i>\r\n  \r\n              <ng-template #booleanField>\r\n                <i\r\n                  *ngIf=\"!col.iconField && !isSwitchField(col)\"\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n  \r\n                <span\r\n                  *ngIf=\"isSwitchField(col)\"\r\n                  [class]=\"returnRowClass(rowData, col)\"\r\n                >\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              </ng-template>\r\n            </td>\r\n  \r\n            <td\r\n              *ngIf=\"col.template && !isEditableTable()\"\r\n              [style]=\"\r\n                applyStyle(rowData, col) +\r\n                centralizarColunas(col) +\r\n                alignColunas(col)\r\n              \"\r\n              class=\"rowTable\"\r\n            >\r\n              <span class=\"p-column-title\">{{ col.header }}:</span>\r\n              <ng-container\r\n                *ngIf=\"getCustomTemplate(col.template.name)\"\r\n                [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n              >\r\n              </ng-container>\r\n            </td>\r\n          </ng-container>\r\n        }\r\n        \r\n\r\n        <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\r\n        <!-- Controle de a\u00E7\u00E3o  -->\r\n         @if(!isEditing && config.actions && config.actions.length > 0){\r\n            <td\r\n            [ngClass]=\"{\r\n              'td-tools': isEditableTable() && this.editMode == 'row',\r\n              'td-tools-sticky': !isEditableTable() || this.editMode == 'cell'\r\n            }\"\r\n            [style]=\"\r\n              applyStyle(rowData, { field: 'btns-options', header: '' }) +\r\n              'border-right: 1px solid #ddd !important; border-left: 1px solid #ddd !important;'\r\n            \"\r\n            >\r\n              <div class=\"flex flex-row justify-content-end w-full\">\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\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       \r\n        <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\r\n        <!-- Controle de edi\u00E7\u00E3o -->\r\n         @if(this.isEditableTable() && this.editMode == 'row'){\r\n          <td class=\"td-edit\">\r\n            <div class=\"flex align-items-center justify-content-center gap-2\">\r\n              @if(!editing){\r\n                <button\r\n                [style.height]=\"'28px'\"\r\n                [id]=\"'rowEdit' + rowData[config.dataKey]\"\r\n                [style.width]=\"'28px'\"\r\n                [disabled]=\"isDisableEditRowFunction(rowData)\"\r\n                pButton\r\n                pRipple\r\n                type=\"button\"\r\n                pInitEditableRow\r\n                icon=\"pi pi-pencil\"\r\n                (click)=\"onRowEditInit(rowData)\"\r\n                class=\"p-button-rounded p-button-text\"\r\n              ></button>\r\n              }\r\n            \r\n              @if(editing){\r\n                <button\r\n                [style.height]=\"'28px'\"\r\n                [style.width]=\"'28px'\"\r\n                [disabled]=\"isDisableEditRowFunction(rowData)\"\r\n                pButton\r\n                pRipple\r\n                type=\"button\"\r\n                pCancelEditableRow\r\n                icon=\"pi pi-times\"\r\n                (click)=\"onRowEditCancel(rowData, ri)\"\r\n                [id]=\"'rowCancel' + rowData[config.dataKey]\"\r\n                class=\"p-button-rounded p-button-text p-button-danger\"\r\n              ></button>\r\n              }\r\n            \r\n            </div>\r\n          </td>\r\n         }\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:#f1f1f1}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{text-align:center;border:1px solid #f1f1f1;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:#f1f1f1;transition:box-shadow .2s}:host ::ng-deep .p-datatable .p-datatable-header{border:none!important}.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:#29b92d;color:#f2f3f5;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:center;padding:12px}:host ::ng-deep .center{display:flex;align-items:center;justify-content:center}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#249a29!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:#f1f1f1!important;padding:0!important;border-radius:5px!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background-color:#f1f1f1!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%;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}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}:host ::ng-deep .p-datatable .p-paginator-bottom{scale:.75}@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:#f1f1f1!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}: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:#f1f1f1!important;color:#a9a9a9;border:none;box-shadow:#0000003d 0 3px 8px;height:20px}::ng-deep .menuSizes>p-tieredmenusub>.p-tieredmenu-root-list>li:first-child{font-size:.6rem}::ng-deep .menuSizes>p-tieredmenusub>.p-tieredmenu-root-list>li:last-child{font-size:.8rem}.tag{width:5px;height:25px;border-radius:.25rem}: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:#f1f1f1!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-right: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:auto}\n"] }]
+            args: [{ selector: 'kv-table-edit', template: "<div class=\"card\" id=\"tamanhotabela\" [style.font-size]=\"'1px'\">\n  <p-toast></p-toast>\n\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  <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    @if (config.enableCation || enableSizes){\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 p-0 m-0\"\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 gap-1\"\n          >\n          \n            @if (config.enableFilter) {\n              <span class=\"p-input-icon-left\">\n                <i class=\"pi pi-search text-sm\"></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-1rem\"\n                  autocomplete=\"off\"\n                />\n              </span>\n              }\n\n              @if(enableSizes){\n                <div class=\"sizes-controls\">\n              \n                  <kv-button (click)=\"menu.toggle($event)\"\n                    [severity]=\"'tertiary'\"\n                    [icon]=\"'match_case'\"\n                    [pTooltip]=\"'Tamanho da fonte'\"\n                    size=\"small\"\n                  >\n                  </kv-button>\n    \n                  <p-tieredMenu\n                    [style]=\"{ 'font-size': '0.7rem' }\"\n                    styleClass=\"menuSizes\"\n                    appendTo=\"body\"\n                    #menu\n                    [model]=\"sizes\"\n                    [popup]=\"true\"\n                  >\n                    <ng-template let-item pTemplate=\"item\">\n                      <div\n                        class=\"cursor-pointer flex gap-2 align-items-center pl-1 m-2 menu-sizes\"\n                        (click)=\"item.command()\"\n                      >\n                        @if(this.selectedSize.size != item.size){\n                          <div\n                          class=\"tag\"\n                          [style.background-color]=\"'#EAEAEA'\"\n                        ></div>\n                        }\n                       \n                        @if(this.selectedSize.size == item.size){\n                          <div\n                          class=\"tag\"\n                          [style.background-color]=\"'#1DA750'\"\n                        ></div>\n                        }\n                        \n                        {{ item.label }}\n                      </div>\n                    </ng-template>\n                  </p-tieredMenu>\n                </div>\n              }\n          </div>\n\n          @if(isEditing){\n            <span class=\"text-aviso\">\n              Tabela em modo de edi\u00E7\u00E3o\n            </span>\n          }\n         \n          <div class=\"flex flex-row col-2 justify-content-end gap-2\">\n            @for (action of config.actionsLote; track i; let i = $index) {\n              @if(!isEditing){\n                <div class=\"flex align-items-center justify-content-center\">\n                  @if ((selectedItems.length > 0 || action.showAcoesLote) &&\n                  (getOrExecute(action.visible, selectedItems) ?? true)) {\n                  <kv-button\n                    (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\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) || false\"\n                    [icon]=\"getOrExecute(action.icon, selectedItems)\"\n                    [severity]=\"action.severity || 'tertiary'\"\n                    size=\"small\"\n                  />\n                  }\n                </div>\n              }\n            }\n\n            @if (isEditableTable() && !hideBtnEdit) {\n              <div>\n                <kv-button\n                  (click)=\"this.isEditing = !this.isEditing\"\n                  [pTooltip]=\"!isEditing ? 'Habilitar Edi\u00E7\u00E3o' : 'Desabilitar Edi\u00E7\u00E3o'\"\n                  [tooltipPosition]=\"'left'\"\n                  [severity]=\"'tertiary'\"\n                  [icon]=\"'edit_square'\"\n                  size=\"small\"\n                >\n                </kv-button>\n              </div>\n            }\n          </div>\n\n          <!---------------->\n          \n        </div>\n      </ng-template>\n    }\n    <ng-template pTemplate=\"header\" let-columns>\n      <tr>\n        @if(config.enableSelect && !isEditing){\n          <th\n          [class]=\"selectedSize.class + 'th'\"\n          >\n            <p-tableHeaderCheckbox\n              (click)=\"activeItemLote(selectedItems)\"\n            ></p-tableHeaderCheckbox>\n          </th>\n        }\n        @for(col of columns; track $index){\n          <th\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          >\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 class=\"text-xs font-medium\">{{ col.header }}</span>\n            @if(col.sortable === true) {\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              >\n                info\n              </span>\n            }\n           \n          </div>\n        </th>\n        }\n      \n       @if(!isEditing && config.actions && config.actions.length > 0){\n        <th></th>\n       }\n\n       @if(isEditableTable() && this.editMode == 'row'){\n        <th\n          id=\"th-edit\"\n          style=\"width: 20px\"\n        >\n          Editar\n        </th>\n       }\n       \n      </tr>\n    </ng-template>\n\n\n    \n    <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n\n    <ng-template\n      pTemplate=\"body\"\n      let-rowData\n      let-editing=\"editing\"\n      let-ri=\"rowIndex\"\n      let-columns=\"columns\"\n      let-rowgroup=\"rowgroup\"\n      let-rowspan=\"rowspan\"\n    >\n      <tr\n        [pEditableRow]=\"rowData\"\n        [pEditableRowDisabled]=\"false\"\n        [pContextMenuRow]=\"{rowData, editing}\"\n        [class]=\"selectedSize.class + '-tr'\"\n        (dblclick)=\"doubleClick($event, rowData)\"\n      >\n      @if(config.enableSelect && !isEditing){\n        <td\n        [style]=\"applyStyle(rowData, { field: 'check-box', header: '' })\"\n        >\n        \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        @for (col of columns; track i; let i = $index){\n          <ng-container>\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                  <ng-container *ngSwitchCase=\"'text'\">\n                    <div [style.width]=\"col.width\" class=\"grid formgrid p-fluid\">\n                      <kv-input-text\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\n                        class=\"cellControl col\"\n                        [(ngModel)]=\"rowData[col.field]\"\n                        [required]=\"col.required ?? true\"\n                      ></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\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\n                        class=\"cellControl col\"\n                        [(ngModel)]=\"rowData[col.field]\"\n                        [required]=\"col.required ?? true\"\n                      ></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\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\n                        class=\"cellControl col\"\n                        [mask]=\"col.mask\"\n                        [required]=\"col.required ?? true\"\n                        [(ngModel)]=\"rowData[col.field]\"\n                      ></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\n                        [disabled]=\"isDisableEditRowCellFunction(rowData, col)\"\n                        class=\"cellControl col\"\n                        [(ngModel)]=\"rowData[col.field]\"\n                      ></kv-switch>\n                    </div>\n                  </ng-container>\n  \n                  <ng-container *ngSwitchCase=\"'calendar'\">\n                    <div [style.width]=\"col.width\">\n                      <div\n                        [style.width]=\"col.width\"\n                        class=\"grid formgrid p-fluid\"\n                      >\n                        <kv-input-calendar\n                          class=\"cellControl col\"\n                          [(ngModel)]=\"rowData[col.field]\"\n                        ></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]=\"\n                          col.fieldDropDownControl.fieldControlDropdownSource\n                        \"\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\n                  *ngTemplateOutlet=\"\n                    templateOutput;\n                    context: { rowData: rowData, col: col }\n                  \"\n                ></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                    {{ transformValueDrop(retornaDescricaoDrop(rowData, col), col) }}\n                  </ng-container>\n                </ng-container>\n  \n                <ng-container *ngSwitchCase=\"'switch'\">\n                  <kv-switch\n                    [(ngModel)]=\"rowData[col.field]\"\n                    [disabled]=\"true\"\n                  ></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                  {{  transformValue(rowData, col) }}\n                </ng-container>\n              </ng-container>\n            </ng-template>\n  \n            @if(editMode == 'cell' && col.fieldControlType){\n              <td\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\"\n              [style]=\"\n                applyStyle(rowData, col) +\n                centralizarColunas(col) +\n                alignColunas(col)\n              \"\n              [pTooltip]=\"returnTooltipRow(rowData, col)\"\n            >\n              <p-cellEditor>\n                <ng-container>\n                  <ng-template pTemplate=\"input\">\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        templateInput;\n                        context: { rowData: rowData, col: col }\n                      \"\n                    ></ng-container>\n                  </ng-template>\n  \n                  <ng-template pTemplate=\"output\">\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        templateOutput;\n                        context: { rowData: rowData, col: col }\n                      \"\n                    ></ng-container>\n                  </ng-template>\n                </ng-container>\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            @if(false && col.fieldControlType && editMode == 'row'){\n              <td\n              [id]=\"'rowTable' + rowData[config.dataKey]\"\n              (click)=\"activeItem(rowData)\"\n              (dblclick)=\"dbClickEdit()\"\n              class=\"rowTable\"\n              [style]=\"\n                applyStyle(rowData, col) +\n                centralizarColunas(col) +\n                alignColunas(col)\n              \"\n              [pTooltip]=\"returnTooltipRow(rowData, col)\"\n            >\n              <p-cellEditor\n                [ngClass]=\"{ switch: col.fieldControlType == 'switch' }\"\n              >\n                <ng-template pTemplate=\"input\">\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      templateInput;\n                      context: { rowData: rowData, col: col }\n                    \"\n                  ></ng-container>\n                </ng-template>\n  \n                <ng-template pTemplate=\"output\">\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      templateOutput;\n                      context: { rowData: rowData, col: col }\n                    \"\n                  ></ng-container>\n                </ng-template>\n              </p-cellEditor>\n            </td>\n            }\n  \n            <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n            <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n            <!-- ----------------------------------------------------------------------------------------------------------------------------------- -->\n  \n            <td\n              *ngIf=\"rowgroup && !col.template\"\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                <span\n                  *ngIf=\"\n                    !isChipField(col) && !col.iconField && !isImageField(col)\n                  \"\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\n                    [class]=\"returnClassChip(rowData, col)\"\n                    [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n                    >{{ transformValue(rowData, col) }}</span\n                  >\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\n                *ngIf=\"col.iconField\"\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              <ng-template #booleanField>\n                <i\n                  *ngIf=\"!col.iconField && !isSwitchField(col)\"\n                  [ngClass]=\"\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\n                  \"\n                  ><span class=\"material-symbols-outlined\">\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\n                  </span>\n                </i>\n  \n                <span\n                  *ngIf=\"isSwitchField(col)\"\n                  [class]=\"returnRowClass(rowData, col)\"\n                >\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              </ng-template>\n            </td>\n  \n            <td\n              *ngIf=\"\n                !rowgroup &&\n                !col.grouped &&\n                !col.template &&\n                !col.fieldControlType\n              \"\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                <span\n                  *ngIf=\"\n                    !isChipField(col) && !col.iconField && !isImageField(col)\n                  \"\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\n                    [class]=\"returnClassChip(rowData, col)\"\n                    [pTooltip]=\"returnTooltipIcon(rowData, col)\"\n                  >\n                    {{ transformValue(rowData, col) }}</span\n                  >\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\n                *ngIf=\"col.iconField\"\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              <ng-template #booleanField>\n                <i\n                  *ngIf=\"!col.iconField && !isSwitchField(col)\"\n                  [ngClass]=\"\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\n                  \"\n                  ><span class=\"material-symbols-outlined\">\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\n                  </span>\n                </i>\n  \n                <span\n                  *ngIf=\"isSwitchField(col)\"\n                  [class]=\"returnRowClass(rowData, col)\"\n                >\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              </ng-template>\n            </td>\n  \n            <td\n              *ngIf=\"col.template && !isEditableTable()\"\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              <ng-container\n                *ngIf=\"getCustomTemplate(col.template.name)\"\n                [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\n                [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\n              >\n              </ng-container>\n            </td>\n          </ng-container>\n        }\n        \n\n        <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\n        <!-- Controle de a\u00E7\u00E3o  -->\n         @if(!isEditing && config.actions && config.actions.length > 0){\n            <td\n            [ngClass]=\"{\n              'td-tools': isEditableTable() && this.editMode == 'row',\n              'td-tools-sticky': !isEditableTable() || this.editMode == 'cell'\n            }\"\n            [style]=\"\n              applyStyle(rowData, { field: 'btns-options', header: '' }) +\n              'border-right: 1px solid #ddd !important; border-left: 1px solid #ddd !important;'\n            \"\n            >\n              <div class=\"flex flex-row justify-content-end w-full\">\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\n                <p-menu\n                  #menu\n                  [popup]=\"true\"\n                  [model]=\"menuItems\"\n                  appendTo=\"body\"\n                ></p-menu>\n              </div>\n            </td>\n         }\n       \n        <!-- ------------------------------------------------------------------------------------------------------------------------------------------- -->\n        <!-- Controle de edi\u00E7\u00E3o -->\n         @if(this.isEditableTable() && this.editMode == 'row'){\n          <td class=\"td-edit\">\n            <div class=\"flex align-items-center justify-content-center gap-2\">\n              @if(!editing){\n                <button\n                [style.height]=\"'28px'\"\n                [id]=\"'rowEdit' + rowData[config.dataKey]\"\n                [style.width]=\"'28px'\"\n                [disabled]=\"isDisableEditRowFunction(rowData)\"\n                pButton\n                pRipple\n                type=\"button\"\n                pInitEditableRow\n                icon=\"pi pi-pencil\"\n                (click)=\"onRowEditInit(rowData)\"\n                class=\"p-button-rounded p-button-text\"\n              ></button>\n              }\n            \n              @if(editing){\n                <button\n                [style.height]=\"'28px'\"\n                [style.width]=\"'28px'\"\n                [disabled]=\"isDisableEditRowFunction(rowData)\"\n                pButton\n                pRipple\n                type=\"button\"\n                pCancelEditableRow\n                icon=\"pi pi-times\"\n                (click)=\"onRowEditCancel(rowData, ri)\"\n                [id]=\"'rowCancel' + rowData[config.dataKey]\"\n                class=\"p-button-rounded p-button-text p-button-danger\"\n              ></button>\n              }\n            \n            </div>\n          </td>\n         }\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:#f1f1f1}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{text-align:center;border:1px solid #f1f1f1;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:#f1f1f1;transition:box-shadow .2s}:host ::ng-deep .p-datatable .p-datatable-header{border:none!important}.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:#29b92d;color:#f2f3f5;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:center;padding:12px}:host ::ng-deep .center{display:flex;align-items:center;justify-content:center}#actionLoteBtns:hover,.actionLoteBtns:hover{background-color:#249a29!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:#f1f1f1!important;padding:0!important;border-radius:5px!important}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background-color:#f1f1f1!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%;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}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}:host ::ng-deep .p-datatable .p-paginator-bottom{scale:.75}@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:#f1f1f1!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}: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:#f1f1f1!important;color:#a9a9a9;border:none;box-shadow:#0000003d 0 3px 8px;height:20px}::ng-deep .menuSizes>p-tieredmenusub>.p-tieredmenu-root-list>li:first-child{font-size:.6rem}::ng-deep .menuSizes>p-tieredmenusub>.p-tieredmenu-root-list>li:last-child{font-size:.8rem}.tag{width:5px;height:25px;border-radius:.25rem}: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:#f1f1f1!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-right: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:auto}\n"] }]
         }], ctorParameters: () => [{ type: i1.DatePipe }, { type: i1.DecimalPipe }, { type: CpfCnpjPipe }, { type: TelefonePipe }, { type: NotificationService }], propDecorators: { enableSizes: [{
                 type: Input
             }], editMode: [{
@@ -7608,11 +7626,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", filter: "filter", filterPlaceholder: "filterPlaceholder", scrollheight: "scrollheight" }, outputs: { selectedItems: "selectedItems" }, usesOnChanges: true, 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        [filter]=\"filter\" \r\n        [filterPlaceholder]=\"filterPlaceholder\"\r\n        [scrollHeight]=\"scrollheight\" \r\n        emptyMessage=\"Nenhum registro encontrado\"\r\n    >\r\n    </p-tree>\r\n</div>\r\n\r\n\r\n", styles: [":host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight{color:#fff;border-color:#004172;background:#004172}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}\n"], 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", filter: "filter", filterPlaceholder: "filterPlaceholder", scrollheight: "scrollheight" }, outputs: { selectedItems: "selectedItems" }, usesOnChanges: true, 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        [filter]=\"filter\" \n        [filterPlaceholder]=\"filterPlaceholder\"\n        [scrollHeight]=\"scrollheight\" \n        emptyMessage=\"Nenhum registro encontrado\"\n    >\n    </p-tree>\n</div>\n\n\n", styles: [":host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight{color:#fff;border-color:#004172;background:#004172}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}\n"], 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        [filter]=\"filter\" \r\n        [filterPlaceholder]=\"filterPlaceholder\"\r\n        [scrollHeight]=\"scrollheight\" \r\n        emptyMessage=\"Nenhum registro encontrado\"\r\n    >\r\n    </p-tree>\r\n</div>\r\n\r\n\r\n", styles: [":host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight{color:#fff;border-color:#004172;background:#004172}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}\n"] }]
+            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        [filter]=\"filter\" \n        [filterPlaceholder]=\"filterPlaceholder\"\n        [scrollHeight]=\"scrollheight\" \n        emptyMessage=\"Nenhum registro encontrado\"\n    >\n    </p-tree>\n</div>\n\n\n", styles: [":host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight{color:#fff;border-color:#004172;background:#004172}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}:host ::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}\n"] }]
         }], ctorParameters: () => [], propDecorators: { selectedFiles: [{
                 type: Input
             }], selectionMode: [{
@@ -7659,11 +7677,11 @@ class WokspaceLogoComponent {
     ngOnInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WokspaceLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WokspaceLogoComponent, selector: "kv-workspace-logo", inputs: { logoKeevoCenter: "logoKeevoCenter", nomeUsuario: "nomeUsuario", masterSelecionada: "masterSelecionada" }, ngImport: i0, template: "<div class=\"field col-12 flex justify-content-center mb-1\">\r\n  <img [src]=\"logoKeevoCenter\" style=\"width: auto; height: 4rem;\" />\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\r\n  @if(!masterSelecionada){\r\n  <b class=\"field col-9 flex\">\r\n    Escolha qual workspace voc\u00EA deseja acessar:\r\n  </b>\r\n  }\r\n  @else {\r\n  <b class=\"field col-9 flex\">\r\n    Escolha qual empresa voc\u00EA deseja acessar:\r\n  </b>\r\n  }\r\n</div>", styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WokspaceLogoComponent, selector: "kv-workspace-logo", inputs: { logoKeevoCenter: "logoKeevoCenter", nomeUsuario: "nomeUsuario", masterSelecionada: "masterSelecionada" }, ngImport: i0, template: "<div class=\"field col-12 flex justify-content-center mb-1\">\n  <img [src]=\"logoKeevoCenter\" style=\"width: auto; height: 4rem;\" />\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\n  @if(!masterSelecionada){\n  <b class=\"field col-9 flex\">\n    Escolha qual workspace voc\u00EA deseja acessar:\n  </b>\n  }\n  @else {\n  <b class=\"field col-9 flex\">\n    Escolha qual empresa voc\u00EA deseja acessar:\n  </b>\n  }\n</div>", styles: [""] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WokspaceLogoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-workspace-logo', template: "<div class=\"field col-12 flex justify-content-center mb-1\">\r\n  <img [src]=\"logoKeevoCenter\" style=\"width: auto; height: 4rem;\" />\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\r\n  @if(!masterSelecionada){\r\n  <b class=\"field col-9 flex\">\r\n    Escolha qual workspace voc\u00EA deseja acessar:\r\n  </b>\r\n  }\r\n  @else {\r\n  <b class=\"field col-9 flex\">\r\n    Escolha qual empresa voc\u00EA deseja acessar:\r\n  </b>\r\n  }\r\n</div>" }]
+            args: [{ selector: 'kv-workspace-logo', template: "<div class=\"field col-12 flex justify-content-center mb-1\">\n  <img [src]=\"logoKeevoCenter\" style=\"width: auto; height: 4rem;\" />\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\n  @if(!masterSelecionada){\n  <b class=\"field col-9 flex\">\n    Escolha qual workspace voc\u00EA deseja acessar:\n  </b>\n  }\n  @else {\n  <b class=\"field col-9 flex\">\n    Escolha qual empresa voc\u00EA deseja acessar:\n  </b>\n  }\n</div>" }]
         }], ctorParameters: () => [], propDecorators: { logoKeevoCenter: [{
                 type: Input
             }], nomeUsuario: [{
@@ -7831,11 +7849,11 @@ class WorkspaceComponent {
         this.onGetMasterSelecionada.emit(event);
     }
     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: "17.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { backgroundImg: "backgroundImg", logoKeevoCenter: "logoKeevoCenter", nomeUsuario: "nomeUsuario", somenteMaster: "somenteMaster", visivel: "visivel", showBtnVoltar: "showBtnVoltar", empresas: "empresas", empresaSelecionada: "empresaSelecionada", totalEmpresas: "totalEmpresas", masters: "masters", masterSelecionada: "masterSelecionada" }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada", onPaginate: "onPaginate", onBtnVoltarClick: "onBtnVoltarClick" }, ngImport: i0, template: "@if(visivel){\r\n<div \r\n  class=\"flex justify-content-center align-items-center flex-column h-screen \"\r\n  id=\"kvworkspace-container\"\r\n  [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n  <div id=\"card-workspace\" class=\"flex flex-column justify-content-around formgrid p-fluid  bg-white border-round p-2\">\r\n\r\n    <kv-workspace-logo\r\n      [logoKeevoCenter]=\"logoKeevoCenter\"\r\n      [masterSelecionada]=\"masterSelecionada\"\r\n      [nomeUsuario]=\"nomeUsuario\">\r\n    </kv-workspace-logo>\r\n\r\n    @if(!masterSelecionada){\r\n    <div class=\"col-12 z-5\">\r\n      <kv-workspace-master\r\n        [masters]=\"masters\"\r\n        [masterSelecionada]=\"masterSelecionada\"\r\n        (onMasterSelecionada)=\"selecionarMaster($event)\">\r\n      </kv-workspace-master>\r\n    </div>\r\n    }\r\n\r\n    @if(!somenteMaster && masterSelecionada){\r\n    <kv-workspace-empresa\r\n      [empresas]=\"empresas\"\r\n      [totalEmpresas]=\"totalEmpresas\"\r\n      (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\r\n      (onPaginate)=\"paginate($event)\">\r\n    </kv-workspace-empresa>\r\n    }\r\n    <!-- <kv-button\r\n    class=\"col-2\" \r\n    severity=\"secondary\" label=\"Voltar\" /> -->\r\n    @if(showBtnVoltar && masterSelecionada) {\r\n    <div class=\"flex\">\r\n      <div class=\"col\">\r\n      </div>\r\n      <kv-button\r\n      class=\"col-2\" \r\n      severity=\"tertiary\" label=\"Voltar\" \r\n      (onClick)=\"OnBtnVoltarClick()\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  </div>\r\n</div>\r\n}", styles: ["#card-workspace{width:80%;max-width:800px;box-shadow:#00000059 0 5px 15px}:host{overflow:hidden}#kvworkspace-container{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;background:no-repeat center;background-size:cover;padding:20px}\n"], dependencies: [{ kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }, { kind: "component", type: WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: ["empresas", "empresaSelecionada", "totalEmpresas"], outputs: ["onEmpresaSelecionada", "onPaginate"] }, { kind: "component", type: WokspaceLogoComponent, selector: "kv-workspace-logo", inputs: ["logoKeevoCenter", "nomeUsuario", "masterSelecionada"] }, { kind: "component", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: ["masters", "masterSelecionada"], outputs: ["onMasterSelecionada"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { backgroundImg: "backgroundImg", logoKeevoCenter: "logoKeevoCenter", nomeUsuario: "nomeUsuario", somenteMaster: "somenteMaster", visivel: "visivel", showBtnVoltar: "showBtnVoltar", empresas: "empresas", empresaSelecionada: "empresaSelecionada", totalEmpresas: "totalEmpresas", masters: "masters", masterSelecionada: "masterSelecionada" }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada", onPaginate: "onPaginate", onBtnVoltarClick: "onBtnVoltarClick" }, ngImport: i0, template: "@if(visivel){\n<div \n  class=\"flex justify-content-center align-items-center flex-column h-screen \"\n  id=\"kvworkspace-container\"\n  [style.background-image]=\"'url(' + backgroundImg + ')'\"\n>\n  <div id=\"card-workspace\" class=\"flex flex-column justify-content-around formgrid p-fluid  bg-white border-round p-2\">\n\n    <kv-workspace-logo\n      [logoKeevoCenter]=\"logoKeevoCenter\"\n      [masterSelecionada]=\"masterSelecionada\"\n      [nomeUsuario]=\"nomeUsuario\">\n    </kv-workspace-logo>\n\n    @if(!masterSelecionada){\n    <div class=\"col-12 z-5\">\n      <kv-workspace-master\n        [masters]=\"masters\"\n        [masterSelecionada]=\"masterSelecionada\"\n        (onMasterSelecionada)=\"selecionarMaster($event)\">\n      </kv-workspace-master>\n    </div>\n    }\n\n    @if(!somenteMaster && masterSelecionada){\n    <kv-workspace-empresa\n      [empresas]=\"empresas\"\n      [totalEmpresas]=\"totalEmpresas\"\n      (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\n      (onPaginate)=\"paginate($event)\">\n    </kv-workspace-empresa>\n    }\n    <!-- <kv-button\n    class=\"col-2\" \n    severity=\"secondary\" label=\"Voltar\" /> -->\n    @if(showBtnVoltar && masterSelecionada) {\n    <div class=\"flex\">\n      <div class=\"col\">\n      </div>\n      <kv-button\n      class=\"col-2\" \n      severity=\"tertiary\" label=\"Voltar\" \n      (onClick)=\"OnBtnVoltarClick()\"\n      />\n    </div>\n  }\n\n  </div>\n</div>\n}", styles: ["#card-workspace{width:80%;max-width:800px;box-shadow:#00000059 0 5px 15px}:host{overflow:hidden}#kvworkspace-container{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;background:no-repeat center;background-size:cover;padding:20px}\n"], dependencies: [{ kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }, { kind: "component", type: WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: ["empresas", "empresaSelecionada", "totalEmpresas"], outputs: ["onEmpresaSelecionada", "onPaginate"] }, { kind: "component", type: WokspaceLogoComponent, selector: "kv-workspace-logo", inputs: ["logoKeevoCenter", "nomeUsuario", "masterSelecionada"] }, { kind: "component", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: ["masters", "masterSelecionada"], outputs: ["onMasterSelecionada"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-workspace', template: "@if(visivel){\r\n<div \r\n  class=\"flex justify-content-center align-items-center flex-column h-screen \"\r\n  id=\"kvworkspace-container\"\r\n  [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n  <div id=\"card-workspace\" class=\"flex flex-column justify-content-around formgrid p-fluid  bg-white border-round p-2\">\r\n\r\n    <kv-workspace-logo\r\n      [logoKeevoCenter]=\"logoKeevoCenter\"\r\n      [masterSelecionada]=\"masterSelecionada\"\r\n      [nomeUsuario]=\"nomeUsuario\">\r\n    </kv-workspace-logo>\r\n\r\n    @if(!masterSelecionada){\r\n    <div class=\"col-12 z-5\">\r\n      <kv-workspace-master\r\n        [masters]=\"masters\"\r\n        [masterSelecionada]=\"masterSelecionada\"\r\n        (onMasterSelecionada)=\"selecionarMaster($event)\">\r\n      </kv-workspace-master>\r\n    </div>\r\n    }\r\n\r\n    @if(!somenteMaster && masterSelecionada){\r\n    <kv-workspace-empresa\r\n      [empresas]=\"empresas\"\r\n      [totalEmpresas]=\"totalEmpresas\"\r\n      (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\r\n      (onPaginate)=\"paginate($event)\">\r\n    </kv-workspace-empresa>\r\n    }\r\n    <!-- <kv-button\r\n    class=\"col-2\" \r\n    severity=\"secondary\" label=\"Voltar\" /> -->\r\n    @if(showBtnVoltar && masterSelecionada) {\r\n    <div class=\"flex\">\r\n      <div class=\"col\">\r\n      </div>\r\n      <kv-button\r\n      class=\"col-2\" \r\n      severity=\"tertiary\" label=\"Voltar\" \r\n      (onClick)=\"OnBtnVoltarClick()\"\r\n      />\r\n    </div>\r\n  }\r\n\r\n  </div>\r\n</div>\r\n}", styles: ["#card-workspace{width:80%;max-width:800px;box-shadow:#00000059 0 5px 15px}:host{overflow:hidden}#kvworkspace-container{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;background:no-repeat center;background-size:cover;padding:20px}\n"] }]
+            args: [{ selector: 'kv-workspace', template: "@if(visivel){\n<div \n  class=\"flex justify-content-center align-items-center flex-column h-screen \"\n  id=\"kvworkspace-container\"\n  [style.background-image]=\"'url(' + backgroundImg + ')'\"\n>\n  <div id=\"card-workspace\" class=\"flex flex-column justify-content-around formgrid p-fluid  bg-white border-round p-2\">\n\n    <kv-workspace-logo\n      [logoKeevoCenter]=\"logoKeevoCenter\"\n      [masterSelecionada]=\"masterSelecionada\"\n      [nomeUsuario]=\"nomeUsuario\">\n    </kv-workspace-logo>\n\n    @if(!masterSelecionada){\n    <div class=\"col-12 z-5\">\n      <kv-workspace-master\n        [masters]=\"masters\"\n        [masterSelecionada]=\"masterSelecionada\"\n        (onMasterSelecionada)=\"selecionarMaster($event)\">\n      </kv-workspace-master>\n    </div>\n    }\n\n    @if(!somenteMaster && masterSelecionada){\n    <kv-workspace-empresa\n      [empresas]=\"empresas\"\n      [totalEmpresas]=\"totalEmpresas\"\n      (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\n      (onPaginate)=\"paginate($event)\">\n    </kv-workspace-empresa>\n    }\n    <!-- <kv-button\n    class=\"col-2\" \n    severity=\"secondary\" label=\"Voltar\" /> -->\n    @if(showBtnVoltar && masterSelecionada) {\n    <div class=\"flex\">\n      <div class=\"col\">\n      </div>\n      <kv-button\n      class=\"col-2\" \n      severity=\"tertiary\" label=\"Voltar\" \n      (onClick)=\"OnBtnVoltarClick()\"\n      />\n    </div>\n  }\n\n  </div>\n</div>\n}", styles: ["#card-workspace{width:80%;max-width:800px;box-shadow:#00000059 0 5px 15px}:host{overflow:hidden}#kvworkspace-container{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important;background:no-repeat center;background-size:cover;padding:20px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { backgroundImg: [{
                 type: Input
             }], logoKeevoCenter: [{
@@ -8227,11 +8245,11 @@ class KvImageUploadComponent {
         this.deleteEmit.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadComponent, deps: [{ token: NotificationService }, { token: ImageCutterService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvImageUploadComponent, selector: "kv-image-upload", inputs: { fileSrc: { classPropertyName: "fileSrc", publicName: "fileSrc", isSignal: false, isRequired: false, transformFunction: null }, widthComponent: { classPropertyName: "widthComponent", publicName: "widthComponent", isSignal: false, isRequired: false, transformFunction: null }, heightComponent: { classPropertyName: "heightComponent", publicName: "heightComponent", isSignal: false, isRequired: false, transformFunction: null }, cutImage: { classPropertyName: "cutImage", publicName: "cutImage", isSignal: true, isRequired: false, transformFunction: null }, cutWidth: { classPropertyName: "cutWidth", publicName: "cutWidth", isSignal: true, isRequired: false, transformFunction: null }, cutHeight: { classPropertyName: "cutHeight", publicName: "cutHeight", isSignal: true, isRequired: false, transformFunction: null }, cutCircle: { classPropertyName: "cutCircle", publicName: "cutCircle", isSignal: true, isRequired: false, transformFunction: null }, maxHeightImage: { classPropertyName: "maxHeightImage", publicName: "maxHeightImage", isSignal: false, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { fileEmit: "fileEmit", deleteEmit: "deleteEmit" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div\r\n    (dragover)=\"onDragOver($event)\"\r\n    (dragleave)=\"onDragLeave($event)\"\r\n    (drop)=\"onDrop($event)\"\r\n    class=\"relative overflow-hidden 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\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=\"!fileSrc\"\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=\"fileSrc || 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    @if(fileSrc || file) {\r\n        <button\r\n            style=\"background-color: transparent;\"\r\n            pButton\r\n            (click)=\"deleteImage()\"\r\n            class=\"absolute 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", 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: { fileSrc: { classPropertyName: "fileSrc", publicName: "fileSrc", isSignal: false, isRequired: false, transformFunction: null }, widthComponent: { classPropertyName: "widthComponent", publicName: "widthComponent", isSignal: false, isRequired: false, transformFunction: null }, heightComponent: { classPropertyName: "heightComponent", publicName: "heightComponent", isSignal: false, isRequired: false, transformFunction: null }, cutImage: { classPropertyName: "cutImage", publicName: "cutImage", isSignal: true, isRequired: false, transformFunction: null }, cutWidth: { classPropertyName: "cutWidth", publicName: "cutWidth", isSignal: true, isRequired: false, transformFunction: null }, cutHeight: { classPropertyName: "cutHeight", publicName: "cutHeight", isSignal: true, isRequired: false, transformFunction: null }, cutCircle: { classPropertyName: "cutCircle", publicName: "cutCircle", isSignal: true, isRequired: false, transformFunction: null }, maxHeightImage: { classPropertyName: "maxHeightImage", publicName: "maxHeightImage", isSignal: false, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { fileEmit: "fileEmit", deleteEmit: "deleteEmit" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div\n    (dragover)=\"onDragOver($event)\"\n    (dragleave)=\"onDragLeave($event)\"\n    (drop)=\"onDrop($event)\"\n    class=\"relative overflow-hidden border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\n    [style.width]=\"widthComponent\"\n    [style.height]=\"heightComponent\"\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=\"!fileSrc\"\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=\"fileSrc || 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    @if(fileSrc || file) {\n        <button\n            style=\"background-color: transparent;\"\n            pButton\n            (click)=\"deleteImage()\"\n            class=\"absolute 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", 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=\"relative overflow-hidden 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\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=\"!fileSrc\"\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=\"fileSrc || 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    @if(fileSrc || file) {\r\n        <button\r\n            style=\"background-color: transparent;\"\r\n            pButton\r\n            (click)=\"deleteImage()\"\r\n            class=\"absolute 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" }]
+            args: [{ selector: 'kv-image-upload', template: "<div\n    (dragover)=\"onDragOver($event)\"\n    (dragleave)=\"onDragLeave($event)\"\n    (drop)=\"onDrop($event)\"\n    class=\"relative overflow-hidden border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\n    [style.width]=\"widthComponent\"\n    [style.height]=\"heightComponent\"\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=\"!fileSrc\"\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=\"fileSrc || 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    @if(fileSrc || file) {\n        <button\n            style=\"background-color: transparent;\"\n            pButton\n            (click)=\"deleteImage()\"\n            class=\"absolute 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" }]
         }], ctorParameters: () => [{ type: NotificationService }, { type: ImageCutterService }], propDecorators: { fileSrc: [{
                 type: Input
             }], widthComponent: [{
@@ -8680,11 +8698,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", showTopHeader: "showTopHeader", showButtonCollapsed: "showButtonCollapsed", isTableRowExpanded: "isTableRowExpanded", expandToggleVisibleFn: "expandToggleVisibleFn" }, 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)=\"collapsedAll = !collapsedAll\"\r\n    [style]=\"{ 'margin-bottom': '2px' }\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      @if (!collapsedAll) {\r\n      <i class=\"pi pi-filter\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      @if (collapsedAll) {\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 p-0 m-0\"\r\n        [style.background-color]=\"'#EAEAEA'\"\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 p-0\">\r\n          <div class=\"flex flex-row gap-2 btns-options mr-2\">\r\n          @if(showButtonCollapsed){\r\n            <kv-button\r\n              [icon]=\"iconCollapsed\"\r\n              (onClick)=\"executeCollapsed()\"\r\n              [severity]=\"(config.actionsLote)&&(config.actionsLote.length>0) ? 'tertiary' : 'primary'\"\r\n              [pTooltip]=\"collapsedAll ? 'Recolher tudo' : 'Expandir tudo'\"\r\n            />\r\n          }\r\n          @for (action of config.actionsLote; track i; let i = $index) {\r\n          \r\n            \r\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\r\n\r\n              <kv-button\r\n                (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\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)?true:false\"\r\n                [icon]=\"getOrExecute(action.icon, selectedItems)\"\r\n                [severity]=\"action.severity ? action.severity : 'primary'\"\r\n              />\r\n          }\r\n        }\r\n      </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    } \r\n    @if (config.enableSelect || showTopHeader ){\r\n      <ng-template pTemplate=\"header\">\r\n        <tr>\r\n        @if(config.enableSelect){\r\n          <th [style.width]=\"showTopHeader?'25px':'100%'\"  [attr.colspan]=\"showTopHeader?'1':'12'\" >\r\n            <div class=\"w-full\">\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        }\r\n        @if(showTopHeader){\r\n          @if (isTableRowExpanded) {\r\n            <th\r\n              [style.width]=\"3\"\r\n              class=\"text-sm fixed-header\" \r\n            ></th>\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 fixed-header\"\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 [ngClass]=\"{ 'text-xs font-medium': isTableRowExpanded }\">{{ 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                } \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          }\r\n          @if (config.actions && config.actions.length > 0) {\r\n            <th [style.width]=\"'40px'\" ></th>\r\n          }\r\n        }\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     @if (!isTableRowExpanded) {\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     } @else {\r\n      <tr>\r\n          <td>\r\n            @if(isVisibleExpandTolggle(group)){\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 icone\"\r\n                [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"\r\n              >\r\n              </button> \r\n              \r\n             }\r\n          </td>\r\n\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                  \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                    \r\n                    <span class=\"text-xs\" >\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                } \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            }\r\n      </tr>\r\n    }\r\n\r\n\r\n      @if(expanded && !showTopHeader){\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]=\"\r\n              isAllGroupSelected(\r\n                config.fieldGroup || 0,\r\n                group[config.fieldGroup || 0]\r\n              )\r\n            \"\r\n            [indeterminate]=\"\r\n              isGroupIndeterminate(\r\n                config.fieldGroup || 0,\r\n                group[config.fieldGroup || 0]\r\n              )\r\n            \"\r\n            (click)=\"\r\n              selectGroup(\r\n                $event,\r\n                config.fieldGroup || 0,\r\n                group[config.fieldGroup || 0]\r\n              )\r\n            \"\r\n          />\r\n        </th>\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]=\"'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        } \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      @if (!isTableRowExpanded) {\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        } \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          } \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        } \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: 25px\"\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      }\r\n\r\n      @if (isTableRowExpanded) {\r\n\r\n        <tr>\r\n          <td\r\n            [attr.colspan]=\"columns.length + 2\"\r\n            style=\"text-align: start; border-radius: 10px !important\"\r\n          >\r\n            <div>\r\n              @if (getCustomTemplate(config.templateRowExpanded.name)) {\r\n              <ng-container\r\n                [ngTemplateOutlet]=\"getCustomTemplate(config.templateRowExpanded.name)\"\r\n                [ngTemplateOutletContext]=\"{ $implicit: group }\"\r\n              />\r\n              }\r\n            </div>\r\n          </td>\r\n        </tr>\r\n  \r\n   }\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\";tr{word-break:break-all}.tag{width:5px;height:20px;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;background-color:#fff}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{border-color:#004172;background:#004172}input[type=checkbox]:checked:hover{background-color:#002542}input[type=checkbox]:checked:active{background-color:#002542}input[type=checkbox]:checked:disabled{background-color:#002542;opacity:.4;cursor:auto}input[type=checkbox]:checked:after{opacity:1}::ng-deep .p-datatable.p-datatable-sm .p-datatable-header{padding:0rem}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea}.tr-td:hover{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;background-color:#fff;transition:color .3s,transform .3s;transform:scale(1)}.checkbox-container{width:25px!important}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.2);transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}.btn-table{background-color:#29b92d;padding:12px}.btn-table:hover{background-color:#249a29}.btn-table:active{background-color:#1c801f}.btn-table:disabled{background-color:#29b92d}.icone{width:12px;height:2px}:host ::ng-deep .icone .pi{font-size:.7rem}\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$2.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: 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: i8$1.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: i5$3.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i11.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.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"] }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }] }); }
+    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", showTopHeader: "showTopHeader", showButtonCollapsed: "showButtonCollapsed", isTableRowExpanded: "isTableRowExpanded", expandToggleVisibleFn: "expandToggleVisibleFn" }, 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)=\"collapsedAll = !collapsedAll\"\n    [style]=\"{ 'margin-bottom': '2px' }\"\n  >\n    <ng-template pTemplate=\"headericons\">\n      @if (!collapsedAll) {\n      <i class=\"pi pi-filter\"></i>\n      }\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\n      @if (collapsedAll) {\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 p-0 m-0\"\n        [style.background-color]=\"'#EAEAEA'\"\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 p-0\">\n          <div class=\"flex flex-row gap-2 btns-options mr-2\">\n          @if(showButtonCollapsed){\n            <kv-button\n              [icon]=\"iconCollapsed\"\n              (onClick)=\"executeCollapsed()\"\n              [severity]=\"(config.actionsLote)&&(config.actionsLote.length>0) ? 'tertiary' : 'primary'\"\n              [pTooltip]=\"collapsedAll ? 'Recolher tudo' : 'Expandir tudo'\"\n            />\n          }\n          @for (action of config.actionsLote; track i; let i = $index) {\n          \n            \n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\n\n              <kv-button\n                (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\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)?true:false\"\n                [icon]=\"getOrExecute(action.icon, selectedItems)\"\n                [severity]=\"action.severity ? action.severity : 'primary'\"\n              />\n          }\n        }\n      </div>\n        </div>\n      </div>\n    </ng-template>\n    } \n    @if (config.enableSelect || showTopHeader ){\n      <ng-template pTemplate=\"header\">\n        <tr>\n        @if(config.enableSelect){\n          <th [style.width]=\"showTopHeader?'25px':'100%'\"  [attr.colspan]=\"showTopHeader?'1':'12'\" >\n            <div class=\"w-full\">\n              <input\n                type=\"checkbox\"\n                [checked]=\"isAllSelected()\"\n                [indeterminate]=\"isAllIndeterminate()\"\n                (click)=\"selectAll($event)\"\n              />\n            </div>\n          </th>\n        }\n        @if(showTopHeader){\n          @if (isTableRowExpanded) {\n            <th\n              [style.width]=\"3\"\n              class=\"text-sm fixed-header\" \n            ></th>\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 fixed-header\"\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 [ngClass]=\"{ 'text-xs font-medium': isTableRowExpanded }\">{{ col.header }}</span>\n                @if (col.sortable) {\n                <p-sortIcon\n                  [field]=\"'data.' + 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                }\n              </div>\n            </th>\n          }\n          @if (config.actions && config.actions.length > 0) {\n            <th [style.width]=\"'40px'\" ></th>\n          }\n        }\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     @if (!isTableRowExpanded) {\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     } @else {\n      <tr>\n          <td>\n            @if(isVisibleExpandTolggle(group)){\n              <button\n                type=\"button\"\n                pButton\n                pRipple\n                [pRowToggler]=\"group\"\n                class=\"p-button-text p-button-rounded p-button-plain icone\"\n                [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"\n              >\n              </button> \n              \n             }\n          </td>\n\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                  \n                  <span\n                    *ngIf=\"!isBooleanField(group, col); else booleanField\"\n                    [class]=\"returnRowClass(group, col)\"\n                  >\n                    @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\n                    \n                    <span class=\"text-xs\" >\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                } \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            }\n      </tr>\n    }\n\n\n      @if(expanded && !showTopHeader){\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]=\"\n              isAllGroupSelected(\n                config.fieldGroup || 0,\n                group[config.fieldGroup || 0]\n              )\n            \"\n            [indeterminate]=\"\n              isGroupIndeterminate(\n                config.fieldGroup || 0,\n                group[config.fieldGroup || 0]\n              )\n            \"\n            (click)=\"\n              selectGroup(\n                $event,\n                config.fieldGroup || 0,\n                group[config.fieldGroup || 0]\n              )\n            \"\n          />\n        </th>\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]=\"'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        } \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      @if (!isTableRowExpanded) {\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        } \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          } \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        } \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: 25px\"\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      }\n\n      @if (isTableRowExpanded) {\n\n        <tr>\n          <td\n            [attr.colspan]=\"columns.length + 2\"\n            style=\"text-align: start; border-radius: 10px !important\"\n          >\n            <div>\n              @if (getCustomTemplate(config.templateRowExpanded.name)) {\n              <ng-container\n                [ngTemplateOutlet]=\"getCustomTemplate(config.templateRowExpanded.name)\"\n                [ngTemplateOutletContext]=\"{ $implicit: group }\"\n              />\n              }\n            </div>\n          </td>\n        </tr>\n  \n   }\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\";tr{word-break:break-all}.tag{width:5px;height:20px;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;background-color:#fff}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{border-color:#004172;background:#004172}input[type=checkbox]:checked:hover{background-color:#002542}input[type=checkbox]:checked:active{background-color:#002542}input[type=checkbox]:checked:disabled{background-color:#002542;opacity:.4;cursor:auto}input[type=checkbox]:checked:after{opacity:1}::ng-deep .p-datatable.p-datatable-sm .p-datatable-header{padding:0rem}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea}.tr-td:hover{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;background-color:#fff;transition:color .3s,transform .3s;transform:scale(1)}.checkbox-container{width:25px!important}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.2);transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}.btn-table{background-color:#29b92d;padding:12px}.btn-table:hover{background-color:#249a29}.btn-table:active{background-color:#1c801f}.btn-table:disabled{background-color:#29b92d}.icone{width:12px;height:2px}:host ::ng-deep .icone .pi{font-size:.7rem}\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$2.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: 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: i8$1.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: i5$3.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i11.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.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"] }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "label", "disabled"], outputs: ["onClick"] }] }); }
 }
 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)=\"collapsedAll = !collapsedAll\"\r\n    [style]=\"{ 'margin-bottom': '2px' }\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      @if (!collapsedAll) {\r\n      <i class=\"pi pi-filter\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      @if (collapsedAll) {\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 p-0 m-0\"\r\n        [style.background-color]=\"'#EAEAEA'\"\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 p-0\">\r\n          <div class=\"flex flex-row gap-2 btns-options mr-2\">\r\n          @if(showButtonCollapsed){\r\n            <kv-button\r\n              [icon]=\"iconCollapsed\"\r\n              (onClick)=\"executeCollapsed()\"\r\n              [severity]=\"(config.actionsLote)&&(config.actionsLote.length>0) ? 'tertiary' : 'primary'\"\r\n              [pTooltip]=\"collapsedAll ? 'Recolher tudo' : 'Expandir tudo'\"\r\n            />\r\n          }\r\n          @for (action of config.actionsLote; track i; let i = $index) {\r\n          \r\n            \r\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\r\n\r\n              <kv-button\r\n                (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\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)?true:false\"\r\n                [icon]=\"getOrExecute(action.icon, selectedItems)\"\r\n                [severity]=\"action.severity ? action.severity : 'primary'\"\r\n              />\r\n          }\r\n        }\r\n      </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    } \r\n    @if (config.enableSelect || showTopHeader ){\r\n      <ng-template pTemplate=\"header\">\r\n        <tr>\r\n        @if(config.enableSelect){\r\n          <th [style.width]=\"showTopHeader?'25px':'100%'\"  [attr.colspan]=\"showTopHeader?'1':'12'\" >\r\n            <div class=\"w-full\">\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        }\r\n        @if(showTopHeader){\r\n          @if (isTableRowExpanded) {\r\n            <th\r\n              [style.width]=\"3\"\r\n              class=\"text-sm fixed-header\" \r\n            ></th>\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 fixed-header\"\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 [ngClass]=\"{ 'text-xs font-medium': isTableRowExpanded }\">{{ 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                } \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          }\r\n          @if (config.actions && config.actions.length > 0) {\r\n            <th [style.width]=\"'40px'\" ></th>\r\n          }\r\n        }\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     @if (!isTableRowExpanded) {\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     } @else {\r\n      <tr>\r\n          <td>\r\n            @if(isVisibleExpandTolggle(group)){\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 icone\"\r\n                [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"\r\n              >\r\n              </button> \r\n              \r\n             }\r\n          </td>\r\n\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                  \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                    \r\n                    <span class=\"text-xs\" >\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                } \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            }\r\n      </tr>\r\n    }\r\n\r\n\r\n      @if(expanded && !showTopHeader){\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]=\"\r\n              isAllGroupSelected(\r\n                config.fieldGroup || 0,\r\n                group[config.fieldGroup || 0]\r\n              )\r\n            \"\r\n            [indeterminate]=\"\r\n              isGroupIndeterminate(\r\n                config.fieldGroup || 0,\r\n                group[config.fieldGroup || 0]\r\n              )\r\n            \"\r\n            (click)=\"\r\n              selectGroup(\r\n                $event,\r\n                config.fieldGroup || 0,\r\n                group[config.fieldGroup || 0]\r\n              )\r\n            \"\r\n          />\r\n        </th>\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]=\"'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        } \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      @if (!isTableRowExpanded) {\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        } \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          } \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        } \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: 25px\"\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      }\r\n\r\n      @if (isTableRowExpanded) {\r\n\r\n        <tr>\r\n          <td\r\n            [attr.colspan]=\"columns.length + 2\"\r\n            style=\"text-align: start; border-radius: 10px !important\"\r\n          >\r\n            <div>\r\n              @if (getCustomTemplate(config.templateRowExpanded.name)) {\r\n              <ng-container\r\n                [ngTemplateOutlet]=\"getCustomTemplate(config.templateRowExpanded.name)\"\r\n                [ngTemplateOutletContext]=\"{ $implicit: group }\"\r\n              />\r\n              }\r\n            </div>\r\n          </td>\r\n        </tr>\r\n  \r\n   }\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\";tr{word-break:break-all}.tag{width:5px;height:20px;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;background-color:#fff}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{border-color:#004172;background:#004172}input[type=checkbox]:checked:hover{background-color:#002542}input[type=checkbox]:checked:active{background-color:#002542}input[type=checkbox]:checked:disabled{background-color:#002542;opacity:.4;cursor:auto}input[type=checkbox]:checked:after{opacity:1}::ng-deep .p-datatable.p-datatable-sm .p-datatable-header{padding:0rem}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea}.tr-td:hover{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;background-color:#fff;transition:color .3s,transform .3s;transform:scale(1)}.checkbox-container{width:25px!important}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.2);transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}.btn-table{background-color:#29b92d;padding:12px}.btn-table:hover{background-color:#249a29}.btn-table:active{background-color:#1c801f}.btn-table:disabled{background-color:#29b92d}.icone{width:12px;height:2px}:host ::ng-deep .icone .pi{font-size:.7rem}\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)=\"collapsedAll = !collapsedAll\"\n    [style]=\"{ 'margin-bottom': '2px' }\"\n  >\n    <ng-template pTemplate=\"headericons\">\n      @if (!collapsedAll) {\n      <i class=\"pi pi-filter\"></i>\n      }\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\n      @if (collapsedAll) {\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 p-0 m-0\"\n        [style.background-color]=\"'#EAEAEA'\"\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 p-0\">\n          <div class=\"flex flex-row gap-2 btns-options mr-2\">\n          @if(showButtonCollapsed){\n            <kv-button\n              [icon]=\"iconCollapsed\"\n              (onClick)=\"executeCollapsed()\"\n              [severity]=\"(config.actionsLote)&&(config.actionsLote.length>0) ? 'tertiary' : 'primary'\"\n              [pTooltip]=\"collapsedAll ? 'Recolher tudo' : 'Expandir tudo'\"\n            />\n          }\n          @for (action of config.actionsLote; track i; let i = $index) {\n          \n            \n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\n\n              <kv-button\n                (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\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)?true:false\"\n                [icon]=\"getOrExecute(action.icon, selectedItems)\"\n                [severity]=\"action.severity ? action.severity : 'primary'\"\n              />\n          }\n        }\n      </div>\n        </div>\n      </div>\n    </ng-template>\n    } \n    @if (config.enableSelect || showTopHeader ){\n      <ng-template pTemplate=\"header\">\n        <tr>\n        @if(config.enableSelect){\n          <th [style.width]=\"showTopHeader?'25px':'100%'\"  [attr.colspan]=\"showTopHeader?'1':'12'\" >\n            <div class=\"w-full\">\n              <input\n                type=\"checkbox\"\n                [checked]=\"isAllSelected()\"\n                [indeterminate]=\"isAllIndeterminate()\"\n                (click)=\"selectAll($event)\"\n              />\n            </div>\n          </th>\n        }\n        @if(showTopHeader){\n          @if (isTableRowExpanded) {\n            <th\n              [style.width]=\"3\"\n              class=\"text-sm fixed-header\" \n            ></th>\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 fixed-header\"\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 [ngClass]=\"{ 'text-xs font-medium': isTableRowExpanded }\">{{ col.header }}</span>\n                @if (col.sortable) {\n                <p-sortIcon\n                  [field]=\"'data.' + 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                }\n              </div>\n            </th>\n          }\n          @if (config.actions && config.actions.length > 0) {\n            <th [style.width]=\"'40px'\" ></th>\n          }\n        }\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     @if (!isTableRowExpanded) {\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     } @else {\n      <tr>\n          <td>\n            @if(isVisibleExpandTolggle(group)){\n              <button\n                type=\"button\"\n                pButton\n                pRipple\n                [pRowToggler]=\"group\"\n                class=\"p-button-text p-button-rounded p-button-plain icone\"\n                [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"\n              >\n              </button> \n              \n             }\n          </td>\n\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                  \n                  <span\n                    *ngIf=\"!isBooleanField(group, col); else booleanField\"\n                    [class]=\"returnRowClass(group, col)\"\n                  >\n                    @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\n                    \n                    <span class=\"text-xs\" >\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                } \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            }\n      </tr>\n    }\n\n\n      @if(expanded && !showTopHeader){\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]=\"\n              isAllGroupSelected(\n                config.fieldGroup || 0,\n                group[config.fieldGroup || 0]\n              )\n            \"\n            [indeterminate]=\"\n              isGroupIndeterminate(\n                config.fieldGroup || 0,\n                group[config.fieldGroup || 0]\n              )\n            \"\n            (click)=\"\n              selectGroup(\n                $event,\n                config.fieldGroup || 0,\n                group[config.fieldGroup || 0]\n              )\n            \"\n          />\n        </th>\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]=\"'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        } \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      @if (!isTableRowExpanded) {\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        } \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          } \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        } \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: 25px\"\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      }\n\n      @if (isTableRowExpanded) {\n\n        <tr>\n          <td\n            [attr.colspan]=\"columns.length + 2\"\n            style=\"text-align: start; border-radius: 10px !important\"\n          >\n            <div>\n              @if (getCustomTemplate(config.templateRowExpanded.name)) {\n              <ng-container\n                [ngTemplateOutlet]=\"getCustomTemplate(config.templateRowExpanded.name)\"\n                [ngTemplateOutletContext]=\"{ $implicit: group }\"\n              />\n              }\n            </div>\n          </td>\n        </tr>\n  \n   }\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\";tr{word-break:break-all}.tag{width:5px;height:20px;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;background-color:#fff}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{border-color:#004172;background:#004172}input[type=checkbox]:checked:hover{background-color:#002542}input[type=checkbox]:checked:active{background-color:#002542}input[type=checkbox]:checked:disabled{background-color:#002542;opacity:.4;cursor:auto}input[type=checkbox]:checked:after{opacity:1}::ng-deep .p-datatable.p-datatable-sm .p-datatable-header{padding:0rem}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea}.tr-td:hover{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;background-color:#fff;transition:color .3s,transform .3s;transform:scale(1)}.checkbox-container{width:25px!important}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transform:scale(1.2);transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}.btn-table{background-color:#29b92d;padding:12px}.btn-table:hover{background-color:#249a29}.btn-table:active{background-color:#1c801f}.btn-table:disabled{background-color:#29b92d}.icone{width:12px;height:2px}:host ::ng-deep .icone .pi{font-size:.7rem}\n"] }]
         }], ctorParameters: () => [{ type: i1.DatePipe }, { type: i1.DecimalPipe }, { type: CpfCnpjPipe }, { type: TelefonePipe }], propDecorators: { _templates: [{
                 type: Input,
                 args: ['templates']
@@ -8922,11 +8940,11 @@ class KvFilterFieldsetComponent {
         this.collapsedEvent.emit(this.isCollapsed);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterFieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterFieldsetComponent, selector: "kv-filter-fieldset", inputs: { isExpandable: "isExpandable" }, outputs: { collapsedEvent: "collapsedEvent" }, ngImport: i0, template: "<p-fieldset styleClass=\"p-0 mb-2\">\r\n  <ng-template pTemplate=\"header\">\r\n    @if(isExpandable) {\r\n    <div\r\n      class=\"flex flex-row align-items-center justify-content-center {{\r\n        isExpandable && 'cursor-pointer'\r\n      }}\"\r\n      (click)=\"toggleField()\"\r\n    >\r\n      <span\r\n        class=\"material-symbols-outlined flex align-items-center justify-content-center mr-1\"\r\n        style=\"font-size: 1.2rem\"\r\n      >\r\n        {{ isCollapsed ? \"remove\" : \"add\" }}\r\n      </span>\r\n\r\n      <span class=\"text-xs\"> Filtros </span>\r\n    </div>\r\n    } @if(!isExpandable) {\r\n    <span class=\"text-xs\"> Filtros </span>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-content></ng-content>\r\n</p-fieldset>\r\n", styles: ["::ng-deep .p-fieldset .p-fieldset-legend{padding:.1rem .1rem 0rem!important;margin-left:1rem}::ng-deep .p-fieldset .p-fieldset-legend{background-color:#fff;border:none}::ng-deep .p-fieldset .p-fieldset-legend:hover{background-color:#f5f5f5}::ng-deep .p-fieldset .p-fieldset-legend:active{background-color:#e0e0e0}::ng-deep .p-fieldset .p-fieldset-content{padding:0 .5rem .5rem}\n"], dependencies: [{ kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2$5.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterFieldsetComponent, selector: "kv-filter-fieldset", inputs: { isExpandable: "isExpandable" }, outputs: { collapsedEvent: "collapsedEvent" }, ngImport: i0, template: "<p-fieldset styleClass=\"p-0 mb-2\">\n  <ng-template pTemplate=\"header\">\n    @if(isExpandable) {\n    <div\n      class=\"flex flex-row align-items-center justify-content-center {{\n        isExpandable && 'cursor-pointer'\n      }}\"\n      (click)=\"toggleField()\"\n    >\n      <span\n        class=\"material-symbols-outlined flex align-items-center justify-content-center mr-1\"\n        style=\"font-size: 1.2rem\"\n      >\n        {{ isCollapsed ? \"remove\" : \"add\" }}\n      </span>\n\n      <span class=\"text-xs\"> Filtros </span>\n    </div>\n    } @if(!isExpandable) {\n    <span class=\"text-xs\"> Filtros </span>\n    }\n  </ng-template>\n\n  <ng-content></ng-content>\n</p-fieldset>\n", styles: ["::ng-deep .p-fieldset .p-fieldset-legend{padding:.1rem .1rem 0rem!important;margin-left:1rem}::ng-deep .p-fieldset .p-fieldset-legend{background-color:#fff;border:none}::ng-deep .p-fieldset .p-fieldset-legend:hover{background-color:#f5f5f5}::ng-deep .p-fieldset .p-fieldset-legend:active{background-color:#e0e0e0}::ng-deep .p-fieldset .p-fieldset-content{padding:0 .5rem .5rem}\n"], dependencies: [{ kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2$5.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterFieldsetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-filter-fieldset', standalone: false, template: "<p-fieldset styleClass=\"p-0 mb-2\">\r\n  <ng-template pTemplate=\"header\">\r\n    @if(isExpandable) {\r\n    <div\r\n      class=\"flex flex-row align-items-center justify-content-center {{\r\n        isExpandable && 'cursor-pointer'\r\n      }}\"\r\n      (click)=\"toggleField()\"\r\n    >\r\n      <span\r\n        class=\"material-symbols-outlined flex align-items-center justify-content-center mr-1\"\r\n        style=\"font-size: 1.2rem\"\r\n      >\r\n        {{ isCollapsed ? \"remove\" : \"add\" }}\r\n      </span>\r\n\r\n      <span class=\"text-xs\"> Filtros </span>\r\n    </div>\r\n    } @if(!isExpandable) {\r\n    <span class=\"text-xs\"> Filtros </span>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-content></ng-content>\r\n</p-fieldset>\r\n", styles: ["::ng-deep .p-fieldset .p-fieldset-legend{padding:.1rem .1rem 0rem!important;margin-left:1rem}::ng-deep .p-fieldset .p-fieldset-legend{background-color:#fff;border:none}::ng-deep .p-fieldset .p-fieldset-legend:hover{background-color:#f5f5f5}::ng-deep .p-fieldset .p-fieldset-legend:active{background-color:#e0e0e0}::ng-deep .p-fieldset .p-fieldset-content{padding:0 .5rem .5rem}\n"] }]
+            args: [{ selector: 'kv-filter-fieldset', standalone: false, template: "<p-fieldset styleClass=\"p-0 mb-2\">\n  <ng-template pTemplate=\"header\">\n    @if(isExpandable) {\n    <div\n      class=\"flex flex-row align-items-center justify-content-center {{\n        isExpandable && 'cursor-pointer'\n      }}\"\n      (click)=\"toggleField()\"\n    >\n      <span\n        class=\"material-symbols-outlined flex align-items-center justify-content-center mr-1\"\n        style=\"font-size: 1.2rem\"\n      >\n        {{ isCollapsed ? \"remove\" : \"add\" }}\n      </span>\n\n      <span class=\"text-xs\"> Filtros </span>\n    </div>\n    } @if(!isExpandable) {\n    <span class=\"text-xs\"> Filtros </span>\n    }\n  </ng-template>\n\n  <ng-content></ng-content>\n</p-fieldset>\n", styles: ["::ng-deep .p-fieldset .p-fieldset-legend{padding:.1rem .1rem 0rem!important;margin-left:1rem}::ng-deep .p-fieldset .p-fieldset-legend{background-color:#fff;border:none}::ng-deep .p-fieldset .p-fieldset-legend:hover{background-color:#f5f5f5}::ng-deep .p-fieldset .p-fieldset-legend:active{background-color:#e0e0e0}::ng-deep .p-fieldset .p-fieldset-content{padding:0 .5rem .5rem}\n"] }]
         }], propDecorators: { isExpandable: [{
                 type: Input
             }], collapsedEvent: [{
@@ -9001,11 +9019,11 @@ class KvFileViewerNovoComponent {
         this.xmlFormat = vkbeautify.xml(text);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFileViewerNovoComponent, deps: [{ token: i1$7.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvFileViewerNovoComponent, selector: "kv-file-viewer-novo", inputs: { arquivo: "arquivo", type: "type", blob: "blob", width: "width", height: "height" }, usesOnChanges: true, ngImport: i0, template: "<img class=\"img\" *ngIf=\"type.match('image')\" [src]=\"sanitizedPdfSrc\" />\r\n\r\n<iframe\r\n  class=\"txt-pdf\"\r\n  *ngIf=\"type == 'text/plain'\"\r\n  [src]=\"sanitizedPdfSrc\"\r\n  [width]=\"width\"\r\n  [height]=\"height\"\r\n>\r\n</iframe>\r\n\r\n<div *ngIf=\"xmlFormat\" class=\"txt-pdf xml-viewer\">\r\n  <pre lang=\"xml\">\r\n    {{ xmlFormat }}\r\n  </pre>\r\n</div>\r\n\r\n<pdf-viewer\r\n  class=\"txt-pdf-viewer\"\r\n  [src]=\"pdffile\"\r\n  *ngIf=\"type == 'application/pdf'\"\r\n  [rotation]=\"0\"\r\n  [original-size]=\"true\"\r\n  [show-all]=\"true\"\r\n  [fit-to-page]=\"true\"\r\n  [zoom]=\"1\"  \r\n  [stick-to-page]=\"false\"\r\n  [render-text]=\"true\"\r\n  [external-link-target]=\"'blank'\"\r\n  [autoresize]=\"true\"\r\n  [show-borders]=\"false\"\r\n  [ngStyle]=\"{ width: width, height: height }\"\r\n></pdf-viewer>\r\n\r\n", styles: [".img{width:100%;height:100%;overflow:auto}.txt-pdf-viewer{overflow:auto}.xml-viewer{overflow:auto;font-size:13px}.xml-viewer .tag{color:#6f517e}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$3.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvFileViewerNovoComponent, selector: "kv-file-viewer-novo", inputs: { arquivo: "arquivo", type: "type", blob: "blob", width: "width", height: "height" }, usesOnChanges: true, ngImport: i0, template: "<img class=\"img\" *ngIf=\"type.match('image')\" [src]=\"sanitizedPdfSrc\" />\n\n<iframe\n  class=\"txt-pdf\"\n  *ngIf=\"type == 'text/plain'\"\n  [src]=\"sanitizedPdfSrc\"\n  [width]=\"width\"\n  [height]=\"height\"\n>\n</iframe>\n\n<div *ngIf=\"xmlFormat\" class=\"txt-pdf xml-viewer\">\n  <pre lang=\"xml\">\n    {{ xmlFormat }}\n  </pre>\n</div>\n\n<pdf-viewer\n  class=\"txt-pdf-viewer\"\n  [src]=\"pdffile\"\n  *ngIf=\"type == 'application/pdf'\"\n  [rotation]=\"0\"\n  [original-size]=\"true\"\n  [show-all]=\"true\"\n  [fit-to-page]=\"true\"\n  [zoom]=\"1\"  \n  [stick-to-page]=\"false\"\n  [render-text]=\"true\"\n  [external-link-target]=\"'blank'\"\n  [autoresize]=\"true\"\n  [show-borders]=\"false\"\n  [ngStyle]=\"{ width: width, height: height }\"\n></pdf-viewer>\n\n", styles: [".img{width:100%;height:100%;overflow:auto}.txt-pdf-viewer{overflow:auto}.xml-viewer{overflow:auto;font-size:13px}.xml-viewer .tag{color:#6f517e}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$3.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFileViewerNovoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-file-viewer-novo', template: "<img class=\"img\" *ngIf=\"type.match('image')\" [src]=\"sanitizedPdfSrc\" />\r\n\r\n<iframe\r\n  class=\"txt-pdf\"\r\n  *ngIf=\"type == 'text/plain'\"\r\n  [src]=\"sanitizedPdfSrc\"\r\n  [width]=\"width\"\r\n  [height]=\"height\"\r\n>\r\n</iframe>\r\n\r\n<div *ngIf=\"xmlFormat\" class=\"txt-pdf xml-viewer\">\r\n  <pre lang=\"xml\">\r\n    {{ xmlFormat }}\r\n  </pre>\r\n</div>\r\n\r\n<pdf-viewer\r\n  class=\"txt-pdf-viewer\"\r\n  [src]=\"pdffile\"\r\n  *ngIf=\"type == 'application/pdf'\"\r\n  [rotation]=\"0\"\r\n  [original-size]=\"true\"\r\n  [show-all]=\"true\"\r\n  [fit-to-page]=\"true\"\r\n  [zoom]=\"1\"  \r\n  [stick-to-page]=\"false\"\r\n  [render-text]=\"true\"\r\n  [external-link-target]=\"'blank'\"\r\n  [autoresize]=\"true\"\r\n  [show-borders]=\"false\"\r\n  [ngStyle]=\"{ width: width, height: height }\"\r\n></pdf-viewer>\r\n\r\n", styles: [".img{width:100%;height:100%;overflow:auto}.txt-pdf-viewer{overflow:auto}.xml-viewer{overflow:auto;font-size:13px}.xml-viewer .tag{color:#6f517e}\n"] }]
+            args: [{ selector: 'kv-file-viewer-novo', template: "<img class=\"img\" *ngIf=\"type.match('image')\" [src]=\"sanitizedPdfSrc\" />\n\n<iframe\n  class=\"txt-pdf\"\n  *ngIf=\"type == 'text/plain'\"\n  [src]=\"sanitizedPdfSrc\"\n  [width]=\"width\"\n  [height]=\"height\"\n>\n</iframe>\n\n<div *ngIf=\"xmlFormat\" class=\"txt-pdf xml-viewer\">\n  <pre lang=\"xml\">\n    {{ xmlFormat }}\n  </pre>\n</div>\n\n<pdf-viewer\n  class=\"txt-pdf-viewer\"\n  [src]=\"pdffile\"\n  *ngIf=\"type == 'application/pdf'\"\n  [rotation]=\"0\"\n  [original-size]=\"true\"\n  [show-all]=\"true\"\n  [fit-to-page]=\"true\"\n  [zoom]=\"1\"  \n  [stick-to-page]=\"false\"\n  [render-text]=\"true\"\n  [external-link-target]=\"'blank'\"\n  [autoresize]=\"true\"\n  [show-borders]=\"false\"\n  [ngStyle]=\"{ width: width, height: height }\"\n></pdf-viewer>\n\n", styles: [".img{width:100%;height:100%;overflow:auto}.txt-pdf-viewer{overflow:auto}.xml-viewer{overflow:auto;font-size:13px}.xml-viewer .tag{color:#6f517e}\n"] }]
         }], ctorParameters: () => [{ type: i1$7.DomSanitizer }], propDecorators: { arquivo: [{
                 type: Input
             }], type: [{
@@ -9545,11 +9563,11 @@ class KvFileUploadComponent {
         return types.slice(0, -2); // Remove a última vírgula e espaço
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFileUploadComponent, deps: [{ token: NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFileUploadComponent, selector: "kv-file-upload", inputs: { formGroup: "formGroup", formControlName: "formControlName", widthComponent: "widthComponent", heightComponent: "heightComponent", description: "description", validFileTypes: "validFileTypes", tamanhoMaximoPermitido: "tamanhoMaximoPermitido", includeOfficeTypes: "includeOfficeTypes" }, outputs: { fileEmit: "fileEmit", removeFileEmit: "removeFileEmit" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "inputUpload", first: true, predicate: ["inputUpload"], descendants: true }], ngImport: i0, template: "<div\r\n    *ngIf=\"formGroup\"\r\n    [ngClass]=\"{'invalid-border': formGroup && formControlName && formGroup.controls[formControlName].invalid && formGroup.controls[formControlName].touched}\"\r\n    class=\"border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\r\n    (dragover)=\"onDragOver($event)\"\r\n    (dragleave)=\"onDragLeave($event)\"\r\n    (drop)=\"onDrop($event)\"\r\n    [style.width]=\"widthComponent\"\r\n    [style.height]=\"heightComponent\">\r\n\r\n  <div class=\"field col-12 flex justify-content-center align-items-center flex-column\">\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 type=\"file\" (change)=\"onFileSelected($event)\" #fileInput [accept]=\"setAccept()\" hidden/>\r\n\r\n      @if(formGroup && formControlName && !formGroup.controls[formControlName].value) {\r\n        <div class=\"flex flex-column align-items-center justify-content-center\">\r\n          @if(tamanhoMaximoPermitido) {\r\n            <p class=\"w-full text-start\">Tamanho maximo permitido ( {{tamanhoMaximoPermitido}} )*</p>\r\n          }\r\n            <span class=\"material-symbols-outlined mt-2\" style=\"font-size: 3rem;\">\r\n                cloud_upload\r\n            </span>\r\n\r\n            @if(description) {  \r\n                <p class=\"font-semibold text-center\">{{description}}</p>\r\n            } @else {\r\n                <p class=\"font-semibold text-center\">Arraste e solte o arquivo aqui, ou<br>clique para selecion\u00E1-lo</p>\r\n            }\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    @if(formGroup && formControlName && formGroup.controls[formControlName].value) {\r\n      <div class=\"flex flex-column\">\r\n          <span class=\"font-semibold\" style=\"padding: 10px;\">Arquivo Selecionado:</span>\r\n          <div class=\"flex flex-row\">\r\n              <span style=\"padding: 10px;\">{{ formGroup.controls[formControlName].value?.name }}</span>\r\n              <span style=\"padding: 10px;\">({{ formatBytes(formGroup.controls[formControlName].value?.size) }})</span>\r\n              <i  style=\"padding: 10px; margin-left: 10px;\"\r\n                  pTooltip=\"Excluir arquivo\"\r\n                  class=\"border-solid border-1 border-round-sm border-gray-400 pi pi-trash delete cursor-pointer\"\r\n                  (click)=\"deleteFile()\"\r\n              ></i>\r\n          </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n@if (formGroup && formControlName && formGroup.controls[formControlName].invalid && formGroup.controls[formControlName].touched)  {\r\n  <p class=\"error-message\">Campo obrigat\u00F3rio</p>\r\n}\r\n", styles: [".invalid-border{border:2px dashed red!important}.error-message{color:#ff0e0e;font-size:12px!important;margin-top:.1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: KvFileUploadComponent, selector: "kv-file-upload", inputs: { formGroup: "formGroup", formControlName: "formControlName", widthComponent: "widthComponent", heightComponent: "heightComponent", description: "description", validFileTypes: "validFileTypes", tamanhoMaximoPermitido: "tamanhoMaximoPermitido", includeOfficeTypes: "includeOfficeTypes" }, outputs: { fileEmit: "fileEmit", removeFileEmit: "removeFileEmit" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "inputUpload", first: true, predicate: ["inputUpload"], descendants: true }], ngImport: i0, template: "<div\n    *ngIf=\"formGroup\"\n    [ngClass]=\"{'invalid-border': formGroup && formControlName && formGroup.controls[formControlName].invalid && formGroup.controls[formControlName].touched}\"\n    class=\"border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\n    (dragover)=\"onDragOver($event)\"\n    (dragleave)=\"onDragLeave($event)\"\n    (drop)=\"onDrop($event)\"\n    [style.width]=\"widthComponent\"\n    [style.height]=\"heightComponent\">\n\n  <div class=\"field col-12 flex justify-content-center align-items-center flex-column\">\n    <div\n      class=\"w-full flex align-items-center justify-content-center\"\n      style=\"cursor: pointer;\"\n      (click)=\"fileInput.click()\">\n\n      <input type=\"file\" (change)=\"onFileSelected($event)\" #fileInput [accept]=\"setAccept()\" hidden/>\n\n      @if(formGroup && formControlName && !formGroup.controls[formControlName].value) {\n        <div class=\"flex flex-column align-items-center justify-content-center\">\n          @if(tamanhoMaximoPermitido) {\n            <p class=\"w-full text-start\">Tamanho maximo permitido ( {{tamanhoMaximoPermitido}} )*</p>\n          }\n            <span class=\"material-symbols-outlined mt-2\" style=\"font-size: 3rem;\">\n                cloud_upload\n            </span>\n\n            @if(description) {  \n                <p class=\"font-semibold text-center\">{{description}}</p>\n            } @else {\n                <p class=\"font-semibold text-center\">Arraste e solte o arquivo aqui, ou<br>clique para selecion\u00E1-lo</p>\n            }\n        </div>\n      }\n    </div>\n\n    @if(formGroup && formControlName && formGroup.controls[formControlName].value) {\n      <div class=\"flex flex-column\">\n          <span class=\"font-semibold\" style=\"padding: 10px;\">Arquivo Selecionado:</span>\n          <div class=\"flex flex-row\">\n              <span style=\"padding: 10px;\">{{ formGroup.controls[formControlName].value?.name }}</span>\n              <span style=\"padding: 10px;\">({{ formatBytes(formGroup.controls[formControlName].value?.size) }})</span>\n              <i  style=\"padding: 10px; margin-left: 10px;\"\n                  pTooltip=\"Excluir arquivo\"\n                  class=\"border-solid border-1 border-round-sm border-gray-400 pi pi-trash delete cursor-pointer\"\n                  (click)=\"deleteFile()\"\n              ></i>\n          </div>\n      </div>\n    }\n  </div>\n</div>\n\n@if (formGroup && formControlName && formGroup.controls[formControlName].invalid && formGroup.controls[formControlName].touched)  {\n  <p class=\"error-message\">Campo obrigat\u00F3rio</p>\n}\n", styles: [".invalid-border{border:2px dashed red!important}.error-message{color:#ff0e0e;font-size:12px!important;margin-top:.1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFileUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-file-upload', template: "<div\r\n    *ngIf=\"formGroup\"\r\n    [ngClass]=\"{'invalid-border': formGroup && formControlName && formGroup.controls[formControlName].invalid && formGroup.controls[formControlName].touched}\"\r\n    class=\"border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\r\n    (dragover)=\"onDragOver($event)\"\r\n    (dragleave)=\"onDragLeave($event)\"\r\n    (drop)=\"onDrop($event)\"\r\n    [style.width]=\"widthComponent\"\r\n    [style.height]=\"heightComponent\">\r\n\r\n  <div class=\"field col-12 flex justify-content-center align-items-center flex-column\">\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 type=\"file\" (change)=\"onFileSelected($event)\" #fileInput [accept]=\"setAccept()\" hidden/>\r\n\r\n      @if(formGroup && formControlName && !formGroup.controls[formControlName].value) {\r\n        <div class=\"flex flex-column align-items-center justify-content-center\">\r\n          @if(tamanhoMaximoPermitido) {\r\n            <p class=\"w-full text-start\">Tamanho maximo permitido ( {{tamanhoMaximoPermitido}} )*</p>\r\n          }\r\n            <span class=\"material-symbols-outlined mt-2\" style=\"font-size: 3rem;\">\r\n                cloud_upload\r\n            </span>\r\n\r\n            @if(description) {  \r\n                <p class=\"font-semibold text-center\">{{description}}</p>\r\n            } @else {\r\n                <p class=\"font-semibold text-center\">Arraste e solte o arquivo aqui, ou<br>clique para selecion\u00E1-lo</p>\r\n            }\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    @if(formGroup && formControlName && formGroup.controls[formControlName].value) {\r\n      <div class=\"flex flex-column\">\r\n          <span class=\"font-semibold\" style=\"padding: 10px;\">Arquivo Selecionado:</span>\r\n          <div class=\"flex flex-row\">\r\n              <span style=\"padding: 10px;\">{{ formGroup.controls[formControlName].value?.name }}</span>\r\n              <span style=\"padding: 10px;\">({{ formatBytes(formGroup.controls[formControlName].value?.size) }})</span>\r\n              <i  style=\"padding: 10px; margin-left: 10px;\"\r\n                  pTooltip=\"Excluir arquivo\"\r\n                  class=\"border-solid border-1 border-round-sm border-gray-400 pi pi-trash delete cursor-pointer\"\r\n                  (click)=\"deleteFile()\"\r\n              ></i>\r\n          </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n@if (formGroup && formControlName && formGroup.controls[formControlName].invalid && formGroup.controls[formControlName].touched)  {\r\n  <p class=\"error-message\">Campo obrigat\u00F3rio</p>\r\n}\r\n", styles: [".invalid-border{border:2px dashed red!important}.error-message{color:#ff0e0e;font-size:12px!important;margin-top:.1rem}\n"] }]
+            args: [{ selector: 'kv-file-upload', template: "<div\n    *ngIf=\"formGroup\"\n    [ngClass]=\"{'invalid-border': formGroup && formControlName && formGroup.controls[formControlName].invalid && formGroup.controls[formControlName].touched}\"\n    class=\"border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\n    (dragover)=\"onDragOver($event)\"\n    (dragleave)=\"onDragLeave($event)\"\n    (drop)=\"onDrop($event)\"\n    [style.width]=\"widthComponent\"\n    [style.height]=\"heightComponent\">\n\n  <div class=\"field col-12 flex justify-content-center align-items-center flex-column\">\n    <div\n      class=\"w-full flex align-items-center justify-content-center\"\n      style=\"cursor: pointer;\"\n      (click)=\"fileInput.click()\">\n\n      <input type=\"file\" (change)=\"onFileSelected($event)\" #fileInput [accept]=\"setAccept()\" hidden/>\n\n      @if(formGroup && formControlName && !formGroup.controls[formControlName].value) {\n        <div class=\"flex flex-column align-items-center justify-content-center\">\n          @if(tamanhoMaximoPermitido) {\n            <p class=\"w-full text-start\">Tamanho maximo permitido ( {{tamanhoMaximoPermitido}} )*</p>\n          }\n            <span class=\"material-symbols-outlined mt-2\" style=\"font-size: 3rem;\">\n                cloud_upload\n            </span>\n\n            @if(description) {  \n                <p class=\"font-semibold text-center\">{{description}}</p>\n            } @else {\n                <p class=\"font-semibold text-center\">Arraste e solte o arquivo aqui, ou<br>clique para selecion\u00E1-lo</p>\n            }\n        </div>\n      }\n    </div>\n\n    @if(formGroup && formControlName && formGroup.controls[formControlName].value) {\n      <div class=\"flex flex-column\">\n          <span class=\"font-semibold\" style=\"padding: 10px;\">Arquivo Selecionado:</span>\n          <div class=\"flex flex-row\">\n              <span style=\"padding: 10px;\">{{ formGroup.controls[formControlName].value?.name }}</span>\n              <span style=\"padding: 10px;\">({{ formatBytes(formGroup.controls[formControlName].value?.size) }})</span>\n              <i  style=\"padding: 10px; margin-left: 10px;\"\n                  pTooltip=\"Excluir arquivo\"\n                  class=\"border-solid border-1 border-round-sm border-gray-400 pi pi-trash delete cursor-pointer\"\n                  (click)=\"deleteFile()\"\n              ></i>\n          </div>\n      </div>\n    }\n  </div>\n</div>\n\n@if (formGroup && formControlName && formGroup.controls[formControlName].invalid && formGroup.controls[formControlName].touched)  {\n  <p class=\"error-message\">Campo obrigat\u00F3rio</p>\n}\n", styles: [".invalid-border{border:2px dashed red!important}.error-message{color:#ff0e0e;font-size:12px!important;margin-top:.1rem}\n"] }]
         }], ctorParameters: () => [{ type: NotificationService }], propDecorators: { formGroup: [{
                 type: Input
             }], formControlName: [{
@@ -9615,11 +9633,11 @@ class KvReportComponent {
         Stimulsoft.Base.StiLicense.key = this.stimulSoftLicenseKey;
     }
     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" }, ngImport: i0, template: "<div class='container'>\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%}\n"] }); }
+    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" }, ngImport: i0, template: "<div class='container'>\n  <div id='viewer'></div>\n</div>\n", styles: [":host{display:block;height:100%}.container{height:100%;margin:10px}.container .viewer{height:100%}\n"] }); }
 }
 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 id='viewer'></div>\r\n</div>\r\n", styles: [":host{display:block;height:100%}.container{height:100%;margin:10px}.container .viewer{height:100%}\n"] }]
+            args: [{ selector: 'kv-report', template: "<div class='container'>\n  <div id='viewer'></div>\n</div>\n", styles: [":host{display:block;height:100%}.container{height:100%;margin:10px}.container .viewer{height:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { dataReport: [{
                 type: Input
             }], dataReportAlias: [{
@@ -9760,11 +9778,11 @@ class KvContentViewerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvContentViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvContentViewerComponent, selector: "kv-content-viewer", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, arquivo: { classPropertyName: "arquivo", publicName: "arquivo", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, blob: { classPropertyName: "blob", publicName: "blob", isSignal: true, isRequired: false, transformFunction: null }, ekpContent: { classPropertyName: "ekpContent", publicName: "ekpContent", isSignal: true, isRequired: false, transformFunction: null }, extencaoDocumento: { classPropertyName: "extencaoDocumento", publicName: "extencaoDocumento", isSignal: false, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: false, isRequired: false, transformFunction: null }, visualizadorDocumentos: { classPropertyName: "visualizadorDocumentos", publicName: "visualizadorDocumentos", isSignal: false, isRequired: false, transformFunction: null }, cardTemplate: { classPropertyName: "cardTemplate", publicName: "cardTemplate", isSignal: false, isRequired: false, transformFunction: null }, contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: false, isRequired: false, transformFunction: null }, noDocumentSelectedTemplate: { classPropertyName: "noDocumentSelectedTemplate", publicName: "noDocumentSelectedTemplate", isSignal: false, isRequired: false, transformFunction: null }, noDocumentListTemplate: { classPropertyName: "noDocumentListTemplate", publicName: "noDocumentListTemplate", isSignal: false, isRequired: false, transformFunction: null }, indvisualizado: { classPropertyName: "indvisualizado", publicName: "indvisualizado", isSignal: false, isRequired: false, transformFunction: null }, btnTelaCheia: { classPropertyName: "btnTelaCheia", publicName: "btnTelaCheia", isSignal: false, isRequired: false, transformFunction: null }, isLoadingSkeleton: { classPropertyName: "isLoadingSkeleton", publicName: "isLoadingSkeleton", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onScrollHandler: "onScrollHandler", onSelectFile: "onSelectFile" }, ngImport: i0, template: "<div class=\"flex flex-column md:flex-row gap-2 mt-3 custom-max-height\" style=\"height: 100%;\">\r\n  <!-- Lista de documentos -->\r\n  <div\r\n    class=\"card-perfil col-12 md:col-4 lg:col-3\"\r\n    (scroll)=\"scrollHandler($event)\"\r\n    [ngClass]=\"{\r\n      'overflow-y-scroll': dataSource().length > 0,\r\n      'overflow-y-hidden': dataSource().length === 0\r\n    }\"\r\n    style=\"position: relative; height: 100%; min-height: 15rem;\"\r\n  >\r\n    <div *ngIf=\"dataSource().length > 0; else emptyDocumentList\" class=\"col-12\">\r\n      <!-- Lista de cards -->\r\n      <div\r\n        *ngFor=\"let option of dataSource(); trackBy: trackByFn\"\r\n        class=\"card-normal outline-none border-round-xl w-full p-2 m-1 grid p-fluid flex flex-row flex-nowrap align-items-center justify-content-center cursor-pointer\"\r\n        (click)=\"visualizarPreview(option)\"\r\n        [ngClass]=\"{\r\n    'card-naoVisualizado': !isVisualizado(option),\r\n    'card-selected': option === arquivoPreview(),\r\n    'card-normal': option !== arquivoPreview(),\r\n   }\"\r\n      >\r\n        <div class=\"flex flex-grow-1 ml-2 flex-column gap-1 m-0 p-0 overflow-hidden text-overflow-ellipsis \" style=\"max-width: 100%;\">\r\n          <ng-container *ngIf=\"cardTemplate; else defaultTemplate\">\r\n            <ng-container\r\n              *ngTemplateOutlet=\"cardTemplate; context: { $implicit: option }\"\r\n            ></ng-container>\r\n          </ng-container>\r\n        </div>\r\n        <ng-template #defaultTemplate>\r\n          <div class=\"card-common-style default-card\">\r\n            <h1 class=\"font-bold text-base p-0 m-0\">Bem-vindo!</h1>\r\n            <p class=\"text-sm mt-2\">\r\n              Kv-file-preview aguardando um template... \r\n            </p>\r\n            <p class=\"font-bold text-sm p-0 m-0\">Data: {{ todayDate() }}</p>\r\n          </div>\r\n        </ng-template>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <ng-template #emptyDocumentList>\r\n\r\n      @if(isLoadingSkeleton){\r\n        <p-skeleton *ngFor=\"let i of [1, 2, 3, 4, 5, 6, 7, 8, 9]\"></p-skeleton>\r\n      }\r\n\r\n      @if(!noDocumentListTemplate) {\r\n      <div class=\"text-center text-gray-600 mt-4 m-3\" style=\"height: 100%\">\r\n        <div class=\" flex align-items-center gap-1\">\r\n          <span class=\"material-symbols-outlined\"> inbox </span>\r\n          <p>Nenhum documento dispon\u00EDvel.</p>\r\n        </div>\r\n      </div>\r\n      } @else {\r\n      <div class=\"text-center mt-4 m-3\" style=\"height: 100%\">\r\n        <ng-container *ngTemplateOutlet=\"noDocumentListTemplate\"></ng-container>\r\n      </div>\r\n      }\r\n    </ng-template>\r\n\r\n    <!-- Contador de documentos - Fixo na parte inferior -->\r\n    <div\r\n      class=\"sticky-counter flex flex-row flex-1 px-2 justify-content-center p-2\"\r\n      style=\"position: sticky; bottom: -10px; background-color: white\"\r\n    >\r\n      <span>{{ totalItensCarregado() }} de {{ totalRecords }}</span>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Visualizador -->\r\n<div id=\"fullscreenDiv\" class=\"card-perfil col-12 md:col-8 lg:col-9\" style=\"position: relative; height: 100%;\"\r\n  [ngStyle]=\"{\r\n    'overflow-y': arquivoPreview() ? 'auto' : 'hidden'\r\n  }\">\r\n  @if(btnTelaCheia)\r\n  {\r\n    <div class=\"grid\">\r\n      <div class=\"col\"></div>\r\n      <span id=\"fullscreenBtn\" (click)=\"alternarTelaCheia()\" class=\"material-symbols-outlined p-2 text-xl cursor-pointer\">\r\n        open_in_full\r\n      </span>\r\n    </div>\r\n  }\r\n  @if(visualizadorDocumentos) {\r\n    <ng-container *ngIf=\"arquivo(); else noDocumentSelected\">\r\n      @if(isLoading) {\r\n      <ngx-loading\r\n        [show]=\"isLoading\"\r\n        [config]=\"{ backdropBorderRadius: '3px', fullScreenBackdrop: false }\"\r\n      ></ngx-loading>\r\n      }\r\n      <kv-file-viewer-novo\r\n      *ngIf=\"extencaoDocumento !== 'ekp'\"\r\n        [arquivo]=\"arquivo()!\"\r\n        [type]=\"type()!\"\r\n        [blob]=\"blob()!\"\r\n        [width]=\"'100%'\" \r\n        [height]=\"'100%'\"\r\n        class=\"file-viewer\"\r\n        style=\"max-height: 100%;\"\r\n      >\r\n      </kv-file-viewer-novo>\r\n\r\n      <div\r\n        id=\"html-content\"\r\n        [innerHTML]=\"ekpContent()\"\r\n        *ngIf=\"extencaoDocumento === 'ekp'\"\r\n        class=\"ekp-content\"\r\n        style=\"overflow-y: auto; max-height: 100%;\"\r\n      ></div>\r\n    </ng-container>\r\n  } @else {\r\n    <ng-container *ngIf=\"arquivoPreview(); else noDocumentSelected\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          contentTemplate;\r\n          context: { $implicit: arquivoPreview() }\r\n        \"\r\n        style=\"overflow-y: auto; max-height: 100%;\"\r\n      ></ng-container>\r\n    </ng-container>\r\n  }\r\n  <ng-template #noDocumentSelected>\r\n    @if(!noDocumentSelectedTemplate) {\r\n    <div\r\n      class=\"no-document-message flex flex-column align-items-center justify-content-center\"\r\n      style=\"height: 100%; overflow-y: auto;\"\r\n    >\r\n      <p class=\"text-center text-gray-500\">\r\n        Selecione um arquivo para visualiza\u00E7\u00E3o\r\n      </p>\r\n      <img\r\n        [src]=\"\r\n          'https://work-assets.keevo.com.br/img/Digital_personal_files-pana_3.png'\r\n        \"\r\n        style=\"max-height: 50%; margin-top: 2rem;\"\r\n        alt=\"\"\r\n      />\r\n    </div>\r\n    } @else {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"noDocumentSelectedTemplate\"\r\n    ></ng-container>\r\n    }\r\n  </ng-template>\r\n</div>\r\n\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.farol-statuspublicacao{margin-right:.5rem;width:.35rem;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem}:host ::ng-deep .p-sidebar{border-radius:5px;position:absolute;height:var(--sidebar-height)}:host ::ng-deep .p-sidebar .p-sidebar-content{overflow:auto;border:1px solid #e5e7eb;border-radius:5px;margin-top:1rem}.card-perfil{border:1.5px solid #CBD5E1;background:#fff;border-radius:6px;max-height:100%}:host ::ng-deep .p-fieldset .p-fieldset-content{padding-bottom:0}:host ::ng-deep .p-sidebar .p-sidebar-close{display:none}.card-normal{border:1.5px solid #CBD5E1}.card-naoVisualizado{border-left:4px solid #e6671f!important}.parent-container{height:100%;display:flex;flex-direction:column}.file-viewer{margin:auto}.ekp-content{min-height:20rem;padding:1rem;overflow-y:auto;border-radius:5px}ngx-loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}.card{transition:all .3s ease;border:1px solid transparent}.card-normal:hover{border:1px solid #a9a9a9;box-shadow:0 4px 8px #0000001a}.card-selected{background-color:#f0f0f0;border:1px solid #c0c0c0;box-shadow:0 6px 12px #00000026;transform:scale(1.02)}:host ::ng-deep .p-skeleton{height:5rem!important;border-radius:1rem;margin-top:.5rem}.loading-spinner{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.5rem;color:#666}#html-content{width:100%;height:100%;overflow-y:auto}:host ::ng-deep .list-card-button .kv-button{width:22px;height:22px}:host ::ng-deep .list-card-button .kv-button .material-symbols-outlined.only-icon.icon-normal[_ngcontent-ng-c4083184952]{font-size:1rem}.download-icon{font-size:20px;cursor:pointer;transition:transform .3s ease,color .3s ease}.download-icon:hover{color:#0f6cbd;transform:scale(1.2)}\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i10.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: KvFileViewerNovoComponent, selector: "kv-file-viewer-novo", inputs: ["arquivo", "type", "blob", "width", "height"] }, { kind: "component", type: i1$5.NgxLoadingComponent, selector: "ngx-loading", inputs: ["show", "config", "template"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvContentViewerComponent, selector: "kv-content-viewer", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, arquivo: { classPropertyName: "arquivo", publicName: "arquivo", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, blob: { classPropertyName: "blob", publicName: "blob", isSignal: true, isRequired: false, transformFunction: null }, ekpContent: { classPropertyName: "ekpContent", publicName: "ekpContent", isSignal: true, isRequired: false, transformFunction: null }, extencaoDocumento: { classPropertyName: "extencaoDocumento", publicName: "extencaoDocumento", isSignal: false, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: false, isRequired: false, transformFunction: null }, visualizadorDocumentos: { classPropertyName: "visualizadorDocumentos", publicName: "visualizadorDocumentos", isSignal: false, isRequired: false, transformFunction: null }, cardTemplate: { classPropertyName: "cardTemplate", publicName: "cardTemplate", isSignal: false, isRequired: false, transformFunction: null }, contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: false, isRequired: false, transformFunction: null }, noDocumentSelectedTemplate: { classPropertyName: "noDocumentSelectedTemplate", publicName: "noDocumentSelectedTemplate", isSignal: false, isRequired: false, transformFunction: null }, noDocumentListTemplate: { classPropertyName: "noDocumentListTemplate", publicName: "noDocumentListTemplate", isSignal: false, isRequired: false, transformFunction: null }, indvisualizado: { classPropertyName: "indvisualizado", publicName: "indvisualizado", isSignal: false, isRequired: false, transformFunction: null }, btnTelaCheia: { classPropertyName: "btnTelaCheia", publicName: "btnTelaCheia", isSignal: false, isRequired: false, transformFunction: null }, isLoadingSkeleton: { classPropertyName: "isLoadingSkeleton", publicName: "isLoadingSkeleton", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onScrollHandler: "onScrollHandler", onSelectFile: "onSelectFile" }, ngImport: i0, template: "<div class=\"flex flex-column md:flex-row gap-2 mt-3 custom-max-height\" style=\"height: 100%;\">\n  <!-- Lista de documentos -->\n  <div\n    class=\"card-perfil col-12 md:col-4 lg:col-3\"\n    (scroll)=\"scrollHandler($event)\"\n    [ngClass]=\"{\n      'overflow-y-scroll': dataSource().length > 0,\n      'overflow-y-hidden': dataSource().length === 0\n    }\"\n    style=\"position: relative; height: 100%; min-height: 15rem;\"\n  >\n    <div *ngIf=\"dataSource().length > 0; else emptyDocumentList\" class=\"col-12\">\n      <!-- Lista de cards -->\n      <div\n        *ngFor=\"let option of dataSource(); trackBy: trackByFn\"\n        class=\"card-normal outline-none border-round-xl w-full p-2 m-1 grid p-fluid flex flex-row flex-nowrap align-items-center justify-content-center cursor-pointer\"\n        (click)=\"visualizarPreview(option)\"\n        [ngClass]=\"{\n    'card-naoVisualizado': !isVisualizado(option),\n    'card-selected': option === arquivoPreview(),\n    'card-normal': option !== arquivoPreview(),\n   }\"\n      >\n        <div class=\"flex flex-grow-1 ml-2 flex-column gap-1 m-0 p-0 overflow-hidden text-overflow-ellipsis \" style=\"max-width: 100%;\">\n          <ng-container *ngIf=\"cardTemplate; else defaultTemplate\">\n            <ng-container\n              *ngTemplateOutlet=\"cardTemplate; context: { $implicit: option }\"\n            ></ng-container>\n          </ng-container>\n        </div>\n        <ng-template #defaultTemplate>\n          <div class=\"card-common-style default-card\">\n            <h1 class=\"font-bold text-base p-0 m-0\">Bem-vindo!</h1>\n            <p class=\"text-sm mt-2\">\n              Kv-file-preview aguardando um template... \n            </p>\n            <p class=\"font-bold text-sm p-0 m-0\">Data: {{ todayDate() }}</p>\n          </div>\n        </ng-template>\n      </div>\n\n    </div>\n\n    <ng-template #emptyDocumentList>\n\n      @if(isLoadingSkeleton){\n        <p-skeleton *ngFor=\"let i of [1, 2, 3, 4, 5, 6, 7, 8, 9]\"></p-skeleton>\n      }\n\n      @if(!noDocumentListTemplate) {\n      <div class=\"text-center text-gray-600 mt-4 m-3\" style=\"height: 100%\">\n        <div class=\" flex align-items-center gap-1\">\n          <span class=\"material-symbols-outlined\"> inbox </span>\n          <p>Nenhum documento dispon\u00EDvel.</p>\n        </div>\n      </div>\n      } @else {\n      <div class=\"text-center mt-4 m-3\" style=\"height: 100%\">\n        <ng-container *ngTemplateOutlet=\"noDocumentListTemplate\"></ng-container>\n      </div>\n      }\n    </ng-template>\n\n    <!-- Contador de documentos - Fixo na parte inferior -->\n    <div\n      class=\"sticky-counter flex flex-row flex-1 px-2 justify-content-center p-2\"\n      style=\"position: sticky; bottom: -10px; background-color: white\"\n    >\n      <span>{{ totalItensCarregado() }} de {{ totalRecords }}</span>\n    </div>\n  </div>\n\n  <!-- Visualizador -->\n<div id=\"fullscreenDiv\" class=\"card-perfil col-12 md:col-8 lg:col-9\" style=\"position: relative; height: 100%;\"\n  [ngStyle]=\"{\n    'overflow-y': arquivoPreview() ? 'auto' : 'hidden'\n  }\">\n  @if(btnTelaCheia)\n  {\n    <div class=\"grid\">\n      <div class=\"col\"></div>\n      <span id=\"fullscreenBtn\" (click)=\"alternarTelaCheia()\" class=\"material-symbols-outlined p-2 text-xl cursor-pointer\">\n        open_in_full\n      </span>\n    </div>\n  }\n  @if(visualizadorDocumentos) {\n    <ng-container *ngIf=\"arquivo(); else noDocumentSelected\">\n      @if(isLoading) {\n      <ngx-loading\n        [show]=\"isLoading\"\n        [config]=\"{ backdropBorderRadius: '3px', fullScreenBackdrop: false }\"\n      ></ngx-loading>\n      }\n      <kv-file-viewer-novo\n      *ngIf=\"extencaoDocumento !== 'ekp'\"\n        [arquivo]=\"arquivo()!\"\n        [type]=\"type()!\"\n        [blob]=\"blob()!\"\n        [width]=\"'100%'\" \n        [height]=\"'100%'\"\n        class=\"file-viewer\"\n        style=\"max-height: 100%;\"\n      >\n      </kv-file-viewer-novo>\n\n      <div\n        id=\"html-content\"\n        [innerHTML]=\"ekpContent()\"\n        *ngIf=\"extencaoDocumento === 'ekp'\"\n        class=\"ekp-content\"\n        style=\"overflow-y: auto; max-height: 100%;\"\n      ></div>\n    </ng-container>\n  } @else {\n    <ng-container *ngIf=\"arquivoPreview(); else noDocumentSelected\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          contentTemplate;\n          context: { $implicit: arquivoPreview() }\n        \"\n        style=\"overflow-y: auto; max-height: 100%;\"\n      ></ng-container>\n    </ng-container>\n  }\n  <ng-template #noDocumentSelected>\n    @if(!noDocumentSelectedTemplate) {\n    <div\n      class=\"no-document-message flex flex-column align-items-center justify-content-center\"\n      style=\"height: 100%; overflow-y: auto;\"\n    >\n      <p class=\"text-center text-gray-500\">\n        Selecione um arquivo para visualiza\u00E7\u00E3o\n      </p>\n      <img\n        [src]=\"\n          'https://work-assets.keevo.com.br/img/Digital_personal_files-pana_3.png'\n        \"\n        style=\"max-height: 50%; margin-top: 2rem;\"\n        alt=\"\"\n      />\n    </div>\n    } @else {\n    <ng-container\n      *ngTemplateOutlet=\"noDocumentSelectedTemplate\"\n    ></ng-container>\n    }\n  </ng-template>\n</div>\n\n</div>\n", styles: ["@charset \"UTF-8\";.farol-statuspublicacao{margin-right:.5rem;width:.35rem;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem}:host ::ng-deep .p-sidebar{border-radius:5px;position:absolute;height:var(--sidebar-height)}:host ::ng-deep .p-sidebar .p-sidebar-content{overflow:auto;border:1px solid #e5e7eb;border-radius:5px;margin-top:1rem}.card-perfil{border:1.5px solid #CBD5E1;background:#fff;border-radius:6px;max-height:100%}:host ::ng-deep .p-fieldset .p-fieldset-content{padding-bottom:0}:host ::ng-deep .p-sidebar .p-sidebar-close{display:none}.card-normal{border:1.5px solid #CBD5E1}.card-naoVisualizado{border-left:4px solid #e6671f!important}.parent-container{height:100%;display:flex;flex-direction:column}.file-viewer{margin:auto}.ekp-content{min-height:20rem;padding:1rem;overflow-y:auto;border-radius:5px}ngx-loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}.card{transition:all .3s ease;border:1px solid transparent}.card-normal:hover{border:1px solid #a9a9a9;box-shadow:0 4px 8px #0000001a}.card-selected{background-color:#f0f0f0;border:1px solid #c0c0c0;box-shadow:0 6px 12px #00000026;transform:scale(1.02)}:host ::ng-deep .p-skeleton{height:5rem!important;border-radius:1rem;margin-top:.5rem}.loading-spinner{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.5rem;color:#666}#html-content{width:100%;height:100%;overflow-y:auto}:host ::ng-deep .list-card-button .kv-button{width:22px;height:22px}:host ::ng-deep .list-card-button .kv-button .material-symbols-outlined.only-icon.icon-normal[_ngcontent-ng-c4083184952]{font-size:1rem}.download-icon{font-size:20px;cursor:pointer;transition:transform .3s ease,color .3s ease}.download-icon:hover{color:#0f6cbd;transform:scale(1.2)}\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i10.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: KvFileViewerNovoComponent, selector: "kv-file-viewer-novo", inputs: ["arquivo", "type", "blob", "width", "height"] }, { kind: "component", type: i1$5.NgxLoadingComponent, selector: "ngx-loading", inputs: ["show", "config", "template"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvContentViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-content-viewer', template: "<div class=\"flex flex-column md:flex-row gap-2 mt-3 custom-max-height\" style=\"height: 100%;\">\r\n  <!-- Lista de documentos -->\r\n  <div\r\n    class=\"card-perfil col-12 md:col-4 lg:col-3\"\r\n    (scroll)=\"scrollHandler($event)\"\r\n    [ngClass]=\"{\r\n      'overflow-y-scroll': dataSource().length > 0,\r\n      'overflow-y-hidden': dataSource().length === 0\r\n    }\"\r\n    style=\"position: relative; height: 100%; min-height: 15rem;\"\r\n  >\r\n    <div *ngIf=\"dataSource().length > 0; else emptyDocumentList\" class=\"col-12\">\r\n      <!-- Lista de cards -->\r\n      <div\r\n        *ngFor=\"let option of dataSource(); trackBy: trackByFn\"\r\n        class=\"card-normal outline-none border-round-xl w-full p-2 m-1 grid p-fluid flex flex-row flex-nowrap align-items-center justify-content-center cursor-pointer\"\r\n        (click)=\"visualizarPreview(option)\"\r\n        [ngClass]=\"{\r\n    'card-naoVisualizado': !isVisualizado(option),\r\n    'card-selected': option === arquivoPreview(),\r\n    'card-normal': option !== arquivoPreview(),\r\n   }\"\r\n      >\r\n        <div class=\"flex flex-grow-1 ml-2 flex-column gap-1 m-0 p-0 overflow-hidden text-overflow-ellipsis \" style=\"max-width: 100%;\">\r\n          <ng-container *ngIf=\"cardTemplate; else defaultTemplate\">\r\n            <ng-container\r\n              *ngTemplateOutlet=\"cardTemplate; context: { $implicit: option }\"\r\n            ></ng-container>\r\n          </ng-container>\r\n        </div>\r\n        <ng-template #defaultTemplate>\r\n          <div class=\"card-common-style default-card\">\r\n            <h1 class=\"font-bold text-base p-0 m-0\">Bem-vindo!</h1>\r\n            <p class=\"text-sm mt-2\">\r\n              Kv-file-preview aguardando um template... \r\n            </p>\r\n            <p class=\"font-bold text-sm p-0 m-0\">Data: {{ todayDate() }}</p>\r\n          </div>\r\n        </ng-template>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <ng-template #emptyDocumentList>\r\n\r\n      @if(isLoadingSkeleton){\r\n        <p-skeleton *ngFor=\"let i of [1, 2, 3, 4, 5, 6, 7, 8, 9]\"></p-skeleton>\r\n      }\r\n\r\n      @if(!noDocumentListTemplate) {\r\n      <div class=\"text-center text-gray-600 mt-4 m-3\" style=\"height: 100%\">\r\n        <div class=\" flex align-items-center gap-1\">\r\n          <span class=\"material-symbols-outlined\"> inbox </span>\r\n          <p>Nenhum documento dispon\u00EDvel.</p>\r\n        </div>\r\n      </div>\r\n      } @else {\r\n      <div class=\"text-center mt-4 m-3\" style=\"height: 100%\">\r\n        <ng-container *ngTemplateOutlet=\"noDocumentListTemplate\"></ng-container>\r\n      </div>\r\n      }\r\n    </ng-template>\r\n\r\n    <!-- Contador de documentos - Fixo na parte inferior -->\r\n    <div\r\n      class=\"sticky-counter flex flex-row flex-1 px-2 justify-content-center p-2\"\r\n      style=\"position: sticky; bottom: -10px; background-color: white\"\r\n    >\r\n      <span>{{ totalItensCarregado() }} de {{ totalRecords }}</span>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Visualizador -->\r\n<div id=\"fullscreenDiv\" class=\"card-perfil col-12 md:col-8 lg:col-9\" style=\"position: relative; height: 100%;\"\r\n  [ngStyle]=\"{\r\n    'overflow-y': arquivoPreview() ? 'auto' : 'hidden'\r\n  }\">\r\n  @if(btnTelaCheia)\r\n  {\r\n    <div class=\"grid\">\r\n      <div class=\"col\"></div>\r\n      <span id=\"fullscreenBtn\" (click)=\"alternarTelaCheia()\" class=\"material-symbols-outlined p-2 text-xl cursor-pointer\">\r\n        open_in_full\r\n      </span>\r\n    </div>\r\n  }\r\n  @if(visualizadorDocumentos) {\r\n    <ng-container *ngIf=\"arquivo(); else noDocumentSelected\">\r\n      @if(isLoading) {\r\n      <ngx-loading\r\n        [show]=\"isLoading\"\r\n        [config]=\"{ backdropBorderRadius: '3px', fullScreenBackdrop: false }\"\r\n      ></ngx-loading>\r\n      }\r\n      <kv-file-viewer-novo\r\n      *ngIf=\"extencaoDocumento !== 'ekp'\"\r\n        [arquivo]=\"arquivo()!\"\r\n        [type]=\"type()!\"\r\n        [blob]=\"blob()!\"\r\n        [width]=\"'100%'\" \r\n        [height]=\"'100%'\"\r\n        class=\"file-viewer\"\r\n        style=\"max-height: 100%;\"\r\n      >\r\n      </kv-file-viewer-novo>\r\n\r\n      <div\r\n        id=\"html-content\"\r\n        [innerHTML]=\"ekpContent()\"\r\n        *ngIf=\"extencaoDocumento === 'ekp'\"\r\n        class=\"ekp-content\"\r\n        style=\"overflow-y: auto; max-height: 100%;\"\r\n      ></div>\r\n    </ng-container>\r\n  } @else {\r\n    <ng-container *ngIf=\"arquivoPreview(); else noDocumentSelected\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          contentTemplate;\r\n          context: { $implicit: arquivoPreview() }\r\n        \"\r\n        style=\"overflow-y: auto; max-height: 100%;\"\r\n      ></ng-container>\r\n    </ng-container>\r\n  }\r\n  <ng-template #noDocumentSelected>\r\n    @if(!noDocumentSelectedTemplate) {\r\n    <div\r\n      class=\"no-document-message flex flex-column align-items-center justify-content-center\"\r\n      style=\"height: 100%; overflow-y: auto;\"\r\n    >\r\n      <p class=\"text-center text-gray-500\">\r\n        Selecione um arquivo para visualiza\u00E7\u00E3o\r\n      </p>\r\n      <img\r\n        [src]=\"\r\n          'https://work-assets.keevo.com.br/img/Digital_personal_files-pana_3.png'\r\n        \"\r\n        style=\"max-height: 50%; margin-top: 2rem;\"\r\n        alt=\"\"\r\n      />\r\n    </div>\r\n    } @else {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"noDocumentSelectedTemplate\"\r\n    ></ng-container>\r\n    }\r\n  </ng-template>\r\n</div>\r\n\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.farol-statuspublicacao{margin-right:.5rem;width:.35rem;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem}:host ::ng-deep .p-sidebar{border-radius:5px;position:absolute;height:var(--sidebar-height)}:host ::ng-deep .p-sidebar .p-sidebar-content{overflow:auto;border:1px solid #e5e7eb;border-radius:5px;margin-top:1rem}.card-perfil{border:1.5px solid #CBD5E1;background:#fff;border-radius:6px;max-height:100%}:host ::ng-deep .p-fieldset .p-fieldset-content{padding-bottom:0}:host ::ng-deep .p-sidebar .p-sidebar-close{display:none}.card-normal{border:1.5px solid #CBD5E1}.card-naoVisualizado{border-left:4px solid #e6671f!important}.parent-container{height:100%;display:flex;flex-direction:column}.file-viewer{margin:auto}.ekp-content{min-height:20rem;padding:1rem;overflow-y:auto;border-radius:5px}ngx-loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}.card{transition:all .3s ease;border:1px solid transparent}.card-normal:hover{border:1px solid #a9a9a9;box-shadow:0 4px 8px #0000001a}.card-selected{background-color:#f0f0f0;border:1px solid #c0c0c0;box-shadow:0 6px 12px #00000026;transform:scale(1.02)}:host ::ng-deep .p-skeleton{height:5rem!important;border-radius:1rem;margin-top:.5rem}.loading-spinner{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.5rem;color:#666}#html-content{width:100%;height:100%;overflow-y:auto}:host ::ng-deep .list-card-button .kv-button{width:22px;height:22px}:host ::ng-deep .list-card-button .kv-button .material-symbols-outlined.only-icon.icon-normal[_ngcontent-ng-c4083184952]{font-size:1rem}.download-icon{font-size:20px;cursor:pointer;transition:transform .3s ease,color .3s ease}.download-icon:hover{color:#0f6cbd;transform:scale(1.2)}\n"] }]
+            args: [{ selector: 'kv-content-viewer', template: "<div class=\"flex flex-column md:flex-row gap-2 mt-3 custom-max-height\" style=\"height: 100%;\">\n  <!-- Lista de documentos -->\n  <div\n    class=\"card-perfil col-12 md:col-4 lg:col-3\"\n    (scroll)=\"scrollHandler($event)\"\n    [ngClass]=\"{\n      'overflow-y-scroll': dataSource().length > 0,\n      'overflow-y-hidden': dataSource().length === 0\n    }\"\n    style=\"position: relative; height: 100%; min-height: 15rem;\"\n  >\n    <div *ngIf=\"dataSource().length > 0; else emptyDocumentList\" class=\"col-12\">\n      <!-- Lista de cards -->\n      <div\n        *ngFor=\"let option of dataSource(); trackBy: trackByFn\"\n        class=\"card-normal outline-none border-round-xl w-full p-2 m-1 grid p-fluid flex flex-row flex-nowrap align-items-center justify-content-center cursor-pointer\"\n        (click)=\"visualizarPreview(option)\"\n        [ngClass]=\"{\n    'card-naoVisualizado': !isVisualizado(option),\n    'card-selected': option === arquivoPreview(),\n    'card-normal': option !== arquivoPreview(),\n   }\"\n      >\n        <div class=\"flex flex-grow-1 ml-2 flex-column gap-1 m-0 p-0 overflow-hidden text-overflow-ellipsis \" style=\"max-width: 100%;\">\n          <ng-container *ngIf=\"cardTemplate; else defaultTemplate\">\n            <ng-container\n              *ngTemplateOutlet=\"cardTemplate; context: { $implicit: option }\"\n            ></ng-container>\n          </ng-container>\n        </div>\n        <ng-template #defaultTemplate>\n          <div class=\"card-common-style default-card\">\n            <h1 class=\"font-bold text-base p-0 m-0\">Bem-vindo!</h1>\n            <p class=\"text-sm mt-2\">\n              Kv-file-preview aguardando um template... \n            </p>\n            <p class=\"font-bold text-sm p-0 m-0\">Data: {{ todayDate() }}</p>\n          </div>\n        </ng-template>\n      </div>\n\n    </div>\n\n    <ng-template #emptyDocumentList>\n\n      @if(isLoadingSkeleton){\n        <p-skeleton *ngFor=\"let i of [1, 2, 3, 4, 5, 6, 7, 8, 9]\"></p-skeleton>\n      }\n\n      @if(!noDocumentListTemplate) {\n      <div class=\"text-center text-gray-600 mt-4 m-3\" style=\"height: 100%\">\n        <div class=\" flex align-items-center gap-1\">\n          <span class=\"material-symbols-outlined\"> inbox </span>\n          <p>Nenhum documento dispon\u00EDvel.</p>\n        </div>\n      </div>\n      } @else {\n      <div class=\"text-center mt-4 m-3\" style=\"height: 100%\">\n        <ng-container *ngTemplateOutlet=\"noDocumentListTemplate\"></ng-container>\n      </div>\n      }\n    </ng-template>\n\n    <!-- Contador de documentos - Fixo na parte inferior -->\n    <div\n      class=\"sticky-counter flex flex-row flex-1 px-2 justify-content-center p-2\"\n      style=\"position: sticky; bottom: -10px; background-color: white\"\n    >\n      <span>{{ totalItensCarregado() }} de {{ totalRecords }}</span>\n    </div>\n  </div>\n\n  <!-- Visualizador -->\n<div id=\"fullscreenDiv\" class=\"card-perfil col-12 md:col-8 lg:col-9\" style=\"position: relative; height: 100%;\"\n  [ngStyle]=\"{\n    'overflow-y': arquivoPreview() ? 'auto' : 'hidden'\n  }\">\n  @if(btnTelaCheia)\n  {\n    <div class=\"grid\">\n      <div class=\"col\"></div>\n      <span id=\"fullscreenBtn\" (click)=\"alternarTelaCheia()\" class=\"material-symbols-outlined p-2 text-xl cursor-pointer\">\n        open_in_full\n      </span>\n    </div>\n  }\n  @if(visualizadorDocumentos) {\n    <ng-container *ngIf=\"arquivo(); else noDocumentSelected\">\n      @if(isLoading) {\n      <ngx-loading\n        [show]=\"isLoading\"\n        [config]=\"{ backdropBorderRadius: '3px', fullScreenBackdrop: false }\"\n      ></ngx-loading>\n      }\n      <kv-file-viewer-novo\n      *ngIf=\"extencaoDocumento !== 'ekp'\"\n        [arquivo]=\"arquivo()!\"\n        [type]=\"type()!\"\n        [blob]=\"blob()!\"\n        [width]=\"'100%'\" \n        [height]=\"'100%'\"\n        class=\"file-viewer\"\n        style=\"max-height: 100%;\"\n      >\n      </kv-file-viewer-novo>\n\n      <div\n        id=\"html-content\"\n        [innerHTML]=\"ekpContent()\"\n        *ngIf=\"extencaoDocumento === 'ekp'\"\n        class=\"ekp-content\"\n        style=\"overflow-y: auto; max-height: 100%;\"\n      ></div>\n    </ng-container>\n  } @else {\n    <ng-container *ngIf=\"arquivoPreview(); else noDocumentSelected\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          contentTemplate;\n          context: { $implicit: arquivoPreview() }\n        \"\n        style=\"overflow-y: auto; max-height: 100%;\"\n      ></ng-container>\n    </ng-container>\n  }\n  <ng-template #noDocumentSelected>\n    @if(!noDocumentSelectedTemplate) {\n    <div\n      class=\"no-document-message flex flex-column align-items-center justify-content-center\"\n      style=\"height: 100%; overflow-y: auto;\"\n    >\n      <p class=\"text-center text-gray-500\">\n        Selecione um arquivo para visualiza\u00E7\u00E3o\n      </p>\n      <img\n        [src]=\"\n          'https://work-assets.keevo.com.br/img/Digital_personal_files-pana_3.png'\n        \"\n        style=\"max-height: 50%; margin-top: 2rem;\"\n        alt=\"\"\n      />\n    </div>\n    } @else {\n    <ng-container\n      *ngTemplateOutlet=\"noDocumentSelectedTemplate\"\n    ></ng-container>\n    }\n  </ng-template>\n</div>\n\n</div>\n", styles: ["@charset \"UTF-8\";.farol-statuspublicacao{margin-right:.5rem;width:.35rem;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem}:host ::ng-deep .p-sidebar{border-radius:5px;position:absolute;height:var(--sidebar-height)}:host ::ng-deep .p-sidebar .p-sidebar-content{overflow:auto;border:1px solid #e5e7eb;border-radius:5px;margin-top:1rem}.card-perfil{border:1.5px solid #CBD5E1;background:#fff;border-radius:6px;max-height:100%}:host ::ng-deep .p-fieldset .p-fieldset-content{padding-bottom:0}:host ::ng-deep .p-sidebar .p-sidebar-close{display:none}.card-normal{border:1.5px solid #CBD5E1}.card-naoVisualizado{border-left:4px solid #e6671f!important}.parent-container{height:100%;display:flex;flex-direction:column}.file-viewer{margin:auto}.ekp-content{min-height:20rem;padding:1rem;overflow-y:auto;border-radius:5px}ngx-loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}.card{transition:all .3s ease;border:1px solid transparent}.card-normal:hover{border:1px solid #a9a9a9;box-shadow:0 4px 8px #0000001a}.card-selected{background-color:#f0f0f0;border:1px solid #c0c0c0;box-shadow:0 6px 12px #00000026;transform:scale(1.02)}:host ::ng-deep .p-skeleton{height:5rem!important;border-radius:1rem;margin-top:.5rem}.loading-spinner{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.5rem;color:#666}#html-content{width:100%;height:100%;overflow-y:auto}:host ::ng-deep .list-card-button .kv-button{width:22px;height:22px}:host ::ng-deep .list-card-button .kv-button .material-symbols-outlined.only-icon.icon-normal[_ngcontent-ng-c4083184952]{font-size:1rem}.download-icon{font-size:20px;cursor:pointer;transition:transform .3s ease,color .3s ease}.download-icon:hover{color:#0f6cbd;transform:scale(1.2)}\n"] }]
         }], propDecorators: { extencaoDocumento: [{
                 type: Input
             }], totalRecords: [{