keevo-components 1.5.134 → 1.5.135

package/fesm2020/keevo-components.mjs

@@ -300,14 +300,20 @@ class CheckComponent extends BaseComponentInput {
     emitOnCheckChange(event) {
         this.onCheckChange.emit(event);
     }
+    ngOnInit() {
+        if (this.checkValueTrue)
+            this.value = this.checkValueTrue;
+    }
 }
 CheckComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CheckComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-CheckComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: CheckComponent, selector: "kv-check", outputs: { onCheckChange: "onCheckChange" }, providers: ComponentProviders(CheckComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"field-checkbox\">\r\n  <p-checkbox\r\n    [binary]=\"true\"\r\n    [disabled]=\"disabled\"\r\n    [label]=\"label\"\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (onChange)=\"emitOnCheckChange($event)\">\r\n  </p-checkbox>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}\n", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:40px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }] });
+CheckComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: CheckComponent, selector: "kv-check", inputs: { checkValueTrue: "checkValueTrue" }, outputs: { onCheckChange: "onCheckChange" }, providers: ComponentProviders(CheckComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"field-checkbox\">\r\n  <p-checkbox\r\n    [binary]=\"true\"\r\n    [disabled]=\"disabled\"\r\n    [label]=\"label\"\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (onChange)=\"emitOnCheckChange($event)\">\r\n  </p-checkbox>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}\n", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:40px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CheckComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kv-check', providers: ComponentProviders(CheckComponent), template: "<div class=\"field-checkbox\">\r\n  <p-checkbox\r\n    [binary]=\"true\"\r\n    [disabled]=\"disabled\"\r\n    [label]=\"label\"\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (onChange)=\"emitOnCheckChange($event)\">\r\n  </p-checkbox>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>\r\n", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}\n", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:40px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { onCheckChange: [{
                 type: Output
+            }], checkValueTrue: [{
+                type: Input
             }] } });
 
 class ObjectService {
@@ -561,10 +567,10 @@ class InputCalendarComponent extends BaseComponentInput {
     }
 }
 InputCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputCalendarComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-InputCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: InputCalendarComponent, selector: "kv-input-calendar", inputs: { isYear: "isYear", isMonthYear: "isMonthYear", minDate: "minDate", maxDate: "maxDate", showButtonBar: "showButtonBar", showIcon: "showIcon", showTime: "showTime", selectionMode: "selectionMode" }, outputs: { onSelectionChange: "onSelectionChange", onSelectionValue: "onSelectionValue" }, providers: ComponentProviders(InputCalendarComponent), viewQueries: [{ propertyName: "dateFilter", first: true, predicate: ["dateFilter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span class=\"p-float-label\">\r\n\r\n  <p-calendar #dateFilter\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [minDate]=\"minDate\"\r\n    [maxDate]=\"maxDate\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [showButtonBar]=\"showButtonBar\"\r\n    [showIcon]=\"showIcon\"\r\n    [showTime]=\"showTime\"\r\n    [view]=\"typeView\"\r\n    [dateFormat]=\"dateFormat\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClose)=\"onInputClose($event)\"\r\n    (onSelect)=\"onInputChange($event)\"\r\n    styleClass=\"inputs\"\r\n    >\r\n  </p-calendar>\r\n  <label [for]=\"componentId\">{{ label }}</label>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:40px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$1.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] });
+InputCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: InputCalendarComponent, selector: "kv-input-calendar", inputs: { isYear: "isYear", isMonthYear: "isMonthYear", minDate: "minDate", maxDate: "maxDate", showButtonBar: "showButtonBar", showIcon: "showIcon", showTime: "showTime", selectionMode: "selectionMode" }, outputs: { onSelectionChange: "onSelectionChange", onSelectionValue: "onSelectionValue" }, providers: ComponentProviders(InputCalendarComponent), viewQueries: [{ propertyName: "dateFilter", first: true, predicate: ["dateFilter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span class=\"p-float-label\">\r\n  <p-calendar\r\n    #dateFilter\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [minDate]=\"minDate\"\r\n    [maxDate]=\"maxDate\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [showButtonBar]=\"showButtonBar\"\r\n    [showIcon]=\"showIcon\"\r\n    [showTime]=\"showTime\"\r\n    [view]=\"typeView\"\r\n    [dateFormat]=\"dateFormat\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClose)=\"onInputClose($event)\"\r\n    (onSelect)=\"onInputChange($event)\"\r\n    styleClass=\"inputs\"\r\n  >\r\n  </p-calendar>\r\n  <label [for]=\"componentId\">{{ label }}</label>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:40px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$1.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputCalendarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-calendar', providers: ComponentProviders(InputCalendarComponent), template: "<span class=\"p-float-label\">\r\n\r\n  <p-calendar #dateFilter\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [minDate]=\"minDate\"\r\n    [maxDate]=\"maxDate\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [showButtonBar]=\"showButtonBar\"\r\n    [showIcon]=\"showIcon\"\r\n    [showTime]=\"showTime\"\r\n    [view]=\"typeView\"\r\n    [dateFormat]=\"dateFormat\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClose)=\"onInputClose($event)\"\r\n    (onSelect)=\"onInputChange($event)\"\r\n    styleClass=\"inputs\"\r\n    >\r\n  </p-calendar>\r\n  <label [for]=\"componentId\">{{ label }}</label>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:40px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-input-calendar', providers: ComponentProviders(InputCalendarComponent), template: "<span class=\"p-float-label\">\r\n  <p-calendar\r\n    #dateFilter\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [minDate]=\"minDate\"\r\n    [maxDate]=\"maxDate\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [showButtonBar]=\"showButtonBar\"\r\n    [showIcon]=\"showIcon\"\r\n    [showTime]=\"showTime\"\r\n    [view]=\"typeView\"\r\n    [dateFormat]=\"dateFormat\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClose)=\"onInputClose($event)\"\r\n    (onSelect)=\"onInputChange($event)\"\r\n    styleClass=\"inputs\"\r\n  >\r\n  </p-calendar>\r\n  <label [for]=\"componentId\">{{ label }}</label>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:40px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { isYear: [{
                 type: Input
             }], isMonthYear: [{
@@ -2622,6 +2628,7 @@ class TreeTableComponent {
         this.paginator = true;
         this.rightCollapse = false;
         this.applyStyle = (rowData, col) => '';
+        this.colorButtonToggleNodes = "surface-600";
         this.onFilter = new EventEmitter();
         this.onPaginate = new EventEmitter();
         this.onActiveItem = new EventEmitter();
@@ -2629,6 +2636,7 @@ class TreeTableComponent {
         this.nodeContext = { $implicit: 'rowData', rowNode: 'rowNode' };
         this.menuItems = [];
         this.imgDefault = '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';
+        this.isExpanded = false;
     }
     ngOnInit() {
     }
@@ -2802,12 +2810,40 @@ class TreeTableComponent {
         });
         return !algumItemVisivel;
     }
+    toggleNodes() {
+        if (this.isExpanded) {
+            this.collapseAll();
+        }
+        else {
+            this.expandAll();
+        }
+        this.isExpanded = !this.isExpanded;
+    }
+    expandAll() {
+        this.dataSource.forEach((node) => {
+            this.expandCollapseRecursive(node, true);
+        });
+    }
+    collapseAll() {
+        this.dataSource.forEach((node) => {
+            this.expandCollapseRecursive(node, false);
+        });
+    }
+    expandCollapseRecursive(node, isExpand) {
+        node.expanded = isExpand;
+        if (node.children) {
+            node.children.forEach((childNode) => {
+                this.expandCollapseRecursive(childNode, isExpand);
+            });
+            this.dataSource = [...this.dataSource];
+        }
+    }
 }
 TreeTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TreeTableComponent, deps: [{ token: i1.DatePipe }, { token: i1.DecimalPipe }, { token: CodigoFipePipe }, { token: CpfCnpjPipe }, { token: TelefonePipe }], target: i0.ɵɵFactoryTarget.Component });
-TreeTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TreeTableComponent, selector: "kv-treetable", inputs: { config: "config", dataSource: "dataSource", selectedItems: "selectedItems", acoesLinhaTabela: "acoesLinhaTabela", espacamentoPai: "espacamentoPai", espacamentoLateral: "espacamentoLateral", tamanhoTotalTree: "tamanhoTotalTree", rowsPerPageOptions: "rowsPerPageOptions", rows: "rows", tableSize: "tableSize", paginator: "paginator", rightCollapse: "rightCollapse", applyStyle: "applyStyle", _templates: ["templates", "_templates"] }, outputs: { onFilter: "onFilter", onPaginate: "onPaginate", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote" }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<div>\r\n\r\n  <p-treeTable #tt [value]=\"dataSource\" [columns]=\"config.columns\" [(selection)]=\"selectedItems\" [scrollable]=\"true\"\r\n    selectionMode=\"checkbox\" [(selection)]=\"selectedNodes\" [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [paginator]=\"paginator\" [rows]=\"rows\" [totalRecords]=\"tamanhoTotalTree\" [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\" rowGroupMode=\"subheader\" groupRowsBy=\"id\" >\r\n\r\n\r\n\r\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableSelect == true\">\r\n\r\n      <div class=\"flex\">\r\n\r\n        <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"></p-treeTableHeaderCheckbox>\r\n\r\n        <span class=\"ml-2\">Selecionar Todos</span>\r\n\r\n        <div class=\"p-input-icon-left\" *ngIf=\"config.enableFilter\">\r\n          <i class=\"pi pi-search\"></i>\r\n          <input type=\"text\" pInputText placeholder=\"Global Search\" (input)=\"onGlobalFilter(tt,$event)\" />\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        <th [style.width]=\"col.width\" *ngFor=\"let col of columns\" [ttSortableColumn]=\"col.sortable ? col.field : false\"\r\n          [ttSortableColumnDisabled]=\"col.sortable == false\">\r\n\r\n\r\n          <div [class]=\"'flex flex-row ml-2'\">\r\n            {{ col.header }}\r\n\r\n            <p-treeTableSortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-treeTableSortIcon>\r\n\r\n            <span *ngIf=\"col.headerTooltip\" class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\">info</span>\r\n\r\n          </div>\r\n        </th>\r\n        <th [style.width]=\"'20px'\" *ngIf=\"config.actions && config.actions.length > 0\"></th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n\r\n    <ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\r\n\r\n\r\n      <tr *ngIf=\"rowNode.level == 0\" [style.height]=\"espacamentoPai\">\r\n      </tr>\r\n\r\n\r\n        <tr [ttRow]=\"rowNode\">\r\n          <td [style]=\"applyStyle(rowData, col)\" *ngFor=\"let col of config.columns; let i = index,\" class=\"rowTable\" [ngClass]=\"{'flex': i == 0, 'margem-filho': i == 0 && rowNode.level != 0 && espacamentoLateral }\" >\r\n\r\n\r\n            <!-- // Collapse -->\r\n            <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"!rightCollapse && i == 0\"></p-treeTableToggler>\r\n            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\"\r\n              *ngIf=\"rightCollapse && i == 0\"></p-treeTableToggler>\r\n\r\n\r\n            <!-- // Checkbox para multisele\u00E7\u00E3o-->\r\n            <p-treeTableCheckbox (click)=\"activeItemLote(selectedItems)\" [value]=\"rowNode\"\r\n              *ngIf=\"config.enableSelect == true && i === 0\"></p-treeTableCheckbox>\r\n\r\n            <!-- // Campo com tipo booleano -->\r\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\r\n\r\n              <!-- // Campo com tipo padr\u00E3o -->\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col) && !col.template\"\r\n                [ngClass]=\"{'flex align-items-center max-w-max': i == config.columns.length-1}\">\r\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n\r\n              <!-- // Campo com tipo imagem -->\r\n              <span *ngIf=\"isImageField(col)\">\r\n                <span>\r\n                  <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                </span>\r\n              </span>\r\n\r\n              <!-- // Campo com tipo de chip -->\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span class=\"p-element border-null border-round-2xl chip-style p-2 text-null w-auto\"\r\n                  [pTooltip]=\"rowData[col.field]\">{{\r\n                  transformValue(rowData, col)\r\n                  }} teste</span>\r\n              </div>\r\n\r\n            </span>\r\n\r\n\r\n            <!-- // Template campo booleano -->\r\n            <ng-template #booleanField>\r\n              <i *ngIf=\"!col.iconField\" [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"><span class=\"material-symbols-outlined\">\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n            </ng-template>\r\n\r\n\r\n            <!-- // Template campo personalizado -->\r\n            <ng-container *ngIf=\"col.template && getCustomTemplate(col.template.name) \"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData, rowNodeLevel: rowNode.level }\">\r\n            </ng-container>\r\n\r\n          </td>\r\n\r\n\r\n\r\n          <td *ngIf=\"config.actions && config.actions.length > 0 && !validaLinhaAcaoVazia(rowData, rowNode)\" style=\"width: 20px;\"\r\n            [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\">\r\n\r\n\r\n            <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"acoesLinhaTabela\">\r\n              <div *ngFor=\"let action of config.actions\">\r\n                <button id=\"actionBtns\" pButton *ngIf=\"exibirCampo(action, rowData)\"\r\n                  class=\"actionBtns p-button-text p-button-raised\"\r\n                  (click)=\"activeItem(rowNode, rowData); action?.command()\"\r\n                  [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\" [tooltipPosition]=\"'bottom'\"\r\n                  [disabled]=\"callDisabled(action, rowData)\">\r\n                  <span class=\"material-symbols-outlined md-19\">\r\n                    {{ retornarCampo(action, rowData, \"icon\") }}</span>\r\n                </button>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"!acoesLinhaTabela\">\r\n              <button id=\"moreVertBtn\" pButton class=\"actionBtns p-button-text p-button-raised\"\r\n                (click)=\"menu.toggle($event); activeItem(rowNode, rowData)\">\r\n                <span class=\"material-symbols-outlined\" style=\"font-size: 20px\">\r\n                  more_horiz\r\n                </span>\r\n              </button>\r\n\r\n              <div *ngFor=\"let action of config.actions\">\r\n                {{ criarMenusModal(rowData, rowNode) }}\r\n              </div>\r\n\r\n              <p-menu #menu [popup]=\"true\" [model]=\"menuItems\" appendTo=\"body\"></p-menu>\r\n\r\n              <!-- :: Icone de collapse na direita :: -->\r\n              <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"rightCollapse\"></p-treeTableToggler>\r\n            </div>\r\n\r\n          </td>\r\n\r\n\r\n\r\n\r\n        </tr>\r\n\r\n\r\n\r\n    </ng-template>\r\n\r\n\r\n    <!-- :: Template para icone de collapse na direita -->\r\n    <ng-template *ngIf=\"rightCollapse\" pTemplate=\"togglericon\" let-open>\r\n      <span *ngIf=\"open\" class=\"pi pi-angle-left\"></span>\r\n      <span *ngIf=\"!open\" class=\"pi pi-angle-down\"></span>\r\n    </ng-template>\r\n\r\n\r\n\r\n\r\n    <!-- :: Hotfix do bug da vers\u00E3o 15 do primeng, ao retirar esse bloco de codigo na vers\u00E3o 15 do primeng os icones de prev e next do paginator ir\u00E3o sumir ( resolvido na vers\u00E3o 16.0)  :: -->\r\n\r\n    <ng-template pTemplate=\"paginatorfirstpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorpreviouspagelinkicon\">\r\n      <span class=\"pi pi-angle-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatornextpagelinkicon\">\r\n      <span class=\"pi pi-angle-right\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorlastpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-right\"></span>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td [attr.colspan]=\"columns.length + 2\" style=\"text-align: center\">\r\n          Nenhum registro encontrado\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n  </p-treeTable>\r\n\r\n</div>\r\n\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: [".error-show{background-color:red;width:5px;height:10px}.input-search{position:relative;right:8px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}#botaoFiltro:hover{color:#a9a9a9}.actionLoteBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover{color:#a9a9a9}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:17px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover,#moreVertBtn:hover{color:#a9a9a9}.icon-search{top:20px}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}}:host ::ng-deep .hiddenVisible span{visibility:hidden!important;cursor:hidden}.margem-filho{margin-left:25px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$5.InputText, selector: "[pInputText]" }, { kind: "component", type: i5$2.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i8.TreeTable, selector: "p-treeTable", inputs: ["columns", "style", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "virtualRowHeight", "value", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel"] }, { kind: "component", type: i8.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i8.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "component", type: i8.TTSortIcon, selector: "p-treeTableSortIcon", inputs: ["field", "ariaLabelDesc", "ariaLabelAsc"] }, { kind: "directive", type: i8.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i8.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i8.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }] });
+TreeTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TreeTableComponent, selector: "kv-treetable", inputs: { config: "config", dataSource: "dataSource", selectedItems: "selectedItems", acoesLinhaTabela: "acoesLinhaTabela", espacamentoPai: "espacamentoPai", espacamentoLateral: "espacamentoLateral", tamanhoTotalTree: "tamanhoTotalTree", rowsPerPageOptions: "rowsPerPageOptions", rows: "rows", tableSize: "tableSize", paginator: "paginator", rightCollapse: "rightCollapse", applyStyle: "applyStyle", _templates: ["templates", "_templates"], colorButtonToggleNodes: "colorButtonToggleNodes" }, outputs: { onFilter: "onFilter", onPaginate: "onPaginate", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote" }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<div>\r\n\r\n  <p-treeTable #tt [value]=\"dataSource\" [columns]=\"config.columns\" [(selection)]=\"selectedItems\" [scrollable]=\"true\"\r\n    selectionMode=\"checkbox\" [(selection)]=\"selectedNodes\" [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [paginator]=\"paginator\" [rows]=\"rows\" [totalRecords]=\"tamanhoTotalTree\" [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\" rowGroupMode=\"subheader\" groupRowsBy=\"id\" >\r\n\r\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableToggleNodes || config.enableFilter\">\r\n      <div class=\"flex justify-content-between\" *ngIf=\"config.enableSelect\">\r\n\r\n        <div *ngIf=\"config.enableToggleNodes\">\r\n          <kv-button-personalize (click)=\"toggleNodes()\" [color]=\"colorButtonToggleNodes+ ' border-none'\" [label]=\"isExpanded ? 'Recolher Todos' : 'Expandir Todos'\" [icon]=\"isExpanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></kv-button-personalize>\r\n        </div>\r\n\r\n        <div class=\"p-input-icon-left\" *ngIf=\"config.enableFilter\">\r\n          <i class=\"pi pi-search\"></i>\r\n          <input type=\"text\" pInputText placeholder=\"Global Search\" (input)=\"onGlobalFilter(tt,$event)\" />\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        <th *ngIf=\"config.enableSelect\" style=\"width: 30px;\">\r\n          <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"></p-treeTableHeaderCheckbox>\r\n        </th>\r\n\r\n        <th [style.width]=\"col.width\" *ngFor=\"let col of columns\" [ttSortableColumn]=\"col.sortable ? col.field : false\"\r\n          [ttSortableColumnDisabled]=\"col.sortable == false\">\r\n\r\n\r\n          <div [class]=\"'flex flex-row ml-2'\">\r\n            {{ col.header }}\r\n\r\n            <p-treeTableSortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-treeTableSortIcon>\r\n\r\n            <span *ngIf=\"col.headerTooltip\" class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\">info</span>\r\n\r\n          </div>\r\n        </th>\r\n        <th [style.width]=\"'20px'\" *ngIf=\"config.actions && config.actions.length > 0\"></th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n\r\n    <ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\r\n\r\n\r\n      <tr *ngIf=\"rowNode.level == 0\" [style.height]=\"espacamentoPai\">\r\n      </tr>\r\n\r\n\r\n        <tr [ttRow]=\"rowNode\">\r\n          <td [style]=\"applyStyle(rowData, col)\" *ngFor=\"let col of config.columns; let i = index,\" class=\"rowTable\" [ngClass]=\"{'flex': i == 0, 'margem-filho': i == 0 && rowNode.level != 0 && espacamentoLateral }\" >\r\n\r\n\r\n            <!-- // Collapse -->\r\n            <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"!rightCollapse && i == 0\"></p-treeTableToggler>\r\n            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\"\r\n              *ngIf=\"rightCollapse && i == 0\"></p-treeTableToggler>\r\n\r\n\r\n            <!-- // Checkbox para multisele\u00E7\u00E3o-->\r\n            <p-treeTableCheckbox (click)=\"activeItemLote(selectedItems)\" [value]=\"rowNode\"\r\n              *ngIf=\"config.enableSelect == true && i === 0\"></p-treeTableCheckbox>\r\n\r\n            <!-- // Campo com tipo booleano -->\r\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\r\n\r\n              <!-- // Campo com tipo padr\u00E3o -->\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col) && !col.template\"\r\n                [ngClass]=\"{'flex align-items-center max-w-max': i == config.columns.length-1}\">\r\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n\r\n              <!-- // Campo com tipo imagem -->\r\n              <span *ngIf=\"isImageField(col)\">\r\n                <span>\r\n                  <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                </span>\r\n              </span>\r\n\r\n              <!-- // Campo com tipo de chip -->\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span class=\"p-element border-null border-round-2xl chip-style p-2 text-null w-auto\"\r\n                  [pTooltip]=\"rowData[col.field]\">{{\r\n                  transformValue(rowData, col)\r\n                  }} teste</span>\r\n              </div>\r\n\r\n            </span>\r\n\r\n\r\n            <!-- // Template campo booleano -->\r\n            <ng-template #booleanField>\r\n              <i *ngIf=\"!col.iconField\" [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"><span class=\"material-symbols-outlined\">\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n            </ng-template>\r\n\r\n\r\n            <!-- // Template campo personalizado -->\r\n            <ng-container *ngIf=\"col.template && getCustomTemplate(col.template.name) \"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData, rowNodeLevel: rowNode.level }\">\r\n            </ng-container>\r\n\r\n          </td>\r\n\r\n\r\n\r\n          <td *ngIf=\"config.actions && config.actions.length > 0\" style=\"width: 20px;\"\r\n            [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\">\r\n\r\n\r\n            <div *ngIf=\"!validaLinhaAcaoVazia(rowData, rowNode)\">\r\n              <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"acoesLinhaTabela\">\r\n                <div *ngFor=\"let action of config.actions\">\r\n                  <button id=\"actionBtns\" pButton *ngIf=\"exibirCampo(action, rowData)\"\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"activeItem(rowNode, rowData); action?.command()\"\r\n                    [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\" [tooltipPosition]=\"'bottom'\"\r\n                    [disabled]=\"callDisabled(action, rowData)\">\r\n                    <span class=\"material-symbols-outlined md-19\">\r\n                      {{ retornarCampo(action, rowData, \"icon\") }}</span>\r\n                  </button>\r\n                </div>\r\n              </div>\r\n  \r\n              <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"!acoesLinhaTabela\">\r\n                <button id=\"moreVertBtn\" pButton class=\"actionBtns p-button-text p-button-raised\"\r\n                  (click)=\"menu.toggle($event); activeItem(rowNode, rowData)\">\r\n                  <span class=\"material-symbols-outlined\" style=\"font-size: 20px\">\r\n                    more_horiz\r\n                  </span>\r\n                </button>\r\n  \r\n                <div *ngFor=\"let action of config.actions\">\r\n                  {{ criarMenusModal(rowData, rowNode) }}\r\n                </div>\r\n  \r\n                <p-menu #menu [popup]=\"true\" [model]=\"menuItems\" appendTo=\"body\"></p-menu>\r\n  \r\n                <!-- :: Icone de collapse na direita :: -->\r\n                <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"rightCollapse\"></p-treeTableToggler>\r\n              </div>\r\n            </div>\r\n\r\n\r\n\r\n          </td>\r\n\r\n\r\n\r\n\r\n        </tr>\r\n\r\n\r\n\r\n    </ng-template>\r\n\r\n\r\n    <!-- :: Template para icone de collapse na direita -->\r\n    <ng-template *ngIf=\"rightCollapse\" pTemplate=\"togglericon\" let-open>\r\n      <span *ngIf=\"open\" class=\"pi pi-angle-left\"></span>\r\n      <span *ngIf=\"!open\" class=\"pi pi-angle-down\"></span>\r\n    </ng-template>\r\n\r\n\r\n\r\n\r\n    <!-- :: Hotfix do bug da vers\u00E3o 15 do primeng, ao retirar esse bloco de codigo na vers\u00E3o 15 do primeng os icones de prev e next do paginator ir\u00E3o sumir ( resolvido na vers\u00E3o 16.0)  :: -->\r\n\r\n    <ng-template pTemplate=\"paginatorfirstpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorpreviouspagelinkicon\">\r\n      <span class=\"pi pi-angle-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatornextpagelinkicon\">\r\n      <span class=\"pi pi-angle-right\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorlastpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-right\"></span>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td [attr.colspan]=\"columns.length + 2\" style=\"text-align: center\">\r\n          Nenhum registro encontrado\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n  </p-treeTable>\r\n\r\n</div>\r\n\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: [".error-show{background-color:red;width:5px;height:10px}.input-search{position:relative;right:8px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}#botaoFiltro:hover{color:#a9a9a9}.actionLoteBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover{color:#a9a9a9}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:17px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover,#moreVertBtn:hover{color:#a9a9a9}.icon-search{top:20px}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}}:host ::ng-deep .hiddenVisible span{visibility:hidden!important;cursor:hidden}.margem-filho{margin-left:25px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$5.InputText, selector: "[pInputText]" }, { kind: "component", type: i5$2.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i8.TreeTable, selector: "p-treeTable", inputs: ["columns", "style", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "virtualRowHeight", "value", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel"] }, { kind: "component", type: i8.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i8.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "component", type: i8.TTSortIcon, selector: "p-treeTableSortIcon", inputs: ["field", "ariaLabelDesc", "ariaLabelAsc"] }, { kind: "directive", type: i8.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i8.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i8.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }, { kind: "component", type: ButtonPersonalizeComponent, selector: "kv-button-personalize" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TreeTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-treetable', template: "<div>\r\n\r\n  <p-treeTable #tt [value]=\"dataSource\" [columns]=\"config.columns\" [(selection)]=\"selectedItems\" [scrollable]=\"true\"\r\n    selectionMode=\"checkbox\" [(selection)]=\"selectedNodes\" [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [paginator]=\"paginator\" [rows]=\"rows\" [totalRecords]=\"tamanhoTotalTree\" [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\" rowGroupMode=\"subheader\" groupRowsBy=\"id\" >\r\n\r\n\r\n\r\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableSelect == true\">\r\n\r\n      <div class=\"flex\">\r\n\r\n        <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"></p-treeTableHeaderCheckbox>\r\n\r\n        <span class=\"ml-2\">Selecionar Todos</span>\r\n\r\n        <div class=\"p-input-icon-left\" *ngIf=\"config.enableFilter\">\r\n          <i class=\"pi pi-search\"></i>\r\n          <input type=\"text\" pInputText placeholder=\"Global Search\" (input)=\"onGlobalFilter(tt,$event)\" />\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        <th [style.width]=\"col.width\" *ngFor=\"let col of columns\" [ttSortableColumn]=\"col.sortable ? col.field : false\"\r\n          [ttSortableColumnDisabled]=\"col.sortable == false\">\r\n\r\n\r\n          <div [class]=\"'flex flex-row ml-2'\">\r\n            {{ col.header }}\r\n\r\n            <p-treeTableSortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-treeTableSortIcon>\r\n\r\n            <span *ngIf=\"col.headerTooltip\" class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\">info</span>\r\n\r\n          </div>\r\n        </th>\r\n        <th [style.width]=\"'20px'\" *ngIf=\"config.actions && config.actions.length > 0\"></th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n\r\n    <ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\r\n\r\n\r\n      <tr *ngIf=\"rowNode.level == 0\" [style.height]=\"espacamentoPai\">\r\n      </tr>\r\n\r\n\r\n        <tr [ttRow]=\"rowNode\">\r\n          <td [style]=\"applyStyle(rowData, col)\" *ngFor=\"let col of config.columns; let i = index,\" class=\"rowTable\" [ngClass]=\"{'flex': i == 0, 'margem-filho': i == 0 && rowNode.level != 0 && espacamentoLateral }\" >\r\n\r\n\r\n            <!-- // Collapse -->\r\n            <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"!rightCollapse && i == 0\"></p-treeTableToggler>\r\n            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\"\r\n              *ngIf=\"rightCollapse && i == 0\"></p-treeTableToggler>\r\n\r\n\r\n            <!-- // Checkbox para multisele\u00E7\u00E3o-->\r\n            <p-treeTableCheckbox (click)=\"activeItemLote(selectedItems)\" [value]=\"rowNode\"\r\n              *ngIf=\"config.enableSelect == true && i === 0\"></p-treeTableCheckbox>\r\n\r\n            <!-- // Campo com tipo booleano -->\r\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\r\n\r\n              <!-- // Campo com tipo padr\u00E3o -->\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col) && !col.template\"\r\n                [ngClass]=\"{'flex align-items-center max-w-max': i == config.columns.length-1}\">\r\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n\r\n              <!-- // Campo com tipo imagem -->\r\n              <span *ngIf=\"isImageField(col)\">\r\n                <span>\r\n                  <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                </span>\r\n              </span>\r\n\r\n              <!-- // Campo com tipo de chip -->\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span class=\"p-element border-null border-round-2xl chip-style p-2 text-null w-auto\"\r\n                  [pTooltip]=\"rowData[col.field]\">{{\r\n                  transformValue(rowData, col)\r\n                  }} teste</span>\r\n              </div>\r\n\r\n            </span>\r\n\r\n\r\n            <!-- // Template campo booleano -->\r\n            <ng-template #booleanField>\r\n              <i *ngIf=\"!col.iconField\" [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"><span class=\"material-symbols-outlined\">\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n            </ng-template>\r\n\r\n\r\n            <!-- // Template campo personalizado -->\r\n            <ng-container *ngIf=\"col.template && getCustomTemplate(col.template.name) \"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData, rowNodeLevel: rowNode.level }\">\r\n            </ng-container>\r\n\r\n          </td>\r\n\r\n\r\n\r\n          <td *ngIf=\"config.actions && config.actions.length > 0 && !validaLinhaAcaoVazia(rowData, rowNode)\" style=\"width: 20px;\"\r\n            [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\">\r\n\r\n\r\n            <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"acoesLinhaTabela\">\r\n              <div *ngFor=\"let action of config.actions\">\r\n                <button id=\"actionBtns\" pButton *ngIf=\"exibirCampo(action, rowData)\"\r\n                  class=\"actionBtns p-button-text p-button-raised\"\r\n                  (click)=\"activeItem(rowNode, rowData); action?.command()\"\r\n                  [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\" [tooltipPosition]=\"'bottom'\"\r\n                  [disabled]=\"callDisabled(action, rowData)\">\r\n                  <span class=\"material-symbols-outlined md-19\">\r\n                    {{ retornarCampo(action, rowData, \"icon\") }}</span>\r\n                </button>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"!acoesLinhaTabela\">\r\n              <button id=\"moreVertBtn\" pButton class=\"actionBtns p-button-text p-button-raised\"\r\n                (click)=\"menu.toggle($event); activeItem(rowNode, rowData)\">\r\n                <span class=\"material-symbols-outlined\" style=\"font-size: 20px\">\r\n                  more_horiz\r\n                </span>\r\n              </button>\r\n\r\n              <div *ngFor=\"let action of config.actions\">\r\n                {{ criarMenusModal(rowData, rowNode) }}\r\n              </div>\r\n\r\n              <p-menu #menu [popup]=\"true\" [model]=\"menuItems\" appendTo=\"body\"></p-menu>\r\n\r\n              <!-- :: Icone de collapse na direita :: -->\r\n              <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"rightCollapse\"></p-treeTableToggler>\r\n            </div>\r\n\r\n          </td>\r\n\r\n\r\n\r\n\r\n        </tr>\r\n\r\n\r\n\r\n    </ng-template>\r\n\r\n\r\n    <!-- :: Template para icone de collapse na direita -->\r\n    <ng-template *ngIf=\"rightCollapse\" pTemplate=\"togglericon\" let-open>\r\n      <span *ngIf=\"open\" class=\"pi pi-angle-left\"></span>\r\n      <span *ngIf=\"!open\" class=\"pi pi-angle-down\"></span>\r\n    </ng-template>\r\n\r\n\r\n\r\n\r\n    <!-- :: Hotfix do bug da vers\u00E3o 15 do primeng, ao retirar esse bloco de codigo na vers\u00E3o 15 do primeng os icones de prev e next do paginator ir\u00E3o sumir ( resolvido na vers\u00E3o 16.0)  :: -->\r\n\r\n    <ng-template pTemplate=\"paginatorfirstpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorpreviouspagelinkicon\">\r\n      <span class=\"pi pi-angle-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatornextpagelinkicon\">\r\n      <span class=\"pi pi-angle-right\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorlastpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-right\"></span>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td [attr.colspan]=\"columns.length + 2\" style=\"text-align: center\">\r\n          Nenhum registro encontrado\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n  </p-treeTable>\r\n\r\n</div>\r\n\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: [".error-show{background-color:red;width:5px;height:10px}.input-search{position:relative;right:8px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}#botaoFiltro:hover{color:#a9a9a9}.actionLoteBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover{color:#a9a9a9}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:17px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover,#moreVertBtn:hover{color:#a9a9a9}.icon-search{top:20px}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}}:host ::ng-deep .hiddenVisible span{visibility:hidden!important;cursor:hidden}.margem-filho{margin-left:25px!important}\n"] }]
+            args: [{ selector: 'kv-treetable', template: "<div>\r\n\r\n  <p-treeTable #tt [value]=\"dataSource\" [columns]=\"config.columns\" [(selection)]=\"selectedItems\" [scrollable]=\"true\"\r\n    selectionMode=\"checkbox\" [(selection)]=\"selectedNodes\" [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [paginator]=\"paginator\" [rows]=\"rows\" [totalRecords]=\"tamanhoTotalTree\" [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\" rowGroupMode=\"subheader\" groupRowsBy=\"id\" >\r\n\r\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableToggleNodes || config.enableFilter\">\r\n      <div class=\"flex justify-content-between\" *ngIf=\"config.enableSelect\">\r\n\r\n        <div *ngIf=\"config.enableToggleNodes\">\r\n          <kv-button-personalize (click)=\"toggleNodes()\" [color]=\"colorButtonToggleNodes+ ' border-none'\" [label]=\"isExpanded ? 'Recolher Todos' : 'Expandir Todos'\" [icon]=\"isExpanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></kv-button-personalize>\r\n        </div>\r\n\r\n        <div class=\"p-input-icon-left\" *ngIf=\"config.enableFilter\">\r\n          <i class=\"pi pi-search\"></i>\r\n          <input type=\"text\" pInputText placeholder=\"Global Search\" (input)=\"onGlobalFilter(tt,$event)\" />\r\n        </div>\r\n\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        <th *ngIf=\"config.enableSelect\" style=\"width: 30px;\">\r\n          <p-treeTableHeaderCheckbox (click)=\"activeItemLote(selectedItems)\"></p-treeTableHeaderCheckbox>\r\n        </th>\r\n\r\n        <th [style.width]=\"col.width\" *ngFor=\"let col of columns\" [ttSortableColumn]=\"col.sortable ? col.field : false\"\r\n          [ttSortableColumnDisabled]=\"col.sortable == false\">\r\n\r\n\r\n          <div [class]=\"'flex flex-row ml-2'\">\r\n            {{ col.header }}\r\n\r\n            <p-treeTableSortIcon *ngIf=\"col.sortable\" [field]=\"col.field\"></p-treeTableSortIcon>\r\n\r\n            <span *ngIf=\"col.headerTooltip\" class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\">info</span>\r\n\r\n          </div>\r\n        </th>\r\n        <th [style.width]=\"'20px'\" *ngIf=\"config.actions && config.actions.length > 0\"></th>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n\r\n    <ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\r\n\r\n\r\n      <tr *ngIf=\"rowNode.level == 0\" [style.height]=\"espacamentoPai\">\r\n      </tr>\r\n\r\n\r\n        <tr [ttRow]=\"rowNode\">\r\n          <td [style]=\"applyStyle(rowData, col)\" *ngFor=\"let col of config.columns; let i = index,\" class=\"rowTable\" [ngClass]=\"{'flex': i == 0, 'margem-filho': i == 0 && rowNode.level != 0 && espacamentoLateral }\" >\r\n\r\n\r\n            <!-- // Collapse -->\r\n            <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"!rightCollapse && i == 0\"></p-treeTableToggler>\r\n            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\"\r\n              *ngIf=\"rightCollapse && i == 0\"></p-treeTableToggler>\r\n\r\n\r\n            <!-- // Checkbox para multisele\u00E7\u00E3o-->\r\n            <p-treeTableCheckbox (click)=\"activeItemLote(selectedItems)\" [value]=\"rowNode\"\r\n              *ngIf=\"config.enableSelect == true && i === 0\"></p-treeTableCheckbox>\r\n\r\n            <!-- // Campo com tipo booleano -->\r\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\r\n\r\n              <!-- // Campo com tipo padr\u00E3o -->\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col) && !col.template\"\r\n                [ngClass]=\"{'flex align-items-center max-w-max': i == config.columns.length-1}\">\r\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n\r\n              <!-- // Campo com tipo imagem -->\r\n              <span *ngIf=\"isImageField(col)\">\r\n                <span>\r\n                  <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                </span>\r\n              </span>\r\n\r\n              <!-- // Campo com tipo de chip -->\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span class=\"p-element border-null border-round-2xl chip-style p-2 text-null w-auto\"\r\n                  [pTooltip]=\"rowData[col.field]\">{{\r\n                  transformValue(rowData, col)\r\n                  }} teste</span>\r\n              </div>\r\n\r\n            </span>\r\n\r\n\r\n            <!-- // Template campo booleano -->\r\n            <ng-template #booleanField>\r\n              <i *ngIf=\"!col.iconField\" [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"><span class=\"material-symbols-outlined\">\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n            </ng-template>\r\n\r\n\r\n            <!-- // Template campo personalizado -->\r\n            <ng-container *ngIf=\"col.template && getCustomTemplate(col.template.name) \"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData, rowNodeLevel: rowNode.level }\">\r\n            </ng-container>\r\n\r\n          </td>\r\n\r\n\r\n\r\n          <td *ngIf=\"config.actions && config.actions.length > 0\" style=\"width: 20px;\"\r\n            [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\">\r\n\r\n\r\n            <div *ngIf=\"!validaLinhaAcaoVazia(rowData, rowNode)\">\r\n              <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"acoesLinhaTabela\">\r\n                <div *ngFor=\"let action of config.actions\">\r\n                  <button id=\"actionBtns\" pButton *ngIf=\"exibirCampo(action, rowData)\"\r\n                    class=\"actionBtns p-button-text p-button-raised\"\r\n                    (click)=\"activeItem(rowNode, rowData); action?.command()\"\r\n                    [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\" [tooltipPosition]=\"'bottom'\"\r\n                    [disabled]=\"callDisabled(action, rowData)\">\r\n                    <span class=\"material-symbols-outlined md-19\">\r\n                      {{ retornarCampo(action, rowData, \"icon\") }}</span>\r\n                  </button>\r\n                </div>\r\n              </div>\r\n  \r\n              <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"!acoesLinhaTabela\">\r\n                <button id=\"moreVertBtn\" pButton class=\"actionBtns p-button-text p-button-raised\"\r\n                  (click)=\"menu.toggle($event); activeItem(rowNode, rowData)\">\r\n                  <span class=\"material-symbols-outlined\" style=\"font-size: 20px\">\r\n                    more_horiz\r\n                  </span>\r\n                </button>\r\n  \r\n                <div *ngFor=\"let action of config.actions\">\r\n                  {{ criarMenusModal(rowData, rowNode) }}\r\n                </div>\r\n  \r\n                <p-menu #menu [popup]=\"true\" [model]=\"menuItems\" appendTo=\"body\"></p-menu>\r\n  \r\n                <!-- :: Icone de collapse na direita :: -->\r\n                <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"rightCollapse\"></p-treeTableToggler>\r\n              </div>\r\n            </div>\r\n\r\n\r\n\r\n          </td>\r\n\r\n\r\n\r\n\r\n        </tr>\r\n\r\n\r\n\r\n    </ng-template>\r\n\r\n\r\n    <!-- :: Template para icone de collapse na direita -->\r\n    <ng-template *ngIf=\"rightCollapse\" pTemplate=\"togglericon\" let-open>\r\n      <span *ngIf=\"open\" class=\"pi pi-angle-left\"></span>\r\n      <span *ngIf=\"!open\" class=\"pi pi-angle-down\"></span>\r\n    </ng-template>\r\n\r\n\r\n\r\n\r\n    <!-- :: Hotfix do bug da vers\u00E3o 15 do primeng, ao retirar esse bloco de codigo na vers\u00E3o 15 do primeng os icones de prev e next do paginator ir\u00E3o sumir ( resolvido na vers\u00E3o 16.0)  :: -->\r\n\r\n    <ng-template pTemplate=\"paginatorfirstpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorpreviouspagelinkicon\">\r\n      <span class=\"pi pi-angle-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatornextpagelinkicon\">\r\n      <span class=\"pi pi-angle-right\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorlastpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-right\"></span>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td [attr.colspan]=\"columns.length + 2\" style=\"text-align: center\">\r\n          Nenhum registro encontrado\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n  </p-treeTable>\r\n\r\n</div>\r\n\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: [".error-show{background-color:red;width:5px;height:10px}.input-search{position:relative;right:8px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}#botaoFiltro:hover{color:#a9a9a9}.actionLoteBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover{color:#a9a9a9}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:17px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover,#moreVertBtn:hover{color:#a9a9a9}.icon-search{top:20px}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}}:host ::ng-deep .hiddenVisible span{visibility:hidden!important;cursor:hidden}.margem-filho{margin-left:25px!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: i1.DecimalPipe }, { type: CodigoFipePipe }, { type: CpfCnpjPipe }, { type: TelefonePipe }]; }, propDecorators: { config: [{
                 type: Input
             }], dataSource: [{
@@ -2837,6 +2873,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }], _templates: [{
                 type: Input,
                 args: ['templates']
+            }], colorButtonToggleNodes: [{
+                type: Input
             }], templates: [{
                 type: ContentChildren,
                 args: [TemplateDirective]
@@ -2858,17 +2896,20 @@ class KVTreeTableModule {
 KVTreeTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KVTreeTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 KVTreeTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KVTreeTableModule, declarations: [TreeTableComponent], imports: [CommonModule,
         PrimeNgModule,
-        FormsModule], exports: [TreeTableComponent] });
+        FormsModule,
+        KvButtonsModule], exports: [TreeTableComponent] });
 KVTreeTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KVTreeTableModule, imports: [CommonModule,
         PrimeNgModule,
-        FormsModule] });
+        FormsModule,
+        KvButtonsModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KVTreeTableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         CommonModule,
                         PrimeNgModule,
-                        FormsModule
+                        FormsModule,
+                        KvButtonsModule
                     ],
                     declarations: [TreeTableComponent],
                     exports: [TreeTableComponent]