keevo-components 1.5.166 → 1.5.167

package/fesm2015/keevo-components.mjs

@@ -1859,10 +1859,10 @@ class InputNumberComponent extends BaseComponentInput {
     }
 }
 InputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputNumberComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
-InputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: InputNumberComponent, selector: "kv-input-number", inputs: { mode: "mode", digits: "digits", min: "min", max: "max", suffix: "suffix" }, providers: ComponentProviders(InputNumberComponent), viewQueries: [{ propertyName: "inputNumber", first: true, predicate: ["inputNumber"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-inputNumber\r\n    #inputNumber\r\n    [class]=\"baseInputClass\"\r\n    [inputId]=\"componentId\"\r\n    styleClass=\"inputs\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [suffix]=\"suffix\"\r\n    [(ngModel)]=\"value\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-inputNumber>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$4.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] });
+InputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: InputNumberComponent, selector: "kv-input-number", inputs: { mode: "mode", digits: "digits", min: "min", max: "max", suffix: "suffix" }, providers: ComponentProviders(InputNumberComponent), viewQueries: [{ propertyName: "inputNumber", first: true, predicate: ["inputNumber"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-inputNumber\r\n    #inputNumber\r\n    [disabled]=\"disabled\"\r\n    [class]=\"baseInputClass\"\r\n    [inputId]=\"componentId\"\r\n    styleClass=\"inputs\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [suffix]=\"suffix\"\r\n    [(ngModel)]=\"value\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-inputNumber>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4$4.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputNumberComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-number', providers: ComponentProviders(InputNumberComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-inputNumber\r\n    #inputNumber\r\n    [class]=\"baseInputClass\"\r\n    [inputId]=\"componentId\"\r\n    styleClass=\"inputs\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [suffix]=\"suffix\"\r\n    [(ngModel)]=\"value\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-inputNumber>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-input-number', providers: ComponentProviders(InputNumberComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label\"\r\n  />\r\n  <p-inputNumber\r\n    #inputNumber\r\n    [disabled]=\"disabled\"\r\n    [class]=\"baseInputClass\"\r\n    [inputId]=\"componentId\"\r\n    styleClass=\"inputs\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [suffix]=\"suffix\"\r\n    [(ngModel)]=\"value\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-inputNumber>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { mode: [{
                 type: Input
             }], digits: [{
@@ -3492,12 +3492,15 @@ class TreeTableComponent {
         if (array.find((x) => x == 'ng-star-inserted') != undefined)
             this.doubleClickEvent.emit(eventDoubleClick);
     }
+    isDisabledCheckbox(rowData, rowNode) {
+        return this.config.disableControlCheckboxFunction ? this.config.disableControlCheckboxFunction(rowData, rowNode) : false;
+    }
 }
 TreeTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TreeTableComponent, deps: [{ token: i1.DatePipe }, { token: i1.DecimalPipe }, { token: CodigoFipePipe }, { token: CpfCnpjPipe }, { token: TelefonePipe }], target: i0.ɵɵFactoryTarget.Component });
-TreeTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TreeTableComponent, selector: "kv-treetable", inputs: { config: "config", dataSource: "dataSource", selectedItems: "selectedItems", acoesLinhaTabela: "acoesLinhaTabela", espacamentoPai: "espacamentoPai", espacamentoLateral: "espacamentoLateral", tamanhoTotalTree: "tamanhoTotalTree", rowsPerPageOptions: "rowsPerPageOptions", rows: "rows", tableSize: "tableSize", paginator: "paginator", rightCollapse: "rightCollapse", applyStyle: "applyStyle", _templates: ["templates", "_templates"], colorButtonToggleNodes: "colorButtonToggleNodes" }, outputs: { onFilter: "onFilter", onPaginate: "onPaginate", onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", doubleClickEvent: "doubleClickEvent" }, 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\">\r\n        <div class=\"p-input-icon-left flex justify-content-between align-items-center\" *ngIf=\"config.enableFilter\">\r\n          <span class=\"block mt-2 md:mt-0 p-input-icon-left text-align-center\">\r\n            <i class=\"material-symbols-outlined icon-search\" style=\"display: inline-block\">\r\n              search\r\n            </i>\r\n\r\n            <input pInputText type=\"text\" (input)=\"onGlobalFilter(tt,$event)\"\r\n              placeholder=\"Pesquisar...\" class=\"w-full mb-1\" style=\"height: 40px\" />\r\n          </span>\r\n          <div *ngIf=\"config.enableToggleNodes\">\r\n\r\n            <button (click)=\"toggleNodes()\" id=\"actionLoteBtns\" [pTooltip]=\"isExpanded ? 'Recolher Todos' : 'Expandir Todos'\" pButton class=\"actionLoteBtns toggle p-button-raised p-button-text\">\r\n\r\n              <span class=\"pi\" [ngClass]=\"{'pi-chevron-down': isExpanded, ' pi-chevron-right': !isExpanded}\">\r\n\r\n              </span>\r\n\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end mr-2 \">\r\n          <div *ngFor=\"let action of config.actionsLote\" class=\"btns-options\">\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"retornarCampo(action, selectedItems, 'tooltip')\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [style.backgroundColor]=\"retornarCampo(action, selectedItems, 'btnColor')\"\r\n              [disabled]=\"retornarCampo(action, selectedItems, 'disabled')\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                [style.color]=\"\r\n                  retornarCampo(action, selectedItems, 'iconBtnColor')\r\n                \"\r\n              >\r\n                {{ retornarCampo(action, selectedItems, \"icon\") }}\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n\r\n\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\" (dblclick)=\"doubleClick($event, rowData, rowNode)\">\r\n          <td [style]=\"applyStyle(rowData, col)\" *ngFor=\"let col of config.columns; let i = index,\" class=\"rowTable\" [ngClass]=\"{'flex': i == 0, 'margem-filho': i == 0 && rowNode.level != 0 && espacamentoLateral }\" >\r\n\r\n\r\n            <!-- // Collapse -->\r\n            <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"!rightCollapse && i == 0\"></p-treeTableToggler>\r\n            <p-treeTableToggler class=\"hiddenVisible\" [rowNode]=\"rowNode\"\r\n              *ngIf=\"rightCollapse && i == 0\"></p-treeTableToggler>\r\n\r\n\r\n            <!-- // Checkbox para multisele\u00E7\u00E3o-->\r\n            <p-treeTableCheckbox (click)=\"activeItemLote(selectedItems)\" [value]=\"rowNode\"\r\n              *ngIf=\"config.enableSelect == true && i === 0\"></p-treeTableCheckbox>\r\n\r\n            <!-- // Campo com tipo booleano -->\r\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\r\n\r\n              <!-- // Campo com tipo padr\u00E3o -->\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col) && !col.template\"\r\n                [ngClass]=\"{'flex align-items-center max-w-max': i == config.columns.length-1}\">\r\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n\r\n              <!-- // Campo com tipo imagem -->\r\n              <span *ngIf=\"isImageField(col)\">\r\n                <span>\r\n                  <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                </span>\r\n              </span>\r\n\r\n              <!-- // Campo com tipo de chip -->\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span class=\"p-element border-null border-round-2xl chip-style p-2 text-null w-auto\"\r\n                  [pTooltip]=\"rowData[col.field]\">{{\r\n                  transformValue(rowData, col)\r\n                  }} teste</span>\r\n              </div>\r\n\r\n            </span>\r\n\r\n\r\n            <!-- // Template campo booleano -->\r\n            <ng-template #booleanField>\r\n              <i *ngIf=\"!col.iconField\" [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"><span class=\"material-symbols-outlined\">\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n            </ng-template>\r\n\r\n\r\n            <!-- // Template campo personalizado -->\r\n            <ng-container *ngIf=\"col.template && getCustomTemplate(col.template.name) \"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData, rowNodeLevel: rowNode.level }\">\r\n            </ng-container>\r\n\r\n          </td>\r\n\r\n\r\n\r\n          <td *ngIf=\"config.actions && config.actions.length > 0 && !validaLinhaAcaoVazia(rowData, rowNode)\" style=\"width: 20px;\"\r\n            [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\">\r\n\r\n\r\n            <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"acoesLinhaTabela\">\r\n              <div *ngFor=\"let action of config.actions\">\r\n                <button id=\"actionBtns\" pButton *ngIf=\"exibirCampo(action, rowData)\"\r\n                  class=\"actionBtns p-button-text p-button-raised\"\r\n                  (click)=\"activeItem(rowNode, rowData); action?.command()\"\r\n                  [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\" [tooltipPosition]=\"'bottom'\"\r\n                  [disabled]=\"callDisabled(action, rowData)\">\r\n                  <span class=\"material-symbols-outlined md-19\">\r\n                    {{ retornarCampo(action, rowData, \"icon\") }}</span>\r\n                </button>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"!acoesLinhaTabela\">\r\n              <button id=\"moreVertBtn\" pButton class=\"actionBtns p-button-text p-button-raised\"\r\n                (click)=\"menu.toggle($event); activeItem(rowNode, rowData)\">\r\n                <span class=\"material-symbols-outlined\" style=\"font-size: 20px\">\r\n                  more_horiz\r\n                </span>\r\n              </button>\r\n\r\n              <div *ngFor=\"let action of config.actions\">\r\n                {{ criarMenusModal(rowData, rowNode) }}\r\n              </div>\r\n\r\n              <p-menu #menu [popup]=\"true\" [model]=\"menuItems\" appendTo=\"body\"></p-menu>\r\n\r\n              <!-- :: Icone de collapse na direita :: -->\r\n              <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"rightCollapse\"></p-treeTableToggler>\r\n            </div>\r\n\r\n          </td>\r\n\r\n\r\n\r\n\r\n        </tr>\r\n\r\n\r\n\r\n    </ng-template>\r\n\r\n\r\n    <!-- :: Template para icone de collapse na direita -->\r\n    <ng-template *ngIf=\"rightCollapse\" pTemplate=\"togglericon\" let-open>\r\n      <span *ngIf=\"open\" class=\"pi pi-angle-left\"></span>\r\n      <span *ngIf=\"!open\" class=\"pi pi-angle-down\"></span>\r\n    </ng-template>\r\n\r\n\r\n\r\n\r\n    <!-- :: Hotfix do bug da vers\u00E3o 15 do primeng, ao retirar esse bloco de codigo na vers\u00E3o 15 do primeng os icones de prev e next do paginator ir\u00E3o sumir ( resolvido na vers\u00E3o 16.0)  :: -->\r\n\r\n    <ng-template pTemplate=\"paginatorfirstpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorpreviouspagelinkicon\">\r\n      <span class=\"pi pi-angle-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatornextpagelinkicon\">\r\n      <span class=\"pi pi-angle-right\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorlastpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-right\"></span>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td [attr.colspan]=\"columns.length + 2\" style=\"text-align: center\">\r\n          Nenhum registro encontrado\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n  </p-treeTable>\r\n\r\n</div>\r\n\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: [".error-show{background-color:red;width:5px;height:10px}.input-search{position:relative;right:8px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}#botaoFiltro:hover{color:#a9a9a9}.actionLoteBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover{color:#a9a9a9}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:17px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover,#moreVertBtn:hover{color:#a9a9a9}.icon-search{top:20px}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}}:host ::ng-deep .hiddenVisible span{visibility:hidden!important;cursor:hidden}.margem-filho{margin-left:25px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.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$6.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: 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", doubleClickEvent: "doubleClickEvent" }, 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\">\r\n        <div class=\"p-input-icon-left flex justify-content-between align-items-center\" *ngIf=\"config.enableFilter\">\r\n          <span class=\"block mt-2 md:mt-0 p-input-icon-left text-align-center\">\r\n            <i class=\"material-symbols-outlined icon-search\" style=\"display: inline-block\">\r\n              search\r\n            </i>\r\n\r\n            <input pInputText type=\"text\" (input)=\"onGlobalFilter(tt,$event)\"\r\n              placeholder=\"Pesquisar...\" class=\"w-full mb-1\" style=\"height: 40px\" />\r\n          </span>\r\n          <div *ngIf=\"config.enableToggleNodes\">\r\n\r\n            <button (click)=\"toggleNodes()\" id=\"actionLoteBtns\" [pTooltip]=\"isExpanded ? 'Recolher Todos' : 'Expandir Todos'\" pButton class=\"actionLoteBtns toggle p-button-raised p-button-text\">\r\n\r\n              <span class=\"pi\" [ngClass]=\"{'pi-chevron-down': isExpanded, ' pi-chevron-right': !isExpanded}\">\r\n\r\n              </span>\r\n\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end mr-2 \">\r\n          <div *ngFor=\"let action of config.actionsLote\" class=\"btns-options\">\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"retornarCampo(action, selectedItems, 'tooltip')\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [style.backgroundColor]=\"retornarCampo(action, selectedItems, 'btnColor')\"\r\n              [disabled]=\"retornarCampo(action, selectedItems, 'disabled')\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                [style.color]=\"\r\n                  retornarCampo(action, selectedItems, 'iconBtnColor')\r\n                \"\r\n              >\r\n                {{ retornarCampo(action, selectedItems, \"icon\") }}\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n\r\n\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\" (dblclick)=\"doubleClick($event, rowData, 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 [disabled]=\"isDisabledCheckbox(rowData, rowNode)\" (click)=\"activeItemLote(selectedItems)\" [value]=\"rowNode\"\r\n              *ngIf=\"config.enableSelect == true && i === 0\"></p-treeTableCheckbox>\r\n\r\n            <!-- // Campo com tipo booleano -->\r\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\r\n\r\n              <!-- // Campo com tipo padr\u00E3o -->\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col) && !col.template\"\r\n                [ngClass]=\"{'flex align-items-center max-w-max': i == config.columns.length-1}\">\r\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n\r\n              <!-- // Campo com tipo imagem -->\r\n              <span *ngIf=\"isImageField(col)\">\r\n                <span>\r\n                  <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                </span>\r\n              </span>\r\n\r\n              <!-- // Campo com tipo de chip -->\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span class=\"p-element border-null border-round-2xl chip-style p-2 text-null w-auto\"\r\n                  [pTooltip]=\"rowData[col.field]\">{{\r\n                  transformValue(rowData, col)\r\n                  }} teste</span>\r\n              </div>\r\n\r\n            </span>\r\n\r\n\r\n            <!-- // Template campo booleano -->\r\n            <ng-template #booleanField>\r\n              <i *ngIf=\"!col.iconField\" [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"><span class=\"material-symbols-outlined\">\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n            </ng-template>\r\n\r\n\r\n            <!-- // Template campo personalizado -->\r\n            <ng-container *ngIf=\"col.template && getCustomTemplate(col.template.name) \"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData, rowNodeLevel: rowNode.level }\">\r\n            </ng-container>\r\n\r\n          </td>\r\n\r\n\r\n\r\n          <td *ngIf=\"config.actions && config.actions.length > 0 && !validaLinhaAcaoVazia(rowData, rowNode)\" style=\"width: 20px;\"\r\n            [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\">\r\n\r\n\r\n            <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"acoesLinhaTabela\">\r\n              <div *ngFor=\"let action of config.actions\">\r\n                <button id=\"actionBtns\" pButton *ngIf=\"exibirCampo(action, rowData)\"\r\n                  class=\"actionBtns p-button-text p-button-raised\"\r\n                  (click)=\"activeItem(rowNode, rowData); action?.command()\"\r\n                  [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\" [tooltipPosition]=\"'bottom'\"\r\n                  [disabled]=\"callDisabled(action, rowData)\">\r\n                  <span class=\"material-symbols-outlined md-19\">\r\n                    {{ retornarCampo(action, rowData, \"icon\") }}</span>\r\n                </button>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"!acoesLinhaTabela\">\r\n              <button id=\"moreVertBtn\" pButton class=\"actionBtns p-button-text p-button-raised\"\r\n                (click)=\"menu.toggle($event); activeItem(rowNode, rowData)\">\r\n                <span class=\"material-symbols-outlined\" style=\"font-size: 20px\">\r\n                  more_horiz\r\n                </span>\r\n              </button>\r\n\r\n              <div *ngFor=\"let action of config.actions\">\r\n                {{ criarMenusModal(rowData, rowNode) }}\r\n              </div>\r\n\r\n              <p-menu #menu [popup]=\"true\" [model]=\"menuItems\" appendTo=\"body\"></p-menu>\r\n\r\n              <!-- :: Icone de collapse na direita :: -->\r\n              <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"rightCollapse\"></p-treeTableToggler>\r\n            </div>\r\n\r\n          </td>\r\n\r\n\r\n\r\n\r\n        </tr>\r\n\r\n\r\n\r\n    </ng-template>\r\n\r\n\r\n    <!-- :: Template para icone de collapse na direita -->\r\n    <ng-template *ngIf=\"rightCollapse\" pTemplate=\"togglericon\" let-open>\r\n      <span *ngIf=\"open\" class=\"pi pi-angle-left\"></span>\r\n      <span *ngIf=\"!open\" class=\"pi pi-angle-down\"></span>\r\n    </ng-template>\r\n\r\n\r\n\r\n\r\n    <!-- :: Hotfix do bug da vers\u00E3o 15 do primeng, ao retirar esse bloco de codigo na vers\u00E3o 15 do primeng os icones de prev e next do paginator ir\u00E3o sumir ( resolvido na vers\u00E3o 16.0)  :: -->\r\n\r\n    <ng-template pTemplate=\"paginatorfirstpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorpreviouspagelinkicon\">\r\n      <span class=\"pi pi-angle-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatornextpagelinkicon\">\r\n      <span class=\"pi pi-angle-right\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorlastpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-right\"></span>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td [attr.colspan]=\"columns.length + 2\" style=\"text-align: center\">\r\n          Nenhum registro encontrado\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n  </p-treeTable>\r\n\r\n</div>\r\n\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: [".error-show{background-color:red;width:5px;height:10px}.input-search{position:relative;right:8px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}#botaoFiltro:hover{color:#a9a9a9}.actionLoteBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover{color:#a9a9a9}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:17px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover,#moreVertBtn:hover{color:#a9a9a9}.icon-search{top:20px}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}}:host ::ng-deep .hiddenVisible span{visibility:hidden!important;cursor:hidden}.margem-filho{margin-left:25px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.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$6.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: 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" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TreeTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-treetable', template: "<div>\r\n\r\n  <p-treeTable #tt [value]=\"dataSource\" [columns]=\"config.columns\" [(selection)]=\"selectedItems\" [scrollable]=\"true\"\r\n    selectionMode=\"checkbox\" [(selection)]=\"selectedNodes\" [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [paginator]=\"paginator\" [rows]=\"rows\" [totalRecords]=\"tamanhoTotalTree\" [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\" rowGroupMode=\"subheader\" groupRowsBy=\"id\" >\r\n\r\n    <ng-template pTemplate=\"caption\" *ngIf=\"config.enableToggleNodes || config.enableFilter\">\r\n      <div class=\"flex justify-content-between\">\r\n        <div class=\"p-input-icon-left flex justify-content-between align-items-center\" *ngIf=\"config.enableFilter\">\r\n          <span class=\"block mt-2 md:mt-0 p-input-icon-left text-align-center\">\r\n            <i class=\"material-symbols-outlined icon-search\" style=\"display: inline-block\">\r\n              search\r\n            </i>\r\n\r\n            <input pInputText type=\"text\" (input)=\"onGlobalFilter(tt,$event)\"\r\n              placeholder=\"Pesquisar...\" class=\"w-full mb-1\" style=\"height: 40px\" />\r\n          </span>\r\n          <div *ngIf=\"config.enableToggleNodes\">\r\n\r\n            <button (click)=\"toggleNodes()\" id=\"actionLoteBtns\" [pTooltip]=\"isExpanded ? 'Recolher Todos' : 'Expandir Todos'\" pButton class=\"actionLoteBtns toggle p-button-raised p-button-text\">\r\n\r\n              <span class=\"pi\" [ngClass]=\"{'pi-chevron-down': isExpanded, ' pi-chevron-right': !isExpanded}\">\r\n\r\n              </span>\r\n\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end mr-2 \">\r\n          <div *ngFor=\"let action of config.actionsLote\" class=\"btns-options\">\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"retornarCampo(action, selectedItems, 'tooltip')\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [style.backgroundColor]=\"retornarCampo(action, selectedItems, 'btnColor')\"\r\n              [disabled]=\"retornarCampo(action, selectedItems, 'disabled')\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                [style.color]=\"\r\n                  retornarCampo(action, selectedItems, 'iconBtnColor')\r\n                \"\r\n              >\r\n                {{ retornarCampo(action, selectedItems, \"icon\") }}\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n\r\n\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\" (dblclick)=\"doubleClick($event, rowData, 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\">\r\n        <div class=\"p-input-icon-left flex justify-content-between align-items-center\" *ngIf=\"config.enableFilter\">\r\n          <span class=\"block mt-2 md:mt-0 p-input-icon-left text-align-center\">\r\n            <i class=\"material-symbols-outlined icon-search\" style=\"display: inline-block\">\r\n              search\r\n            </i>\r\n\r\n            <input pInputText type=\"text\" (input)=\"onGlobalFilter(tt,$event)\"\r\n              placeholder=\"Pesquisar...\" class=\"w-full mb-1\" style=\"height: 40px\" />\r\n          </span>\r\n          <div *ngIf=\"config.enableToggleNodes\">\r\n\r\n            <button (click)=\"toggleNodes()\" id=\"actionLoteBtns\" [pTooltip]=\"isExpanded ? 'Recolher Todos' : 'Expandir Todos'\" pButton class=\"actionLoteBtns toggle p-button-raised p-button-text\">\r\n\r\n              <span class=\"pi\" [ngClass]=\"{'pi-chevron-down': isExpanded, ' pi-chevron-right': !isExpanded}\">\r\n\r\n              </span>\r\n\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-1 justify-content-end mr-2 \">\r\n          <div *ngFor=\"let action of config.actionsLote\" class=\"btns-options\">\r\n            <button\r\n              id=\"actionLoteBtns\"\r\n              pButton\r\n              *ngIf=\"(selectedItems.length > 0 || action.showAcoesLote) && exibirCampo(action, this.action)\"\r\n              class=\"actionLoteBtns p-button-raised p-button-text\"\r\n              (click)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"retornarCampo(action, selectedItems, 'tooltip')\"\r\n              [tooltipPosition]=\"'bottom'\"\r\n              [style.backgroundColor]=\"retornarCampo(action, selectedItems, 'btnColor')\"\r\n              [disabled]=\"retornarCampo(action, selectedItems, 'disabled')\"\r\n            >\r\n              <span\r\n                class=\"material-symbols-outlined md-22\"\r\n                [style.color]=\"\r\n                  retornarCampo(action, selectedItems, 'iconBtnColor')\r\n                \"\r\n              >\r\n                {{ retornarCampo(action, selectedItems, \"icon\") }}\r\n              </span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n\r\n\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\" (dblclick)=\"doubleClick($event, rowData, 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 [disabled]=\"isDisabledCheckbox(rowData, rowNode)\" (click)=\"activeItemLote(selectedItems)\" [value]=\"rowNode\"\r\n              *ngIf=\"config.enableSelect == true && i === 0\"></p-treeTableCheckbox>\r\n\r\n            <!-- // Campo com tipo booleano -->\r\n            <span *ngIf=\"!isBooleanField(rowData, col); else booleanField\" [class]=\"returnRowClass(rowData, col)\">\r\n\r\n              <!-- // Campo com tipo padr\u00E3o -->\r\n              <span *ngIf=\"!isChipField(col) && !col.iconField && !isImageField(col) && !col.template\"\r\n                [ngClass]=\"{'flex align-items-center max-w-max': i == config.columns.length-1}\">\r\n                <i *ngIf=\"col.icon\" [class]=\"col.icon + ' mr-2'\"></i>\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n\r\n\r\n              <!-- // Campo com tipo imagem -->\r\n              <span *ngIf=\"isImageField(col)\">\r\n                <span>\r\n                  <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n                </span>\r\n              </span>\r\n\r\n              <!-- // Campo com tipo de chip -->\r\n              <div *ngIf=\"isChipField(col) && !col.iconField\">\r\n                <span class=\"p-element border-null border-round-2xl chip-style p-2 text-null w-auto\"\r\n                  [pTooltip]=\"rowData[col.field]\">{{\r\n                  transformValue(rowData, col)\r\n                  }} teste</span>\r\n              </div>\r\n\r\n            </span>\r\n\r\n\r\n            <!-- // Template campo booleano -->\r\n            <ng-template #booleanField>\r\n              <i *ngIf=\"!col.iconField\" [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"><span class=\"material-symbols-outlined\">\r\n                  {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                </span>\r\n              </i>\r\n            </ng-template>\r\n\r\n\r\n            <!-- // Template campo personalizado -->\r\n            <ng-container *ngIf=\"col.template && getCustomTemplate(col.template.name) \"\r\n              [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: rowData, rowNodeLevel: rowNode.level }\">\r\n            </ng-container>\r\n\r\n          </td>\r\n\r\n\r\n\r\n          <td *ngIf=\"config.actions && config.actions.length > 0 && !validaLinhaAcaoVazia(rowData, rowNode)\" style=\"width: 20px;\"\r\n            [style]=\"applyStyle(rowData, { field: 'btns-options', header: '' })\">\r\n\r\n\r\n            <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"acoesLinhaTabela\">\r\n              <div *ngFor=\"let action of config.actions\">\r\n                <button id=\"actionBtns\" pButton *ngIf=\"exibirCampo(action, rowData)\"\r\n                  class=\"actionBtns p-button-text p-button-raised\"\r\n                  (click)=\"activeItem(rowNode, rowData); action?.command()\"\r\n                  [pTooltip]=\"retornarCampo(action, rowData, 'tooltip')\" [tooltipPosition]=\"'bottom'\"\r\n                  [disabled]=\"callDisabled(action, rowData)\">\r\n                  <span class=\"material-symbols-outlined md-19\">\r\n                    {{ retornarCampo(action, rowData, \"icon\") }}</span>\r\n                </button>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"flex flex-row justify-content-end w-full\" *ngIf=\"!acoesLinhaTabela\">\r\n              <button id=\"moreVertBtn\" pButton class=\"actionBtns p-button-text p-button-raised\"\r\n                (click)=\"menu.toggle($event); activeItem(rowNode, rowData)\">\r\n                <span class=\"material-symbols-outlined\" style=\"font-size: 20px\">\r\n                  more_horiz\r\n                </span>\r\n              </button>\r\n\r\n              <div *ngFor=\"let action of config.actions\">\r\n                {{ criarMenusModal(rowData, rowNode) }}\r\n              </div>\r\n\r\n              <p-menu #menu [popup]=\"true\" [model]=\"menuItems\" appendTo=\"body\"></p-menu>\r\n\r\n              <!-- :: Icone de collapse na direita :: -->\r\n              <p-treeTableToggler [rowNode]=\"rowNode\" *ngIf=\"rightCollapse\"></p-treeTableToggler>\r\n            </div>\r\n\r\n          </td>\r\n\r\n\r\n\r\n\r\n        </tr>\r\n\r\n\r\n\r\n    </ng-template>\r\n\r\n\r\n    <!-- :: Template para icone de collapse na direita -->\r\n    <ng-template *ngIf=\"rightCollapse\" pTemplate=\"togglericon\" let-open>\r\n      <span *ngIf=\"open\" class=\"pi pi-angle-left\"></span>\r\n      <span *ngIf=\"!open\" class=\"pi pi-angle-down\"></span>\r\n    </ng-template>\r\n\r\n\r\n\r\n\r\n    <!-- :: Hotfix do bug da vers\u00E3o 15 do primeng, ao retirar esse bloco de codigo na vers\u00E3o 15 do primeng os icones de prev e next do paginator ir\u00E3o sumir ( resolvido na vers\u00E3o 16.0)  :: -->\r\n\r\n    <ng-template pTemplate=\"paginatorfirstpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorpreviouspagelinkicon\">\r\n      <span class=\"pi pi-angle-left\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatornextpagelinkicon\">\r\n      <span class=\"pi pi-angle-right\"></span>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"paginatorlastpagelinkicon\">\r\n      <span class=\"pi pi-angle-double-right\"></span>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td [attr.colspan]=\"columns.length + 2\" style=\"text-align: center\">\r\n          Nenhum registro encontrado\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n\r\n\r\n  </p-treeTable>\r\n\r\n</div>\r\n\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: [".error-show{background-color:red;width:5px;height:10px}.input-search{position:relative;right:8px}.btns-options{position:relative;left:20px}.chip-style{border:solid 1px}:host::ng-deep .p-card .p-card-content{padding:0}.material-symbols-outlined.md-19{font-size:19px}.material-symbols-outlined.md-22{font-size:22px}.checkbox-container{display:flex;align-items:center;gap:2px;margin-top:5px}#botaoFiltro:hover{color:#a9a9a9}.actionLoteBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;font-size:16px;width:2rem;height:2rem;top:2px;margin-left:.5rem;justify-content:center;text-decoration:none;text-align:justify;padding:12px}#actionLoteBtns:hover{color:#a9a9a9}.actionBtns{align-items:center;background-color:transparent;color:#a9a9a9;display:flex;width:.8rem;height:.8rem;margin-left:.22rem;justify-content:center;text-decoration:none;text-align:justify;padding:11px}:host::ng-deep .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:17px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}#actionBtns:hover,#moreVertBtn:hover{color:#a9a9a9}.icon-search{top:20px}.image{border-style:solid;border-width:3.5px;border-color:#5289b4;border-radius:100%;height:55px;width:55px;padding:0;margin:0;vertical-align:middle}@media only screen and (min-width: 768px){.actionLoteBtns{top:-1px}}@media only screen and (max-width: 960px){.rowTable{text-align:right!important}}:host ::ng-deep .hiddenVisible span{visibility:hidden!important;cursor:hidden}.margem-filho{margin-left:25px!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: i1.DecimalPipe }, { type: CodigoFipePipe }, { type: CpfCnpjPipe }, { type: TelefonePipe }]; }, propDecorators: { config: [{
                 type: Input
             }], dataSource: [{