primeng 19.0.6 → 19.0.7

package/fesm2022/primeng-treetable.mjs

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common';
 import { isPlatformBrowser, DOCUMENT, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, inject, EventEmitter, NgZone, booleanAttribute, numberAttribute, Component, ViewEncapsulation, Input, Output, ViewChild, ContentChild, ContentChildren, PLATFORM_ID, Inject, Directive, HostListener, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Injectable, inject, EventEmitter, NgZone, booleanAttribute, numberAttribute, ContentChildren, ContentChild, ViewChild, Output, Input, ViewEncapsulation, Component, PLATFORM_ID, Inject, HostListener, Directive, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import * as i4 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { resolveFieldData, isEmpty, getOffset, addClass, findSingle, getIndex, calculateScrollbarWidth, removeClass, hasClass, getHiddenElementOuterWidth, getHiddenElementOuterHeight, reorderArray, equals, find, calculateScrollbarHeight, clearSelection, invokeElementMethod, focus, isNotEmpty, getAttribute } from '@primeuix/utils';
@@ -533,12 +533,12 @@ class TreeTableStyle extends BaseStyle {
     theme = theme;
     classes = classes;
     inlineStyles = inlineStyles;
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTreeTableStyle_BaseFactory; return function TreeTableStyle_Factory(__ngFactoryType__) { return (ɵTreeTableStyle_BaseFactory || (ɵTreeTableStyle_BaseFactory = i0.ɵɵgetInheritedFactory(TreeTableStyle)))(__ngFactoryType__ || TreeTableStyle); }; })();
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TreeTableStyle, factory: TreeTableStyle.ɵfac });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TreeTableStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TreeTableStyle });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeTableStyle, [{
-        type: Injectable
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TreeTableStyle, decorators: [{
+            type: Injectable
+        }] });
 /**
  *
  * TreeTable is used to display hierarchical data in tabular format.
@@ -636,621 +636,6 @@ var TreeTableClasses;
     TreeTableClasses["columnResizeIndicator"] = "p-treetable-column-resize-indicator";
 })(TreeTableClasses || (TreeTableClasses = {}));
 
-const _c0 = ["colgroup"];
-const _c1 = ["caption"];
-const _c2 = ["header"];
-const _c3 = ["body"];
-const _c4 = ["footer"];
-const _c5 = ["summary"];
-const _c6 = ["emptymessage"];
-const _c7 = ["paginatorleft"];
-const _c8 = ["paginatorright"];
-const _c9 = ["paginatordropdownitem"];
-const _c10 = ["frozenheader"];
-const _c11 = ["frozenbody"];
-const _c12 = ["frozenfooter"];
-const _c13 = ["frozencolgroup"];
-const _c14 = ["loadingicon"];
-const _c15 = ["reorderindicatorupicon"];
-const _c16 = ["reorderindicatordownicon"];
-const _c17 = ["sorticon"];
-const _c18 = ["checkboxicon"];
-const _c19 = ["headercheckboxicon"];
-const _c20 = ["togglericon"];
-const _c21 = ["paginatorfirstpagelinkicon"];
-const _c22 = ["paginatorlastpagelinkicon"];
-const _c23 = ["paginatorpreviouspagelinkicon"];
-const _c24 = ["paginatornextpagelinkicon"];
-const _c25 = ["loader"];
-const _c26 = ["container"];
-const _c27 = ["resizeHelper"];
-const _c28 = ["reorderIndicatorUp"];
-const _c29 = ["reorderIndicatorDown"];
-const _c30 = ["table"];
-const _c31 = ["scrollableView"];
-const _c32 = ["scrollableFrozenView"];
-const _c33 = (a0, a1, a2, a3, a4, a5) => ({ "p-treetable p-component": true, "p-treetable-gridlines": a0, "p-treetable-hoverable-rows": a1, "p-treetable-auto-layout": a2, "p-treetable-resizable": a3, "p-treetable-resizable-fit": a4, "p-treetable-flex-scrollable": a5 });
-const _c34 = a0 => ({ $implicit: a0 });
-const _c35 = (a0, a1) => ({ left: a0, width: a1 });
-const _c36 = a0 => ({ width: a0 });
-function TreeTable_div_2_i_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i");
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassMap("p-treetable-loading-icon pi-spin " + ctx_r0.loadingIcon);
-} }
-function TreeTable_div_2_ng_container_3_SpinnerIcon_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "SpinnerIcon", 24);
-} if (rf & 2) {
-    i0.ɵɵproperty("spin", true)("styleClass", "p-treetable-loading-icon");
-} }
-function TreeTable_div_2_ng_container_3_span_2_1_ng_template_0_Template(rf, ctx) { }
-function TreeTable_div_2_ng_container_3_span_2_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_div_2_ng_container_3_span_2_1_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function TreeTable_div_2_ng_container_3_span_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 25);
-    i0.ɵɵtemplate(1, TreeTable_div_2_ng_container_3_span_2_1_Template, 1, 0, null, 26);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.loadingIconTemplate || ctx_r0._loadingIconTemplate);
-} }
-function TreeTable_div_2_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, TreeTable_div_2_ng_container_3_SpinnerIcon_1_Template, 1, 2, "SpinnerIcon", 22)(2, TreeTable_div_2_ng_container_3_span_2_Template, 2, 1, "span", 23);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.loadingIconTemplate && !ctx_r0._loadingIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.loadingIconTemplate || ctx_r0._loadingIconTemplate);
-} }
-function TreeTable_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18)(1, "div", 19);
-    i0.ɵɵtemplate(2, TreeTable_div_2_i_2_Template, 1, 2, "i", 20)(3, TreeTable_div_2_ng_container_3_Template, 3, 2, "ng-container", 21);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.loadingIcon);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.loadingIcon);
-} }
-function TreeTable_div_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TreeTable_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
-    i0.ɵɵtemplate(1, TreeTable_div_3_ng_container_1_Template, 1, 0, "ng-container", 26);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.captionTemplate || ctx_r0._captionTemplate);
-} }
-function TreeTable_p_paginator_4_1_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TreeTable_p_paginator_4_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_4_1_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 26);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorFirstPageLinkIconTemplate || ctx_r0._paginatorFirstPageLinkIconTemplate);
-} }
-function TreeTable_p_paginator_4_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_4_1_ng_template_0_Template, 1, 1, "ng-template", 29);
-} }
-function TreeTable_p_paginator_4_2_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TreeTable_p_paginator_4_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_4_2_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 26);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorPreviousPageLinkIconTemplate || ctx_r0._paginatorPreviousPageLinkIconTemplate);
-} }
-function TreeTable_p_paginator_4_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_4_2_ng_template_0_Template, 1, 1, "ng-template", 30);
-} }
-function TreeTable_p_paginator_4_3_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TreeTable_p_paginator_4_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_4_3_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 26);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorLastPageLinkIconTemplate || ctx_r0._paginatorLastPageLinkIconTemplate);
-} }
-function TreeTable_p_paginator_4_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_4_3_ng_template_0_Template, 1, 1, "ng-template", 31);
-} }
-function TreeTable_p_paginator_4_4_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TreeTable_p_paginator_4_4_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_4_4_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 26);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorNextPageLinkIconTemplate || ctx_r0._paginatorNextPageLinkIconTemplate);
-} }
-function TreeTable_p_paginator_4_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_4_4_ng_template_0_Template, 1, 1, "ng-template", 32);
-} }
-function TreeTable_p_paginator_4_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-paginator", 28);
-    i0.ɵɵlistener("onPageChange", function TreeTable_p_paginator_4_Template_p_paginator_onPageChange_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onPageChange($event)); });
-    i0.ɵɵtemplate(1, TreeTable_p_paginator_4_1_Template, 1, 0, null, 21)(2, TreeTable_p_paginator_4_2_Template, 1, 0, null, 21)(3, TreeTable_p_paginator_4_3_Template, 1, 0, null, 21)(4, TreeTable_p_paginator_4_4_Template, 1, 0, null, 21);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    let tmp_8_0;
-    let tmp_9_0;
-    let tmp_13_0;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("rows", ctx_r0.rows)("first", ctx_r0.first)("totalRecords", ctx_r0.totalRecords)("pageLinkSize", ctx_r0.pageLinks)("alwaysShow", ctx_r0.alwaysShowPaginator)("rowsPerPageOptions", ctx_r0.rowsPerPageOptions)("templateLeft", (tmp_8_0 = ctx_r0.paginatorLeftTemplate) !== null && tmp_8_0 !== undefined ? tmp_8_0 : ctx_r0._paginatorLeftTemplate)("templateRight", (tmp_9_0 = ctx_r0.paginatorRightTemplate) !== null && tmp_9_0 !== undefined ? tmp_9_0 : ctx_r0._paginatorRightTemplate)("dropdownAppendTo", ctx_r0.paginatorDropdownAppendTo)("currentPageReportTemplate", ctx_r0.currentPageReportTemplate)("showFirstLastIcon", ctx_r0.showFirstLastIcon)("dropdownItemTemplate", (tmp_13_0 = ctx_r0.paginatorDropdownItemTemplate) !== null && tmp_13_0 !== undefined ? tmp_13_0 : ctx_r0._paginatorDropdownItemTemplate)("showCurrentPageReport", ctx_r0.showCurrentPageReport)("showJumpToPageDropdown", ctx_r0.showJumpToPageDropdown)("showPageLinks", ctx_r0.showPageLinks)("styleClass", ctx_r0.paginatorStyleClass)("locale", ctx_r0.paginatorLocale);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorFirstPageLinkIconTemplate || ctx_r0._paginatorFirstPageLinkIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorPreviousPageLinkIconTemplate || ctx_r0._paginatorPreviousPageLinkIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorLastPageLinkIconTemplate || ctx_r0._paginatorLastPageLinkIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorNextPageLinkIconTemplate || ctx_r0._paginatorNextPageLinkIconTemplate);
-} }
-function TreeTable_div_5_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TreeTable_div_5_ng_container_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TreeTable_div_5_ng_container_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TreeTable_div_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 33)(1, "table", 34, 1);
-    i0.ɵɵtemplate(3, TreeTable_div_5_ng_container_3_Template, 1, 0, "ng-container", 35);
-    i0.ɵɵelementStart(4, "thead", 36);
-    i0.ɵɵtemplate(5, TreeTable_div_5_ng_container_5_Template, 1, 0, "ng-container", 35);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(6, "tbody", 37);
-    i0.ɵɵelementStart(7, "tfoot", 38);
-    i0.ɵɵtemplate(8, TreeTable_div_5_ng_container_8_Template, 1, 0, "ng-container", 35);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    let tmp_10_0;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.tableStyleClass)("ngStyle", ctx_r0.tableStyle);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.colGroupTemplate || ctx_r0._colGroupTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(10, _c34, ctx_r0.columns));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.headerTemplate || ctx_r0._headerTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(12, _c34, ctx_r0.columns));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("pTreeTableBody", ctx_r0.columns)("pTreeTableBodyTemplate", (tmp_10_0 = ctx_r0.bodyTemplate) !== null && tmp_10_0 !== undefined ? tmp_10_0 : ctx_r0._bodyTemplate);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.footerTemplate || ctx_r0._footerTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(14, _c34, ctx_r0.columns));
-} }
-function TreeTable_div_6_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 42, 3);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ttScrollableView", ctx_r0.frozenColumns)("frozen", true)("ngStyle", i0.ɵɵpureFunction1(4, _c36, ctx_r0.frozenWidth))("scrollHeight", ctx_r0.scrollHeight);
-} }
-function TreeTable_div_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 39);
-    i0.ɵɵtemplate(1, TreeTable_div_6_div_1_Template, 2, 6, "div", 40);
-    i0.ɵɵelement(2, "div", 41, 2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.frozenColumns || ctx_r0.frozenBodyTemplate || ctx_r0._frozenBodyTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ttScrollableView", ctx_r0.columns)("frozen", false)("scrollHeight", ctx_r0.scrollHeight)("ngStyle", i0.ɵɵpureFunction2(5, _c35, ctx_r0.frozenWidth, "calc(100% - " + ctx_r0.frozenWidth + ")"));
-} }
-function TreeTable_p_paginator_7_1_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TreeTable_p_paginator_7_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_7_1_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 26);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorFirstPageLinkIconTemplate || ctx_r0._paginatorFirstPageLinkIconTemplate);
-} }
-function TreeTable_p_paginator_7_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_7_1_ng_template_0_Template, 1, 1, "ng-template", 29);
-} }
-function TreeTable_p_paginator_7_2_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TreeTable_p_paginator_7_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_7_2_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 26);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorPreviousPageLinkIconTemplate || ctx_r0._paginatorPreviousPageLinkIconTemplate);
-} }
-function TreeTable_p_paginator_7_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_7_2_ng_template_0_Template, 1, 1, "ng-template", 30);
-} }
-function TreeTable_p_paginator_7_3_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TreeTable_p_paginator_7_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_7_3_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 26);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorLastPageLinkIconTemplate || ctx_r0._paginatorLastPageLinkIconTemplate);
-} }
-function TreeTable_p_paginator_7_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_7_3_ng_template_0_Template, 1, 1, "ng-template", 31);
-} }
-function TreeTable_p_paginator_7_4_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TreeTable_p_paginator_7_4_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_7_4_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 26);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorNextPageLinkIconTemplate || ctx_r0._paginatorNextPageLinkIconTemplate);
-} }
-function TreeTable_p_paginator_7_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_p_paginator_7_4_ng_template_0_Template, 1, 1, "ng-template", 32);
-} }
-function TreeTable_p_paginator_7_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-paginator", 43);
-    i0.ɵɵlistener("onPageChange", function TreeTable_p_paginator_7_Template_p_paginator_onPageChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onPageChange($event)); });
-    i0.ɵɵtemplate(1, TreeTable_p_paginator_7_1_Template, 1, 0, null, 21)(2, TreeTable_p_paginator_7_2_Template, 1, 0, null, 21)(3, TreeTable_p_paginator_7_3_Template, 1, 0, null, 21)(4, TreeTable_p_paginator_7_4_Template, 1, 0, null, 21);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    let tmp_8_0;
-    let tmp_9_0;
-    let tmp_13_0;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("rows", ctx_r0.rows)("first", ctx_r0.first)("totalRecords", ctx_r0.totalRecords)("pageLinkSize", ctx_r0.pageLinks)("alwaysShow", ctx_r0.alwaysShowPaginator)("rowsPerPageOptions", ctx_r0.rowsPerPageOptions)("templateLeft", (tmp_8_0 = ctx_r0.paginatorLeftTemplate) !== null && tmp_8_0 !== undefined ? tmp_8_0 : ctx_r0._paginatorLeftTemplate)("templateRight", (tmp_9_0 = ctx_r0.paginatorRightTemplate) !== null && tmp_9_0 !== undefined ? tmp_9_0 : ctx_r0._paginatorRightTemplate)("dropdownAppendTo", ctx_r0.paginatorDropdownAppendTo)("currentPageReportTemplate", ctx_r0.currentPageReportTemplate)("showFirstLastIcon", ctx_r0.showFirstLastIcon)("dropdownItemTemplate", (tmp_13_0 = ctx_r0.paginatorDropdownItemTemplate) !== null && tmp_13_0 !== undefined ? tmp_13_0 : ctx_r0._paginatorDropdownItemTemplate)("showCurrentPageReport", ctx_r0.showCurrentPageReport)("showJumpToPageDropdown", ctx_r0.showJumpToPageDropdown)("showPageLinks", ctx_r0.showPageLinks)("styleClass", ctx_r0.paginatorStyleClass)("locale", ctx_r0.paginatorLocale);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorFirstPageLinkIconTemplate || ctx_r0._paginatorFirstPageLinkIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorPreviousPageLinkIconTemplate || ctx_r0._paginatorPreviousPageLinkIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorLastPageLinkIconTemplate || ctx_r0._paginatorLastPageLinkIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorNextPageLinkIconTemplate || ctx_r0._paginatorNextPageLinkIconTemplate);
-} }
-function TreeTable_div_8_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TreeTable_div_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 44);
-    i0.ɵɵtemplate(1, TreeTable_div_8_ng_container_1_Template, 1, 0, "ng-container", 26);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.summaryTemplate || ctx_r0._summaryTemplate);
-} }
-function TreeTable_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 45, 4);
-} }
-function TreeTable_span_10_ArrowDownIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ArrowDownIcon");
-} }
-function TreeTable_span_10_3_ng_template_0_Template(rf, ctx) { }
-function TreeTable_span_10_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_span_10_3_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function TreeTable_span_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 46, 5);
-    i0.ɵɵtemplate(2, TreeTable_span_10_ArrowDownIcon_2_Template, 1, 0, "ArrowDownIcon", 21)(3, TreeTable_span_10_3_Template, 1, 0, null, 26);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", !ctx_r0.reorderIndicatorUpIconTemplate && !ctx_r0._reorderIndicatorUpIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.reorderIndicatorUpIconTemplate || ctx_r0._reorderIndicatorUpIconTemplate);
-} }
-function TreeTable_span_11_ArrowUpIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ArrowUpIcon");
-} }
-function TreeTable_span_11_3_ng_template_0_Template(rf, ctx) { }
-function TreeTable_span_11_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTable_span_11_3_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function TreeTable_span_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 47, 6);
-    i0.ɵɵtemplate(2, TreeTable_span_11_ArrowUpIcon_2_Template, 1, 0, "ArrowUpIcon", 21)(3, TreeTable_span_11_3_Template, 1, 0, null, 26);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", !ctx_r0.reorderIndicatorDownIconTemplate && !ctx_r0._reorderIndicatorDownIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.reorderIndicatorDownIconTemplate || ctx_r0._reorderIndicatorDownIconTemplate);
-} }
-const _c37 = ["pTreeTableBody", ""];
-const _c38 = (a0, a1, a2, a3) => ({ $implicit: a0, node: a1, rowData: a2, columns: a3 });
-const _c39 = (a0, a1) => ({ $implicit: a0, frozen: a1 });
-function TTBody_ng_template_0_ng_container_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TTBody_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, TTBody_ng_template_0_ng_container_0_ng_container_1_Template, 1, 0, "ng-container", 2);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const serializedNode_r1 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.template)("ngTemplateOutletContext", i0.ɵɵpureFunction4(2, _c38, serializedNode_r1, serializedNode_r1.node, serializedNode_r1.node.data, ctx_r1.columns));
-} }
-function TTBody_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TTBody_ng_template_0_ng_container_0_Template, 2, 7, "ng-container", 1);
-} if (rf & 2) {
-    const serializedNode_r1 = ctx.$implicit;
-    i0.ɵɵproperty("ngIf", serializedNode_r1.visible);
-} }
-function TTBody_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TTBody_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, TTBody_ng_container_1_ng_container_1_Template, 1, 0, "ng-container", 2);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.tt.emptyMessageTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c39, ctx_r1.columns, ctx_r1.frozen));
-} }
-const _c40 = ["scrollHeader"];
-const _c41 = ["scrollHeaderBox"];
-const _c42 = ["scrollBody"];
-const _c43 = ["scrollTable"];
-const _c44 = ["loadingTable"];
-const _c45 = ["scrollFooter"];
-const _c46 = ["scrollFooterBox"];
-const _c47 = ["scrollableAligner"];
-const _c48 = ["scroller"];
-const _c49 = ["ttScrollableView", ""];
-const _c50 = a0 => ({ height: a0 });
-const _c51 = (a0, a1) => ({ $implicit: a0, options: a1 });
-const _c52 = a0 => ({ options: a0 });
-const _c53 = (a0, a1) => ({ "max-height": a0, "overflow-y": a1 });
-const _c54 = () => ({});
-function TTScrollableView_ng_container_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TTScrollableView_ng_container_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TTScrollableView_p_scroller_8_ng_template_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TTScrollableView_p_scroller_8_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TTScrollableView_p_scroller_8_ng_template_2_ng_container_0_Template, 1, 0, "ng-container", 14);
-} if (rf & 2) {
-    const items_r3 = ctx.$implicit;
-    const scrollerOptions_r4 = ctx.options;
-    i0.ɵɵnextContext(2);
-    const buildInItems_r5 = i0.ɵɵreference(11);
-    i0.ɵɵproperty("ngTemplateOutlet", buildInItems_r5)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c51, items_r3, scrollerOptions_r4));
-} }
-function TTScrollableView_p_scroller_8_ng_container_4_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TTScrollableView_p_scroller_8_ng_container_4_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TTScrollableView_p_scroller_8_ng_container_4_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 14);
-} if (rf & 2) {
-    const scrollerOptions_r6 = ctx.options;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.tt.loaderTemplate || ctx_r1.tt._loaderTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c52, scrollerOptions_r6));
-} }
-function TTScrollableView_p_scroller_8_ng_container_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, TTScrollableView_p_scroller_8_ng_container_4_ng_template_1_Template, 1, 4, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementContainerEnd();
-} }
-function TTScrollableView_p_scroller_8_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-scroller", 19, 3);
-    i0.ɵɵlistener("onLazyLoad", function TTScrollableView_p_scroller_8_Template_p_scroller_onLazyLoad_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.tt.onLazyItemLoad($event)); });
-    i0.ɵɵtemplate(2, TTScrollableView_p_scroller_8_ng_template_2_Template, 1, 5, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor)(4, TTScrollableView_p_scroller_8_ng_container_4_Template, 3, 0, "ng-container", 17);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵstyleMap(i0.ɵɵpureFunction1(8, _c50, ctx_r1.tt.scrollHeight !== "flex" ? ctx_r1.tt.scrollHeight : undefined));
-    i0.ɵɵproperty("items", ctx_r1.tt.serializedValue)("scrollHeight", ctx_r1.scrollHeight !== "flex" ? undefined : "100%")("itemSize", ctx_r1.tt.virtualScrollItemSize || ctx_r1.tt._virtualRowHeight)("lazy", ctx_r1.tt.lazy)("options", ctx_r1.tt.virtualScrollOptions);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngIf", ctx_r1.tt.loaderTemplate || ctx_r1.tt._loaderTemplate);
-} }
-function TTScrollableView_ng_container_9_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TTScrollableView_ng_container_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 20, 6);
-    i0.ɵɵtemplate(3, TTScrollableView_ng_container_9_ng_container_3_Template, 1, 0, "ng-container", 14);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    const buildInItems_r5 = i0.ɵɵreference(11);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(3, _c53, ctx_r1.tt.scrollHeight !== "flex" ? ctx_r1.scrollHeight : undefined, !ctx_r1.frozen && ctx_r1.tt.scrollHeight ? "scroll" : undefined));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngTemplateOutlet", buildInItems_r5)("ngTemplateOutletContext", i0.ɵɵpureFunction2(7, _c51, ctx_r1.serializedValue, i0.ɵɵpureFunction0(6, _c54)));
-} }
-function TTScrollableView_ng_template_10_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TTScrollableView_ng_template_10_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 24, 8);
-} }
-function TTScrollableView_ng_template_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 21, 7);
-    i0.ɵɵtemplate(2, TTScrollableView_ng_template_10_ng_container_2_Template, 1, 0, "ng-container", 14);
-    i0.ɵɵelement(3, "tbody", 22);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, TTScrollableView_ng_template_10_div_4_Template, 2, 0, "div", 23);
-} if (rf & 2) {
-    const items_r7 = ctx.$implicit;
-    const scrollerOptions_r8 = ctx.options;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵstyleMap(scrollerOptions_r8.contentStyle);
-    i0.ɵɵclassMap(ctx_r1.tt.tableStyleClass);
-    i0.ɵɵproperty("ngClass", scrollerOptions_r8.contentStyleClass)("ngStyle", ctx_r1.tt.tableStyle);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.frozen ? ctx_r1.tt.frozenColGroupTemplate || ctx_r1.tt._frozenColGroupTemplate || ctx_r1.tt.colGroupTemplate || ctx_r1.tt._colGroupTemplate : ctx_r1.tt.colGroupTemplate || ctx_r1.tt._colGroupTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(13, _c34, ctx_r1.columns));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("pTreeTableBody", ctx_r1.columns)("pTreeTableBodyTemplate", ctx_r1.frozen ? ctx_r1.tt.frozenBodyTemplate || ctx_r1.tt._frozenBodyTemplate || ctx_r1.tt.bodyTemplate || ctx_r1.tt._bodyTemplate : ctx_r1.tt.bodyTemplate || ctx_r1.tt._bodyTemplate)("serializedNodes", items_r7)("frozen", ctx_r1.frozen);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.frozen);
-} }
-function TTScrollableView_div_12_ng_container_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TTScrollableView_div_12_ng_container_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TTScrollableView_div_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 25, 9)(2, "div", 26, 10)(4, "table", 27);
-    i0.ɵɵtemplate(5, TTScrollableView_div_12_ng_container_5_Template, 1, 0, "ng-container", 14);
-    i0.ɵɵelementStart(6, "tfoot", 28);
-    i0.ɵɵtemplate(7, TTScrollableView_div_12_ng_container_7_Template, 1, 0, "ng-container", 14);
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngClass", ctx_r1.tt.tableStyleClass)("ngStyle", ctx_r1.tt.tableStyle);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.frozen ? ctx_r1.tt.frozenColGroupTemplate || ctx_r1.tt._frozenColGroupTemplate || ctx_r1.tt.colGroupTemplate || ctx_r1.tt._colGroupTemplate : ctx_r1.tt.colGroupTemplate || ctx_r1.tt._colGroupTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c34, ctx_r1.columns));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.frozen ? ctx_r1.tt.frozenFooterTemplate || ctx_r1.tt._frozenFooterTemplate || ctx_r1.tt.footerTemplate || ctx_r1.tt._footerTemplate : ctx_r1.tt.footerTemplate || ctx_r1.tt._footerTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(8, _c34, ctx_r1.columns));
-} }
-function TTSortIcon_ng_container_0_SortAltIcon_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "SortAltIcon", 3);
-} if (rf & 2) {
-    i0.ɵɵproperty("styleClass", "p-sortable-column-icon");
-} }
-function TTSortIcon_ng_container_0_SortAmountUpAltIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "SortAmountUpAltIcon", 3);
-} if (rf & 2) {
-    i0.ɵɵproperty("styleClass", "p-sortable-column-icon");
-} }
-function TTSortIcon_ng_container_0_SortAmountDownIcon_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "SortAmountDownIcon", 3);
-} if (rf & 2) {
-    i0.ɵɵproperty("styleClass", "p-sortable-column-icon");
-} }
-function TTSortIcon_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, TTSortIcon_ng_container_0_SortAltIcon_1_Template, 1, 1, "SortAltIcon", 2)(2, TTSortIcon_ng_container_0_SortAmountUpAltIcon_2_Template, 1, 1, "SortAmountUpAltIcon", 2)(3, TTSortIcon_ng_container_0_SortAmountDownIcon_3_Template, 1, 1, "SortAmountDownIcon", 2);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.sortOrder === 0);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.sortOrder === 1);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.sortOrder === -1);
-} }
-function TTSortIcon_span_1_1_ng_template_0_Template(rf, ctx) { }
-function TTSortIcon_span_1_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TTSortIcon_span_1_1_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function TTSortIcon_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 4);
-    i0.ɵɵtemplate(1, TTSortIcon_span_1_1_Template, 1, 0, null, 5);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.tt.sortIconTemplate || ctx_r0.tt._sortIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c34, ctx_r0.sortOrder));
-} }
-const _c55 = (a0, a1) => ({ $implicit: a0, partialSelected: a1 });
-function TTCheckbox_ng_container_1_ng_template_1_0_ng_template_0_Template(rf, ctx) { }
-function TTCheckbox_ng_container_1_ng_template_1_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TTCheckbox_ng_container_1_ng_template_1_0_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function TTCheckbox_ng_container_1_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TTCheckbox_ng_container_1_ng_template_1_0_Template, 1, 0, null, 3);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.tt.checkboxIconTemplate || ctx_r0.tt._checkboxIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c55, ctx_r0.checked, ctx_r0.partialChecked));
-} }
-function TTCheckbox_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, TTCheckbox_ng_container_1_ng_template_1_Template, 1, 5, "ng-template", 2);
-    i0.ɵɵelementContainerEnd();
-} }
-function TTHeaderCheckbox_ng_container_1_ng_template_1_0_ng_template_0_Template(rf, ctx) { }
-function TTHeaderCheckbox_ng_container_1_ng_template_1_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TTHeaderCheckbox_ng_container_1_ng_template_1_0_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function TTHeaderCheckbox_ng_container_1_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TTHeaderCheckbox_ng_container_1_ng_template_1_0_Template, 1, 0, null, 3);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.tt.headerCheckboxIconTemplate || ctx_r0.tt._headerCheckboxIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c34, ctx_r0.checked));
-} }
-function TTHeaderCheckbox_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, TTHeaderCheckbox_ng_container_1_ng_template_1_Template, 1, 4, "ng-template", 2);
-    i0.ɵɵelementContainerEnd();
-} }
-function TreeTableCellEditor_ng_container_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TreeTableCellEditor_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, TreeTableCellEditor_ng_container_0_ng_container_1_Template, 1, 0, "ng-container", 1);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.inputTemplate);
-} }
-function TreeTableCellEditor_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TreeTableCellEditor_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, TreeTableCellEditor_ng_container_1_ng_container_1_Template, 1, 0, "ng-container", 1);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.outputTemplate);
-} }
-function TreeTableToggler_ng_container_1_ChevronDownIcon_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ChevronDownIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("aria-hidden", true);
-} }
-function TreeTableToggler_ng_container_1_ChevronRightIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ChevronRightIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("aria-hidden", true);
-} }
-function TreeTableToggler_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, TreeTableToggler_ng_container_1_ChevronDownIcon_1_Template, 1, 1, "ChevronDownIcon", 1)(2, TreeTableToggler_ng_container_1_ChevronRightIcon_2_Template, 1, 1, "ChevronRightIcon", 1);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.rowNode.node.expanded);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.rowNode.node.expanded);
-} }
-function TreeTableToggler_2_ng_template_0_Template(rf, ctx) { }
-function TreeTableToggler_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TreeTableToggler_2_ng_template_0_Template, 0, 0, "ng-template");
-} }
 class TreeTableService {
     sortSource = new Subject();
     selectionSource = new Subject();
@@ -1277,12 +662,12 @@ class TreeTableService {
     onTotalRecordsChange(value) {
         this.totalRecordsSource.next(value);
     }
-    static ɵfac = function TreeTableService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TreeTableService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TreeTableService, factory: TreeTableService.ɵfac });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TreeTableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TreeTableService });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeTableService, [{
-        type: Injectable
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TreeTableService, decorators: [{
+            type: Injectable
+        }] });
 /**
  * TreeTable is used to display hierarchical data in tabular format.
  * @group Components
@@ -3125,118 +2510,162 @@ class TreeTable extends BaseComponent {
         this.initialized = null;
         super.ngOnDestroy();
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTreeTable_BaseFactory; return function TreeTable_Factory(__ngFactoryType__) { return (ɵTreeTable_BaseFactory || (ɵTreeTable_BaseFactory = i0.ɵɵgetInheritedFactory(TreeTable)))(__ngFactoryType__ || TreeTable); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TreeTable, selectors: [["p-treeTable"], ["p-treetable"], ["p-tree-table"]], contentQueries: function TreeTable_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c1, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c2, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c3, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c4, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c5, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c6, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c7, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c8, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c9, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c10, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c11, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c12, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c13, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c14, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c15, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c16, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c17, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c18, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c19, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c20, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c21, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c22, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c23, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c24, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c25, 4);
-            i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._colGroupTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._captionTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._headerTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._bodyTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._footerTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._summaryTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._emptyMessageTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._paginatorLeftTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._paginatorRightTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._paginatorDropdownItemTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._frozenHeaderTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._frozenBodyTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._frozenFooterTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._frozenColGroupTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._loadingIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._reorderIndicatorUpIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._reorderIndicatorDownIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._sortIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._checkboxIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._headerCheckboxIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._togglerIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._paginatorFirstPageLinkIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._paginatorLastPageLinkIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._paginatorPreviousPageLinkIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._paginatorNextPageLinkIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._loaderTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
-        } }, viewQuery: function TreeTable_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c26, 5);
-            i0.ɵɵviewQuery(_c27, 5);
-            i0.ɵɵviewQuery(_c28, 5);
-            i0.ɵɵviewQuery(_c29, 5);
-            i0.ɵɵviewQuery(_c30, 5);
-            i0.ɵɵviewQuery(_c31, 5);
-            i0.ɵɵviewQuery(_c32, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.containerViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.resizeHelperViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.reorderIndicatorUpViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.reorderIndicatorDownViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tableViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollableViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollableFrozenViewChild = _t.first);
-        } }, inputs: { columns: "columns", style: "style", styleClass: "styleClass", tableStyle: "tableStyle", tableStyleClass: "tableStyleClass", autoLayout: [2, "autoLayout", "autoLayout", booleanAttribute], lazy: [2, "lazy", "lazy", booleanAttribute], lazyLoadOnInit: [2, "lazyLoadOnInit", "lazyLoadOnInit", booleanAttribute], paginator: [2, "paginator", "paginator", booleanAttribute], rows: [2, "rows", "rows", numberAttribute], first: [2, "first", "first", numberAttribute], pageLinks: [2, "pageLinks", "pageLinks", numberAttribute], rowsPerPageOptions: "rowsPerPageOptions", alwaysShowPaginator: [2, "alwaysShowPaginator", "alwaysShowPaginator", booleanAttribute], paginatorPosition: "paginatorPosition", paginatorStyleClass: "paginatorStyleClass", paginatorDropdownAppendTo: "paginatorDropdownAppendTo", currentPageReportTemplate: "currentPageReportTemplate", showCurrentPageReport: [2, "showCurrentPageReport", "showCurrentPageReport", booleanAttribute], showJumpToPageDropdown: [2, "showJumpToPageDropdown", "showJumpToPageDropdown", booleanAttribute], showFirstLastIcon: [2, "showFirstLastIcon", "showFirstLastIcon", booleanAttribute], showPageLinks: [2, "showPageLinks", "showPageLinks", booleanAttribute], defaultSortOrder: [2, "defaultSortOrder", "defaultSortOrder", numberAttribute], sortMode: "sortMode", resetPageOnSort: [2, "resetPageOnSort", "resetPageOnSort", booleanAttribute], customSort: [2, "customSort", "customSort", booleanAttribute], selectionMode: "selectionMode", contextMenuSelection: "contextMenuSelection", contextMenuSelectionMode: "contextMenuSelectionMode", dataKey: "dataKey", metaKeySelection: [2, "metaKeySelection", "metaKeySelection", booleanAttribute], compareSelectionBy: "compareSelectionBy", rowHover: [2, "rowHover", "rowHover", booleanAttribute], loading: [2, "loading", "loading", booleanAttribute], loadingIcon: "loadingIcon", showLoader: [2, "showLoader", "showLoader", booleanAttribute], scrollable: [2, "scrollable", "scrollable", booleanAttribute], scrollHeight: "scrollHeight", virtualScroll: [2, "virtualScroll", "virtualScroll", booleanAttribute], virtualScrollItemSize: [2, "virtualScrollItemSize", "virtualScrollItemSize", numberAttribute], virtualScrollOptions: "virtualScrollOptions", virtualScrollDelay: [2, "virtualScrollDelay", "virtualScrollDelay", numberAttribute], frozenWidth: "frozenWidth", frozenColumns: "frozenColumns", resizableColumns: [2, "resizableColumns", "resizableColumns", booleanAttribute], columnResizeMode: "columnResizeMode", reorderableColumns: [2, "reorderableColumns", "reorderableColumns", booleanAttribute], contextMenu: "contextMenu", rowTrackBy: "rowTrackBy", filters: "filters", globalFilterFields: "globalFilterFields", filterDelay: [2, "filterDelay", "filterDelay", numberAttribute], filterMode: "filterMode", filterLocale: "filterLocale", paginatorLocale: "paginatorLocale", totalRecords: "totalRecords", sortField: "sortField", sortOrder: "sortOrder", multiSortMeta: "multiSortMeta", selection: "selection", value: "value", virtualRowHeight: "virtualRowHeight", selectionKeys: "selectionKeys", showGridlines: [2, "showGridlines", "showGridlines", booleanAttribute] }, outputs: { selectionChange: "selectionChange", contextMenuSelectionChange: "contextMenuSelectionChange", onFilter: "onFilter", onNodeExpand: "onNodeExpand", onNodeCollapse: "onNodeCollapse", onPage: "onPage", onSort: "onSort", onLazyLoad: "onLazyLoad", sortFunction: "sortFunction", onColResize: "onColResize", onColReorder: "onColReorder", onNodeSelect: "onNodeSelect", onNodeUnselect: "onNodeUnselect", onContextMenuSelect: "onContextMenuSelect", onHeaderCheckboxToggle: "onHeaderCheckboxToggle", onEditInit: "onEditInit", onEditComplete: "onEditComplete", onEditCancel: "onEditCancel", selectionKeysChange: "selectionKeysChange" }, standalone: false, features: [i0.ɵɵProvidersFeature([TreeTableService, TreeTableStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 12, vars: 21, consts: [["container", ""], ["table", ""], ["scrollableView", ""], ["scrollableFrozenView", ""], ["resizeHelper", ""], ["reorderIndicatorUp", ""], ["reorderIndicatorDown", ""], ["data-scrollselectors", ".p-treetable-scrollable-body", 3, "ngStyle", "ngClass"], ["class", "p-treetable-loading", 4, "ngIf"], ["class", "p-treetable-header", 4, "ngIf"], ["styleClass", "p-paginator-top", 3, "rows", "first", "totalRecords", "pageLinkSize", "alwaysShow", "rowsPerPageOptions", "templateLeft", "templateRight", "dropdownAppendTo", "currentPageReportTemplate", "showFirstLastIcon", "dropdownItemTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showPageLinks", "styleClass", "locale", "onPageChange", 4, "ngIf"], ["class", "p-treetable-wrapper", 4, "ngIf"], ["class", "p-treetable-scrollable-wrapper", 4, "ngIf"], ["styleClass", "p-paginator-bottom", 3, "rows", "first", "totalRecords", "pageLinkSize", "alwaysShow", "rowsPerPageOptions", "templateLeft", "templateRight", "dropdownAppendTo", "currentPageReportTemplate", "showFirstLastIcon", "dropdownItemTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showPageLinks", "styleClass", "locale", "onPageChange", 4, "ngIf"], ["class", "p-treetable-footer", 4, "ngIf"], ["class", "p-column-resizer-helper", "style", "display:none", 4, "ngIf"], ["class", "p-treetable-reorder-indicator-up", "style", "display: none;", 4, "ngIf"], ["class", "p-treetable-reorder-indicator-down", "style", "display: none;", 4, "ngIf"], [1, "p-treetable-loading"], [1, "p-overlay-mask", "p-treetable-mask"], [3, "class", 4, "ngIf"], [4, "ngIf"], [3, "spin", "styleClass", 4, "ngIf"], ["class", "p-treetable-loading-icon", 4, "ngIf"], [3, "spin", "styleClass"], [1, "p-treetable-loading-icon"], [4, "ngTemplateOutlet"], [1, "p-treetable-header"], ["styleClass", "p-paginator-top", 3, "onPageChange", "rows", "first", "totalRecords", "pageLinkSize", "alwaysShow", "rowsPerPageOptions", "templateLeft", "templateRight", "dropdownAppendTo", "currentPageReportTemplate", "showFirstLastIcon", "dropdownItemTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showPageLinks", "styleClass", "locale"], ["pTemplate", "firstpagelinkicon"], ["pTemplate", "previouspagelinkicon"], ["pTemplate", "lastpagelinkicon"], ["pTemplate", "nextpagelinkicon"], [1, "p-treetable-wrapper"], ["role", "table", 3, "ngClass", "ngStyle"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["role", "rowgroup", 1, "p-treetable-thead"], ["role", "rowgroup", 1, "p-treetable-tbody", 3, "pTreeTableBody", "pTreeTableBodyTemplate"], ["role", "rowgroup", 1, "p-treetable-tfoot"], [1, "p-treetable-scrollable-wrapper"], ["class", "p-treetable-scrollable-view p-treetable-frozen-view", 3, "ttScrollableView", "frozen", "ngStyle", "scrollHeight", 4, "ngIf"], [1, "p-treetable-scrollable-view", 3, "ttScrollableView", "frozen", "scrollHeight", "ngStyle"], [1, "p-treetable-scrollable-view", "p-treetable-frozen-view", 3, "ttScrollableView", "frozen", "ngStyle", "scrollHeight"], ["styleClass", "p-paginator-bottom", 3, "onPageChange", "rows", "first", "totalRecords", "pageLinkSize", "alwaysShow", "rowsPerPageOptions", "templateLeft", "templateRight", "dropdownAppendTo", "currentPageReportTemplate", "showFirstLastIcon", "dropdownItemTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showPageLinks", "styleClass", "locale"], [1, "p-treetable-footer"], [1, "p-column-resizer-helper", 2, "display", "none"], [1, "p-treetable-reorder-indicator-up", 2, "display", "none"], [1, "p-treetable-reorder-indicator-down", 2, "display", "none"]], template: function TreeTable_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 7, 0);
-            i0.ɵɵtemplate(2, TreeTable_div_2_Template, 4, 2, "div", 8)(3, TreeTable_div_3_Template, 2, 1, "div", 9)(4, TreeTable_p_paginator_4_Template, 5, 21, "p-paginator", 10)(5, TreeTable_div_5_Template, 9, 16, "div", 11)(6, TreeTable_div_6_Template, 4, 8, "div", 12)(7, TreeTable_p_paginator_7_Template, 5, 21, "p-paginator", 13)(8, TreeTable_div_8_Template, 2, 1, "div", 14)(9, TreeTable_div_9_Template, 2, 0, "div", 15)(10, TreeTable_span_10_Template, 4, 2, "span", 16)(11, TreeTable_span_11_Template, 4, 2, "span", 17);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵclassMap(ctx.styleClass);
-            i0.ɵɵproperty("ngStyle", ctx.style)("ngClass", i0.ɵɵpureFunction6(14, _c33, ctx.showGridlines, ctx.rowHover || ctx.selectionMode === "single" || ctx.selectionMode === "multiple", ctx.autoLayout, ctx.resizableColumns, ctx.resizableColumns && ctx.columnResizeMode === "fit", ctx.scrollable && ctx.scrollHeight === "flex"));
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.loading && ctx.showLoader);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.captionTemplate || ctx._captionTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.paginator && (ctx.paginatorPosition === "top" || ctx.paginatorPosition == "both"));
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.scrollable);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.scrollable);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.paginator && (ctx.paginatorPosition === "bottom" || ctx.paginatorPosition == "both"));
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.summaryTemplate || ctx._summaryTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.resizableColumns);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.reorderableColumns);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.reorderableColumns);
-        } }, dependencies: () => [i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, i2.Paginator, i3.PrimeTemplate, SpinnerIcon,
-            ArrowDownIcon,
-            ArrowUpIcon, TTScrollableView, TTBody], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TreeTable, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: TreeTable, isStandalone: false, selector: "p-treeTable, p-treetable, p-tree-table", inputs: { columns: "columns", style: "style", styleClass: "styleClass", tableStyle: "tableStyle", tableStyleClass: "tableStyleClass", autoLayout: ["autoLayout", "autoLayout", booleanAttribute], lazy: ["lazy", "lazy", booleanAttribute], lazyLoadOnInit: ["lazyLoadOnInit", "lazyLoadOnInit", booleanAttribute], paginator: ["paginator", "paginator", booleanAttribute], rows: ["rows", "rows", numberAttribute], first: ["first", "first", numberAttribute], pageLinks: ["pageLinks", "pageLinks", numberAttribute], rowsPerPageOptions: "rowsPerPageOptions", alwaysShowPaginator: ["alwaysShowPaginator", "alwaysShowPaginator", booleanAttribute], paginatorPosition: "paginatorPosition", paginatorStyleClass: "paginatorStyleClass", paginatorDropdownAppendTo: "paginatorDropdownAppendTo", currentPageReportTemplate: "currentPageReportTemplate", showCurrentPageReport: ["showCurrentPageReport", "showCurrentPageReport", booleanAttribute], showJumpToPageDropdown: ["showJumpToPageDropdown", "showJumpToPageDropdown", booleanAttribute], showFirstLastIcon: ["showFirstLastIcon", "showFirstLastIcon", booleanAttribute], showPageLinks: ["showPageLinks", "showPageLinks", booleanAttribute], defaultSortOrder: ["defaultSortOrder", "defaultSortOrder", numberAttribute], sortMode: "sortMode", resetPageOnSort: ["resetPageOnSort", "resetPageOnSort", booleanAttribute], customSort: ["customSort", "customSort", booleanAttribute], selectionMode: "selectionMode", contextMenuSelection: "contextMenuSelection", contextMenuSelectionMode: "contextMenuSelectionMode", dataKey: "dataKey", metaKeySelection: ["metaKeySelection", "metaKeySelection", booleanAttribute], compareSelectionBy: "compareSelectionBy", rowHover: ["rowHover", "rowHover", booleanAttribute], loading: ["loading", "loading", booleanAttribute], loadingIcon: "loadingIcon", showLoader: ["showLoader", "showLoader", booleanAttribute], scrollable: ["scrollable", "scrollable", booleanAttribute], scrollHeight: "scrollHeight", virtualScroll: ["virtualScroll", "virtualScroll", booleanAttribute], virtualScrollItemSize: ["virtualScrollItemSize", "virtualScrollItemSize", numberAttribute], virtualScrollOptions: "virtualScrollOptions", virtualScrollDelay: ["virtualScrollDelay", "virtualScrollDelay", numberAttribute], frozenWidth: "frozenWidth", frozenColumns: "frozenColumns", resizableColumns: ["resizableColumns", "resizableColumns", booleanAttribute], columnResizeMode: "columnResizeMode", reorderableColumns: ["reorderableColumns", "reorderableColumns", booleanAttribute], contextMenu: "contextMenu", rowTrackBy: "rowTrackBy", filters: "filters", globalFilterFields: "globalFilterFields", filterDelay: ["filterDelay", "filterDelay", numberAttribute], filterMode: "filterMode", filterLocale: "filterLocale", paginatorLocale: "paginatorLocale", totalRecords: "totalRecords", sortField: "sortField", sortOrder: "sortOrder", multiSortMeta: "multiSortMeta", selection: "selection", value: "value", virtualRowHeight: "virtualRowHeight", selectionKeys: "selectionKeys", showGridlines: ["showGridlines", "showGridlines", booleanAttribute] }, outputs: { selectionChange: "selectionChange", contextMenuSelectionChange: "contextMenuSelectionChange", onFilter: "onFilter", onNodeExpand: "onNodeExpand", onNodeCollapse: "onNodeCollapse", onPage: "onPage", onSort: "onSort", onLazyLoad: "onLazyLoad", sortFunction: "sortFunction", onColResize: "onColResize", onColReorder: "onColReorder", onNodeSelect: "onNodeSelect", onNodeUnselect: "onNodeUnselect", onContextMenuSelect: "onContextMenuSelect", onHeaderCheckboxToggle: "onHeaderCheckboxToggle", onEditInit: "onEditInit", onEditComplete: "onEditComplete", onEditCancel: "onEditCancel", selectionKeysChange: "selectionKeysChange" }, providers: [TreeTableService, TreeTableStyle], queries: [{ propertyName: "_colGroupTemplate", first: true, predicate: ["colgroup"] }, { propertyName: "_captionTemplate", first: true, predicate: ["caption"] }, { propertyName: "_headerTemplate", first: true, predicate: ["header"] }, { propertyName: "_bodyTemplate", first: true, predicate: ["body"] }, { propertyName: "_footerTemplate", first: true, predicate: ["footer"] }, { propertyName: "_summaryTemplate", first: true, predicate: ["summary"] }, { propertyName: "_emptyMessageTemplate", first: true, predicate: ["emptymessage"] }, { propertyName: "_paginatorLeftTemplate", first: true, predicate: ["paginatorleft"] }, { propertyName: "_paginatorRightTemplate", first: true, predicate: ["paginatorright"] }, { propertyName: "_paginatorDropdownItemTemplate", first: true, predicate: ["paginatordropdownitem"] }, { propertyName: "_frozenHeaderTemplate", first: true, predicate: ["frozenheader"] }, { propertyName: "_frozenBodyTemplate", first: true, predicate: ["frozenbody"] }, { propertyName: "_frozenFooterTemplate", first: true, predicate: ["frozenfooter"] }, { propertyName: "_frozenColGroupTemplate", first: true, predicate: ["frozencolgroup"] }, { propertyName: "_loadingIconTemplate", first: true, predicate: ["loadingicon"] }, { propertyName: "_reorderIndicatorUpIconTemplate", first: true, predicate: ["reorderindicatorupicon"] }, { propertyName: "_reorderIndicatorDownIconTemplate", first: true, predicate: ["reorderindicatordownicon"] }, { propertyName: "_sortIconTemplate", first: true, predicate: ["sorticon"] }, { propertyName: "_checkboxIconTemplate", first: true, predicate: ["checkboxicon"] }, { propertyName: "_headerCheckboxIconTemplate", first: true, predicate: ["headercheckboxicon"] }, { propertyName: "_togglerIconTemplate", first: true, predicate: ["togglericon"] }, { propertyName: "_paginatorFirstPageLinkIconTemplate", first: true, predicate: ["paginatorfirstpagelinkicon"] }, { propertyName: "_paginatorLastPageLinkIconTemplate", first: true, predicate: ["paginatorlastpagelinkicon"] }, { propertyName: "_paginatorPreviousPageLinkIconTemplate", first: true, predicate: ["paginatorpreviouspagelinkicon"] }, { propertyName: "_paginatorNextPageLinkIconTemplate", first: true, predicate: ["paginatornextpagelinkicon"] }, { propertyName: "_loaderTemplate", first: true, predicate: ["loader"] }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }, { propertyName: "resizeHelperViewChild", first: true, predicate: ["resizeHelper"], descendants: true }, { propertyName: "reorderIndicatorUpViewChild", first: true, predicate: ["reorderIndicatorUp"], descendants: true }, { propertyName: "reorderIndicatorDownViewChild", first: true, predicate: ["reorderIndicatorDown"], descendants: true }, { propertyName: "tableViewChild", first: true, predicate: ["table"], descendants: true }, { propertyName: "scrollableViewChild", first: true, predicate: ["scrollableView"], descendants: true }, { propertyName: "scrollableFrozenViewChild", first: true, predicate: ["scrollableFrozenView"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+        <div
+            #container
+            [ngStyle]="style"
+            [class]="styleClass"
+            data-scrollselectors=".p-treetable-scrollable-body"
+            [ngClass]="{
+                'p-treetable p-component': true,
+                'p-treetable-gridlines': showGridlines,
+                'p-treetable-hoverable-rows': rowHover || selectionMode === 'single' || selectionMode === 'multiple',
+                'p-treetable-auto-layout': autoLayout,
+                'p-treetable-resizable': resizableColumns,
+                'p-treetable-resizable-fit': resizableColumns && columnResizeMode === 'fit',
+                'p-treetable-flex-scrollable': scrollable && scrollHeight === 'flex'
+            }"
+        >
+            <div class="p-treetable-loading" *ngIf="loading && showLoader">
+                <div class="p-overlay-mask p-treetable-mask">
+                    <i *ngIf="loadingIcon" [class]="'p-treetable-loading-icon pi-spin ' + loadingIcon"></i>
+                    <ng-container *ngIf="!loadingIcon">
+                        <SpinnerIcon *ngIf="!loadingIconTemplate && !_loadingIconTemplate" [spin]="true" [styleClass]="'p-treetable-loading-icon'" />
+                        <span *ngIf="loadingIconTemplate || _loadingIconTemplate" class="p-treetable-loading-icon">
+                            <ng-template *ngTemplateOutlet="loadingIconTemplate || _loadingIconTemplate"></ng-template>
+                        </span>
+                    </ng-container>
+                </div>
+            </div>
+            <div *ngIf="captionTemplate || _captionTemplate" class="p-treetable-header">
+                <ng-container *ngTemplateOutlet="captionTemplate || _captionTemplate"></ng-container>
+            </div>
+            <p-paginator
+                [rows]="rows"
+                [first]="first"
+                [totalRecords]="totalRecords"
+                [pageLinkSize]="pageLinks"
+                styleClass="p-paginator-top"
+                [alwaysShow]="alwaysShowPaginator"
+                (onPageChange)="onPageChange($event)"
+                [rowsPerPageOptions]="rowsPerPageOptions"
+                *ngIf="paginator && (paginatorPosition === 'top' || paginatorPosition == 'both')"
+                [templateLeft]="paginatorLeftTemplate ?? _paginatorLeftTemplate"
+                [templateRight]="paginatorRightTemplate ?? _paginatorRightTemplate"
+                [dropdownAppendTo]="paginatorDropdownAppendTo"
+                [currentPageReportTemplate]="currentPageReportTemplate"
+                [showFirstLastIcon]="showFirstLastIcon"
+                [dropdownItemTemplate]="paginatorDropdownItemTemplate ?? _paginatorDropdownItemTemplate"
+                [showCurrentPageReport]="showCurrentPageReport"
+                [showJumpToPageDropdown]="showJumpToPageDropdown"
+                [showPageLinks]="showPageLinks"
+                [styleClass]="paginatorStyleClass"
+                [locale]="paginatorLocale"
+            >
+                <ng-template pTemplate="firstpagelinkicon" *ngIf="paginatorFirstPageLinkIconTemplate || _paginatorFirstPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorFirstPageLinkIconTemplate || _paginatorFirstPageLinkIconTemplate"></ng-container>
+                </ng-template>
+
+                <ng-template pTemplate="previouspagelinkicon" *ngIf="paginatorPreviousPageLinkIconTemplate || _paginatorPreviousPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorPreviousPageLinkIconTemplate || _paginatorPreviousPageLinkIconTemplate"></ng-container>
+                </ng-template>
+
+                <ng-template pTemplate="lastpagelinkicon" *ngIf="paginatorLastPageLinkIconTemplate || _paginatorLastPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorLastPageLinkIconTemplate || _paginatorLastPageLinkIconTemplate"></ng-container>
+                </ng-template>
+
+                <ng-template pTemplate="nextpagelinkicon" *ngIf="paginatorNextPageLinkIconTemplate || _paginatorNextPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorNextPageLinkIconTemplate || _paginatorNextPageLinkIconTemplate"></ng-container>
+                </ng-template>
+            </p-paginator>
+
+            <div class="p-treetable-wrapper" *ngIf="!scrollable">
+                <table role="table" #table [ngClass]="tableStyleClass" [ngStyle]="tableStyle">
+                    <ng-container *ngTemplateOutlet="colGroupTemplate || _colGroupTemplate; context: { $implicit: columns }"></ng-container>
+                    <thead role="rowgroup" class="p-treetable-thead">
+                        <ng-container *ngTemplateOutlet="headerTemplate || _headerTemplate; context: { $implicit: columns }"></ng-container>
+                    </thead>
+                    <tbody class="p-treetable-tbody" role="rowgroup" [pTreeTableBody]="columns" [pTreeTableBodyTemplate]="bodyTemplate ?? _bodyTemplate"></tbody>
+                    <tfoot class="p-treetable-tfoot" role="rowgroup">
+                        <ng-container *ngTemplateOutlet="footerTemplate || _footerTemplate; context: { $implicit: columns }"></ng-container>
+                    </tfoot>
+                </table>
+            </div>
+
+            <div class="p-treetable-scrollable-wrapper" *ngIf="scrollable">
+                <div
+                    class="p-treetable-scrollable-view p-treetable-frozen-view"
+                    *ngIf="frozenColumns || frozenBodyTemplate || _frozenBodyTemplate"
+                    #scrollableFrozenView
+                    [ttScrollableView]="frozenColumns"
+                    [frozen]="true"
+                    [ngStyle]="{ width: frozenWidth }"
+                    [scrollHeight]="scrollHeight"
+                ></div>
+                <div class="p-treetable-scrollable-view" #scrollableView [ttScrollableView]="columns" [frozen]="false" [scrollHeight]="scrollHeight" [ngStyle]="{ left: frozenWidth, width: 'calc(100% - ' + frozenWidth + ')' }"></div>
+            </div>
+
+            <p-paginator
+                [rows]="rows"
+                [first]="first"
+                [totalRecords]="totalRecords"
+                [pageLinkSize]="pageLinks"
+                styleClass="p-paginator-bottom"
+                [alwaysShow]="alwaysShowPaginator"
+                (onPageChange)="onPageChange($event)"
+                [rowsPerPageOptions]="rowsPerPageOptions"
+                *ngIf="paginator && (paginatorPosition === 'bottom' || paginatorPosition == 'both')"
+                [templateLeft]="paginatorLeftTemplate ?? _paginatorLeftTemplate"
+                [templateRight]="paginatorRightTemplate ?? _paginatorRightTemplate"
+                [dropdownAppendTo]="paginatorDropdownAppendTo"
+                [currentPageReportTemplate]="currentPageReportTemplate"
+                [showFirstLastIcon]="showFirstLastIcon"
+                [dropdownItemTemplate]="paginatorDropdownItemTemplate ?? _paginatorDropdownItemTemplate"
+                [showCurrentPageReport]="showCurrentPageReport"
+                [showJumpToPageDropdown]="showJumpToPageDropdown"
+                [showPageLinks]="showPageLinks"
+                [styleClass]="paginatorStyleClass"
+                [locale]="paginatorLocale"
+            >
+                <ng-template pTemplate="firstpagelinkicon" *ngIf="paginatorFirstPageLinkIconTemplate || _paginatorFirstPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorFirstPageLinkIconTemplate || _paginatorFirstPageLinkIconTemplate"></ng-container>
+                </ng-template>
+
+                <ng-template pTemplate="previouspagelinkicon" *ngIf="paginatorPreviousPageLinkIconTemplate || _paginatorPreviousPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorPreviousPageLinkIconTemplate || _paginatorPreviousPageLinkIconTemplate"></ng-container>
+                </ng-template>
+
+                <ng-template pTemplate="lastpagelinkicon" *ngIf="paginatorLastPageLinkIconTemplate || _paginatorLastPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorLastPageLinkIconTemplate || _paginatorLastPageLinkIconTemplate"></ng-container>
+                </ng-template>
+
+                <ng-template pTemplate="nextpagelinkicon" *ngIf="paginatorNextPageLinkIconTemplate || _paginatorNextPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorNextPageLinkIconTemplate || _paginatorNextPageLinkIconTemplate"></ng-container>
+                </ng-template>
+            </p-paginator>
+            <div *ngIf="summaryTemplate || _summaryTemplate" class="p-treetable-footer">
+                <ng-container *ngTemplateOutlet="summaryTemplate || _summaryTemplate"></ng-container>
+            </div>
+
+            <div #resizeHelper class="p-column-resizer-helper" style="display:none" *ngIf="resizableColumns"></div>
+            <span #reorderIndicatorUp class="p-treetable-reorder-indicator-up" style="display: none;" *ngIf="reorderableColumns">
+                <ArrowDownIcon *ngIf="!reorderIndicatorUpIconTemplate && !_reorderIndicatorUpIconTemplate" />
+                <ng-template *ngTemplateOutlet="reorderIndicatorUpIconTemplate || _reorderIndicatorUpIconTemplate"></ng-template>
+            </span>
+            <span #reorderIndicatorDown class="p-treetable-reorder-indicator-down" style="display: none;" *ngIf="reorderableColumns">
+                <ArrowUpIcon *ngIf="!reorderIndicatorDownIconTemplate && !_reorderIndicatorDownIconTemplate" />
+                <ng-template *ngTemplateOutlet="reorderIndicatorDownIconTemplate || _reorderIndicatorDownIconTemplate"></ng-template>
+            </span>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(() => i2.Paginator), selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "appendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }, { kind: "directive", type: i0.forwardRef(() => i3.PrimeTemplate), selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i0.forwardRef(() => SpinnerIcon), selector: "SpinnerIcon" }, { kind: "component", type: i0.forwardRef(() => ArrowDownIcon), selector: "ArrowDownIcon" }, { kind: "component", type: i0.forwardRef(() => ArrowUpIcon), selector: "ArrowUpIcon" }, { kind: "component", type: i0.forwardRef(() => TTScrollableView), selector: "[ttScrollableView]", inputs: ["ttScrollableView", "frozen", "scrollHeight"] }, { kind: "component", type: i0.forwardRef(() => TTBody), selector: "[pTreeTableBody]", inputs: ["pTreeTableBody", "pTreeTableBodyTemplate", "frozen", "serializedNodes", "scrollerOptions"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeTable, [{
-        type: Component,
-        args: [{
-                selector: 'p-treeTable, p-treetable, p-tree-table',
-                standalone: false,
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TreeTable, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-treeTable, p-treetable, p-tree-table',
+                    standalone: false,
+                    template: `
         <div
             #container
             [ngStyle]="style"
@@ -3384,306 +2813,305 @@ class TreeTable extends BaseComponent {
             </span>
         </div>
     `,
-                providers: [TreeTableService, TreeTableStyle],
-                encapsulation: ViewEncapsulation.None
-            }]
-    }], null, { columns: [{
-            type: Input
-        }], style: [{
-            type: Input
-        }], styleClass: [{
-            type: Input
-        }], tableStyle: [{
-            type: Input
-        }], tableStyleClass: [{
-            type: Input
-        }], autoLayout: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], lazy: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], lazyLoadOnInit: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], paginator: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], rows: [{
-            type: Input,
-            args: [{ transform: numberAttribute }]
-        }], first: [{
-            type: Input,
-            args: [{ transform: numberAttribute }]
-        }], pageLinks: [{
-            type: Input,
-            args: [{ transform: numberAttribute }]
-        }], rowsPerPageOptions: [{
-            type: Input
-        }], alwaysShowPaginator: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], paginatorPosition: [{
-            type: Input
-        }], paginatorStyleClass: [{
-            type: Input
-        }], paginatorDropdownAppendTo: [{
-            type: Input
-        }], currentPageReportTemplate: [{
-            type: Input
-        }], showCurrentPageReport: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], showJumpToPageDropdown: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], showFirstLastIcon: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], showPageLinks: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], defaultSortOrder: [{
-            type: Input,
-            args: [{ transform: numberAttribute }]
-        }], sortMode: [{
-            type: Input
-        }], resetPageOnSort: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], customSort: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], selectionMode: [{
-            type: Input
-        }], contextMenuSelection: [{
-            type: Input
-        }], contextMenuSelectionMode: [{
-            type: Input
-        }], dataKey: [{
-            type: Input
-        }], metaKeySelection: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], compareSelectionBy: [{
-            type: Input
-        }], rowHover: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], loading: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], loadingIcon: [{
-            type: Input
-        }], showLoader: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], scrollable: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], scrollHeight: [{
-            type: Input
-        }], virtualScroll: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], virtualScrollItemSize: [{
-            type: Input,
-            args: [{ transform: numberAttribute }]
-        }], virtualScrollOptions: [{
-            type: Input
-        }], virtualScrollDelay: [{
-            type: Input,
-            args: [{ transform: numberAttribute }]
-        }], frozenWidth: [{
-            type: Input
-        }], frozenColumns: [{
-            type: Input
-        }], resizableColumns: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], columnResizeMode: [{
-            type: Input
-        }], reorderableColumns: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], contextMenu: [{
-            type: Input
-        }], rowTrackBy: [{
-            type: Input
-        }], filters: [{
-            type: Input
-        }], globalFilterFields: [{
-            type: Input
-        }], filterDelay: [{
-            type: Input,
-            args: [{ transform: numberAttribute }]
-        }], filterMode: [{
-            type: Input
-        }], filterLocale: [{
-            type: Input
-        }], paginatorLocale: [{
-            type: Input
-        }], totalRecords: [{
-            type: Input
-        }], sortField: [{
-            type: Input
-        }], sortOrder: [{
-            type: Input
-        }], multiSortMeta: [{
-            type: Input
-        }], selection: [{
-            type: Input
-        }], value: [{
-            type: Input
-        }], virtualRowHeight: [{
-            type: Input
-        }], selectionKeys: [{
-            type: Input
-        }], showGridlines: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], selectionChange: [{
-            type: Output
-        }], contextMenuSelectionChange: [{
-            type: Output
-        }], onFilter: [{
-            type: Output
-        }], onNodeExpand: [{
-            type: Output
-        }], onNodeCollapse: [{
-            type: Output
-        }], onPage: [{
-            type: Output
-        }], onSort: [{
-            type: Output
-        }], onLazyLoad: [{
-            type: Output
-        }], sortFunction: [{
-            type: Output
-        }], onColResize: [{
-            type: Output
-        }], onColReorder: [{
-            type: Output
-        }], onNodeSelect: [{
-            type: Output
-        }], onNodeUnselect: [{
-            type: Output
-        }], onContextMenuSelect: [{
-            type: Output
-        }], onHeaderCheckboxToggle: [{
-            type: Output
-        }], onEditInit: [{
-            type: Output
-        }], onEditComplete: [{
-            type: Output
-        }], onEditCancel: [{
-            type: Output
-        }], selectionKeysChange: [{
-            type: Output
-        }], containerViewChild: [{
-            type: ViewChild,
-            args: ['container']
-        }], resizeHelperViewChild: [{
-            type: ViewChild,
-            args: ['resizeHelper']
-        }], reorderIndicatorUpViewChild: [{
-            type: ViewChild,
-            args: ['reorderIndicatorUp']
-        }], reorderIndicatorDownViewChild: [{
-            type: ViewChild,
-            args: ['reorderIndicatorDown']
-        }], tableViewChild: [{
-            type: ViewChild,
-            args: ['table']
-        }], scrollableViewChild: [{
-            type: ViewChild,
-            args: ['scrollableView']
-        }], scrollableFrozenViewChild: [{
-            type: ViewChild,
-            args: ['scrollableFrozenView']
-        }], _colGroupTemplate: [{
-            type: ContentChild,
-            args: ['colgroup', { descendants: false }]
-        }], _captionTemplate: [{
-            type: ContentChild,
-            args: ['caption', { descendants: false }]
-        }], _headerTemplate: [{
-            type: ContentChild,
-            args: ['header', { descendants: false }]
-        }], _bodyTemplate: [{
-            type: ContentChild,
-            args: ['body', { descendants: false }]
-        }], _footerTemplate: [{
-            type: ContentChild,
-            args: ['footer', { descendants: false }]
-        }], _summaryTemplate: [{
-            type: ContentChild,
-            args: ['summary', { descendants: false }]
-        }], _emptyMessageTemplate: [{
-            type: ContentChild,
-            args: ['emptymessage', { descendants: false }]
-        }], _paginatorLeftTemplate: [{
-            type: ContentChild,
-            args: ['paginatorleft', { descendants: false }]
-        }], _paginatorRightTemplate: [{
-            type: ContentChild,
-            args: ['paginatorright', { descendants: false }]
-        }], _paginatorDropdownItemTemplate: [{
-            type: ContentChild,
-            args: ['paginatordropdownitem', { descendants: false }]
-        }], _frozenHeaderTemplate: [{
-            type: ContentChild,
-            args: ['frozenheader', { descendants: false }]
-        }], _frozenBodyTemplate: [{
-            type: ContentChild,
-            args: ['frozenbody', { descendants: false }]
-        }], _frozenFooterTemplate: [{
-            type: ContentChild,
-            args: ['frozenfooter', { descendants: false }]
-        }], _frozenColGroupTemplate: [{
-            type: ContentChild,
-            args: ['frozencolgroup', { descendants: false }]
-        }], _loadingIconTemplate: [{
-            type: ContentChild,
-            args: ['loadingicon', { descendants: false }]
-        }], _reorderIndicatorUpIconTemplate: [{
-            type: ContentChild,
-            args: ['reorderindicatorupicon', { descendants: false }]
-        }], _reorderIndicatorDownIconTemplate: [{
-            type: ContentChild,
-            args: ['reorderindicatordownicon', { descendants: false }]
-        }], _sortIconTemplate: [{
-            type: ContentChild,
-            args: ['sorticon', { descendants: false }]
-        }], _checkboxIconTemplate: [{
-            type: ContentChild,
-            args: ['checkboxicon', { descendants: false }]
-        }], _headerCheckboxIconTemplate: [{
-            type: ContentChild,
-            args: ['headercheckboxicon', { descendants: false }]
-        }], _togglerIconTemplate: [{
-            type: ContentChild,
-            args: ['togglericon', { descendants: false }]
-        }], _paginatorFirstPageLinkIconTemplate: [{
-            type: ContentChild,
-            args: ['paginatorfirstpagelinkicon', { descendants: false }]
-        }], _paginatorLastPageLinkIconTemplate: [{
-            type: ContentChild,
-            args: ['paginatorlastpagelinkicon', { descendants: false }]
-        }], _paginatorPreviousPageLinkIconTemplate: [{
-            type: ContentChild,
-            args: ['paginatorpreviouspagelinkicon', { descendants: false }]
-        }], _paginatorNextPageLinkIconTemplate: [{
-            type: ContentChild,
-            args: ['paginatornextpagelinkicon', { descendants: false }]
-        }], _loaderTemplate: [{
-            type: ContentChild,
-            args: ['loader', { descendants: false }]
-        }], templates: [{
-            type: ContentChildren,
-            args: [PrimeTemplate]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeTable, { className: "TreeTable", filePath: "treetable.ts", lineNumber: 277 }); })();
+                    providers: [TreeTableService, TreeTableStyle],
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], tableStyle: [{
+                type: Input
+            }], tableStyleClass: [{
+                type: Input
+            }], autoLayout: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], lazy: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], lazyLoadOnInit: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], paginator: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], rows: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], first: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], pageLinks: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], rowsPerPageOptions: [{
+                type: Input
+            }], alwaysShowPaginator: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], paginatorPosition: [{
+                type: Input
+            }], paginatorStyleClass: [{
+                type: Input
+            }], paginatorDropdownAppendTo: [{
+                type: Input
+            }], currentPageReportTemplate: [{
+                type: Input
+            }], showCurrentPageReport: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], showJumpToPageDropdown: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], showFirstLastIcon: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], showPageLinks: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], defaultSortOrder: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], sortMode: [{
+                type: Input
+            }], resetPageOnSort: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], customSort: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], selectionMode: [{
+                type: Input
+            }], contextMenuSelection: [{
+                type: Input
+            }], contextMenuSelectionMode: [{
+                type: Input
+            }], dataKey: [{
+                type: Input
+            }], metaKeySelection: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], compareSelectionBy: [{
+                type: Input
+            }], rowHover: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], loading: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], loadingIcon: [{
+                type: Input
+            }], showLoader: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], scrollable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], scrollHeight: [{
+                type: Input
+            }], virtualScroll: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], virtualScrollItemSize: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], virtualScrollOptions: [{
+                type: Input
+            }], virtualScrollDelay: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], frozenWidth: [{
+                type: Input
+            }], frozenColumns: [{
+                type: Input
+            }], resizableColumns: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], columnResizeMode: [{
+                type: Input
+            }], reorderableColumns: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], contextMenu: [{
+                type: Input
+            }], rowTrackBy: [{
+                type: Input
+            }], filters: [{
+                type: Input
+            }], globalFilterFields: [{
+                type: Input
+            }], filterDelay: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], filterMode: [{
+                type: Input
+            }], filterLocale: [{
+                type: Input
+            }], paginatorLocale: [{
+                type: Input
+            }], totalRecords: [{
+                type: Input
+            }], sortField: [{
+                type: Input
+            }], sortOrder: [{
+                type: Input
+            }], multiSortMeta: [{
+                type: Input
+            }], selection: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], virtualRowHeight: [{
+                type: Input
+            }], selectionKeys: [{
+                type: Input
+            }], showGridlines: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], selectionChange: [{
+                type: Output
+            }], contextMenuSelectionChange: [{
+                type: Output
+            }], onFilter: [{
+                type: Output
+            }], onNodeExpand: [{
+                type: Output
+            }], onNodeCollapse: [{
+                type: Output
+            }], onPage: [{
+                type: Output
+            }], onSort: [{
+                type: Output
+            }], onLazyLoad: [{
+                type: Output
+            }], sortFunction: [{
+                type: Output
+            }], onColResize: [{
+                type: Output
+            }], onColReorder: [{
+                type: Output
+            }], onNodeSelect: [{
+                type: Output
+            }], onNodeUnselect: [{
+                type: Output
+            }], onContextMenuSelect: [{
+                type: Output
+            }], onHeaderCheckboxToggle: [{
+                type: Output
+            }], onEditInit: [{
+                type: Output
+            }], onEditComplete: [{
+                type: Output
+            }], onEditCancel: [{
+                type: Output
+            }], selectionKeysChange: [{
+                type: Output
+            }], containerViewChild: [{
+                type: ViewChild,
+                args: ['container']
+            }], resizeHelperViewChild: [{
+                type: ViewChild,
+                args: ['resizeHelper']
+            }], reorderIndicatorUpViewChild: [{
+                type: ViewChild,
+                args: ['reorderIndicatorUp']
+            }], reorderIndicatorDownViewChild: [{
+                type: ViewChild,
+                args: ['reorderIndicatorDown']
+            }], tableViewChild: [{
+                type: ViewChild,
+                args: ['table']
+            }], scrollableViewChild: [{
+                type: ViewChild,
+                args: ['scrollableView']
+            }], scrollableFrozenViewChild: [{
+                type: ViewChild,
+                args: ['scrollableFrozenView']
+            }], _colGroupTemplate: [{
+                type: ContentChild,
+                args: ['colgroup', { descendants: false }]
+            }], _captionTemplate: [{
+                type: ContentChild,
+                args: ['caption', { descendants: false }]
+            }], _headerTemplate: [{
+                type: ContentChild,
+                args: ['header', { descendants: false }]
+            }], _bodyTemplate: [{
+                type: ContentChild,
+                args: ['body', { descendants: false }]
+            }], _footerTemplate: [{
+                type: ContentChild,
+                args: ['footer', { descendants: false }]
+            }], _summaryTemplate: [{
+                type: ContentChild,
+                args: ['summary', { descendants: false }]
+            }], _emptyMessageTemplate: [{
+                type: ContentChild,
+                args: ['emptymessage', { descendants: false }]
+            }], _paginatorLeftTemplate: [{
+                type: ContentChild,
+                args: ['paginatorleft', { descendants: false }]
+            }], _paginatorRightTemplate: [{
+                type: ContentChild,
+                args: ['paginatorright', { descendants: false }]
+            }], _paginatorDropdownItemTemplate: [{
+                type: ContentChild,
+                args: ['paginatordropdownitem', { descendants: false }]
+            }], _frozenHeaderTemplate: [{
+                type: ContentChild,
+                args: ['frozenheader', { descendants: false }]
+            }], _frozenBodyTemplate: [{
+                type: ContentChild,
+                args: ['frozenbody', { descendants: false }]
+            }], _frozenFooterTemplate: [{
+                type: ContentChild,
+                args: ['frozenfooter', { descendants: false }]
+            }], _frozenColGroupTemplate: [{
+                type: ContentChild,
+                args: ['frozencolgroup', { descendants: false }]
+            }], _loadingIconTemplate: [{
+                type: ContentChild,
+                args: ['loadingicon', { descendants: false }]
+            }], _reorderIndicatorUpIconTemplate: [{
+                type: ContentChild,
+                args: ['reorderindicatorupicon', { descendants: false }]
+            }], _reorderIndicatorDownIconTemplate: [{
+                type: ContentChild,
+                args: ['reorderindicatordownicon', { descendants: false }]
+            }], _sortIconTemplate: [{
+                type: ContentChild,
+                args: ['sorticon', { descendants: false }]
+            }], _checkboxIconTemplate: [{
+                type: ContentChild,
+                args: ['checkboxicon', { descendants: false }]
+            }], _headerCheckboxIconTemplate: [{
+                type: ContentChild,
+                args: ['headercheckboxicon', { descendants: false }]
+            }], _togglerIconTemplate: [{
+                type: ContentChild,
+                args: ['togglericon', { descendants: false }]
+            }], _paginatorFirstPageLinkIconTemplate: [{
+                type: ContentChild,
+                args: ['paginatorfirstpagelinkicon', { descendants: false }]
+            }], _paginatorLastPageLinkIconTemplate: [{
+                type: ContentChild,
+                args: ['paginatorlastpagelinkicon', { descendants: false }]
+            }], _paginatorPreviousPageLinkIconTemplate: [{
+                type: ContentChild,
+                args: ['paginatorpreviouspagelinkicon', { descendants: false }]
+            }], _paginatorNextPageLinkIconTemplate: [{
+                type: ContentChild,
+                args: ['paginatornextpagelinkicon', { descendants: false }]
+            }], _loaderTemplate: [{
+                type: ContentChild,
+                args: ['loader', { descendants: false }]
+            }], templates: [{
+                type: ContentChildren,
+                args: [PrimeTemplate]
+            }] } });
 class TTBody {
     tt;
     treeTableService;
@@ -3720,21 +3148,34 @@ class TTBody {
             this.subscription.unsubscribe();
         }
     }
-    static ɵfac = function TTBody_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TTBody)(i0.ɵɵdirectiveInject(TreeTable), i0.ɵɵdirectiveInject(TreeTableService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TTBody, selectors: [["", "pTreeTableBody", ""]], inputs: { columns: [0, "pTreeTableBody", "columns"], template: [0, "pTreeTableBodyTemplate", "template"], frozen: [2, "frozen", "frozen", booleanAttribute], serializedNodes: "serializedNodes", scrollerOptions: "scrollerOptions" }, standalone: false, features: [i0.ɵɵInputTransformsFeature], attrs: _c37, decls: 2, vars: 3, consts: [["ngFor", "", 3, "ngForOf", "ngForTrackBy"], [4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function TTBody_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, TTBody_ng_template_0_Template, 1, 1, "ng-template", 0)(1, TTBody_ng_container_1_Template, 2, 5, "ng-container", 1);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngForOf", ctx.serializedNodes || ctx.tt.serializedValue)("ngForTrackBy", ctx.tt.rowTrackBy);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.tt.isEmpty());
-        } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTBody, deps: [{ token: TreeTable }, { token: TreeTableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: TTBody, isStandalone: false, selector: "[pTreeTableBody]", inputs: { columns: ["pTreeTableBody", "columns"], template: ["pTreeTableBodyTemplate", "template"], frozen: ["frozen", "frozen", booleanAttribute], serializedNodes: "serializedNodes", scrollerOptions: "scrollerOptions" }, ngImport: i0, template: `
+        <ng-template ngFor let-serializedNode let-rowIndex="index" [ngForOf]="serializedNodes || tt.serializedValue" [ngForTrackBy]="tt.rowTrackBy">
+            <ng-container *ngIf="serializedNode.visible">
+                <ng-container
+                    *ngTemplateOutlet="
+                        template;
+                        context: {
+                            $implicit: serializedNode,
+                            node: serializedNode.node,
+                            rowData: serializedNode.node.data,
+                            columns: columns
+                        }
+                    "
+                ></ng-container>
+            </ng-container>
+        </ng-template>
+        <ng-container *ngIf="tt.isEmpty()">
+            <ng-container *ngTemplateOutlet="tt.emptyMessageTemplate; context: { $implicit: columns, frozen: frozen }"></ng-container>
+        </ng-container>
+    `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TTBody, [{
-        type: Component,
-        args: [{
-                selector: '[pTreeTableBody]',
-                standalone: false,
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTBody, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[pTreeTableBody]',
+                    standalone: false,
+                    template: `
         <ng-template ngFor let-serializedNode let-rowIndex="index" [ngForOf]="serializedNodes || tt.serializedValue" [ngForTrackBy]="tt.rowTrackBy">
             <ng-container *ngIf="serializedNode.visible">
                 <ng-container
@@ -3754,23 +3195,22 @@ class TTBody {
             <ng-container *ngTemplateOutlet="tt.emptyMessageTemplate; context: { $implicit: columns, frozen: frozen }"></ng-container>
         </ng-container>
     `,
-                encapsulation: ViewEncapsulation.None
-            }]
-    }], () => [{ type: TreeTable }, { type: TreeTableService }, { type: i0.ChangeDetectorRef }], { columns: [{
-            type: Input,
-            args: ['pTreeTableBody']
-        }], template: [{
-            type: Input,
-            args: ['pTreeTableBodyTemplate']
-        }], frozen: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], serializedNodes: [{
-            type: Input
-        }], scrollerOptions: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TTBody, { className: "TTBody", filePath: "treetable.ts", lineNumber: 2356 }); })();
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: () => [{ type: TreeTable }, { type: TreeTableService }, { type: i0.ChangeDetectorRef }], propDecorators: { columns: [{
+                type: Input,
+                args: ['pTreeTableBody']
+            }], template: [{
+                type: Input,
+                args: ['pTreeTableBodyTemplate']
+            }], frozen: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], serializedNodes: [{
+                type: Input
+            }], scrollerOptions: [{
+                type: Input
+            }] } });
 class TTScrollableView {
     platformId;
     renderer;
@@ -3942,56 +3382,96 @@ class TTScrollableView {
         this.unbindEvents();
         this.frozenSiblingBody = null;
     }
-    static ɵfac = function TTScrollableView_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TTScrollableView)(i0.ɵɵdirectiveInject(PLATFORM_ID), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(TreeTable), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TTScrollableView, selectors: [["", "ttScrollableView", ""]], viewQuery: function TTScrollableView_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c40, 5);
-            i0.ɵɵviewQuery(_c41, 5);
-            i0.ɵɵviewQuery(_c42, 5);
-            i0.ɵɵviewQuery(_c43, 5);
-            i0.ɵɵviewQuery(_c44, 5);
-            i0.ɵɵviewQuery(_c45, 5);
-            i0.ɵɵviewQuery(_c46, 5);
-            i0.ɵɵviewQuery(_c47, 5);
-            i0.ɵɵviewQuery(_c48, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollHeaderViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollHeaderBoxViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollBodyViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollTableViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollLoadingTableViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollFooterViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollFooterBoxViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollableAlignerViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scroller = _t.first);
-        } }, inputs: { columns: [0, "ttScrollableView", "columns"], frozen: [2, "frozen", "frozen", booleanAttribute], scrollHeight: "scrollHeight" }, standalone: false, features: [i0.ɵɵInputTransformsFeature], attrs: _c49, decls: 13, vars: 13, consts: [["scrollHeader", ""], ["scrollHeaderBox", ""], ["buildInItems", ""], ["scroller", ""], ["content", ""], ["loader", ""], ["scrollBody", ""], ["scrollTable", ""], ["scrollableAligner", ""], ["scrollFooter", ""], ["scrollFooterBox", ""], [1, "p-treetable-scrollable-header"], [1, "p-treetable-scrollable-header-box"], [1, "p-treetable-scrollable-header-table", 3, "ngClass", "ngStyle"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["role", "rowgroup", 1, "p-treetable-thead"], ["styleClass", "p-treetable-scrollable-body", 3, "items", "style", "scrollHeight", "itemSize", "lazy", "options", "onLazyLoad", 4, "ngIf"], [4, "ngIf"], ["class", "p-treetable-scrollable-footer", 4, "ngIf"], ["styleClass", "p-treetable-scrollable-body", 3, "onLazyLoad", "items", "scrollHeight", "itemSize", "lazy", "options"], [1, "p-treetable-scrollable-body", 3, "ngStyle"], ["role", "table", 3, "ngClass", "ngStyle"], ["role", "rowgroup", 1, "p-treetable-tbody", 3, "pTreeTableBody", "pTreeTableBodyTemplate", "serializedNodes", "frozen"], ["style", "background-color:transparent", 4, "ngIf"], [2, "background-color", "transparent"], [1, "p-treetable-scrollable-footer"], [1, "p-treetable-scrollable-footer-box"], [1, "p-treetable-scrollable-footer-table", 3, "ngClass", "ngStyle"], ["role", "rowgroup", 1, "p-treetable-tfoot"]], template: function TTScrollableView_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 11, 0)(2, "div", 12, 1)(4, "table", 13);
-            i0.ɵɵtemplate(5, TTScrollableView_ng_container_5_Template, 1, 0, "ng-container", 14);
-            i0.ɵɵelementStart(6, "thead", 15);
-            i0.ɵɵtemplate(7, TTScrollableView_ng_container_7_Template, 1, 0, "ng-container", 14);
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵtemplate(8, TTScrollableView_p_scroller_8_Template, 5, 10, "p-scroller", 16)(9, TTScrollableView_ng_container_9_Template, 4, 10, "ng-container", 17)(10, TTScrollableView_ng_template_10_Template, 5, 15, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(12, TTScrollableView_div_12_Template, 8, 10, "div", 18);
-        } if (rf & 2) {
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngClass", ctx.tt.tableStyleClass)("ngStyle", ctx.tt.tableStyle);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.frozen ? ctx.tt.frozenColGroupTemplate || ctx.tt._frozenColGroupTemplate || ctx.tt.colGroupTemplate || ctx.tt._colGroupTemplate : ctx.tt.colGroupTemplate || ctx.tt._colGroupTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(9, _c34, ctx.columns));
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.frozen ? ctx.tt.frozenHeaderTemplate || ctx.tt._frozenHeaderTemplate || ctx.tt.headerTemplate || ctx.tt._headerTemplate : ctx.tt.headerTemplate || ctx.tt._headerTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(11, _c34, ctx.columns));
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.tt.virtualScroll);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.tt.virtualScroll);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", ctx.tt.footerTemplate || ctx.tt._footerTemplate);
-        } }, dependencies: () => [i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, Scroller, TTBody], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTScrollableView, deps: [{ token: PLATFORM_ID }, { token: i0.Renderer2 }, { token: TreeTable }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: TTScrollableView, isStandalone: false, selector: "[ttScrollableView]", inputs: { columns: ["ttScrollableView", "columns"], frozen: ["frozen", "frozen", booleanAttribute], scrollHeight: "scrollHeight" }, viewQueries: [{ propertyName: "scrollHeaderViewChild", first: true, predicate: ["scrollHeader"], descendants: true }, { propertyName: "scrollHeaderBoxViewChild", first: true, predicate: ["scrollHeaderBox"], descendants: true }, { propertyName: "scrollBodyViewChild", first: true, predicate: ["scrollBody"], descendants: true }, { propertyName: "scrollTableViewChild", first: true, predicate: ["scrollTable"], descendants: true }, { propertyName: "scrollLoadingTableViewChild", first: true, predicate: ["loadingTable"], descendants: true }, { propertyName: "scrollFooterViewChild", first: true, predicate: ["scrollFooter"], descendants: true }, { propertyName: "scrollFooterBoxViewChild", first: true, predicate: ["scrollFooterBox"], descendants: true }, { propertyName: "scrollableAlignerViewChild", first: true, predicate: ["scrollableAligner"], descendants: true }, { propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true }], ngImport: i0, template: `
+        <div #scrollHeader class="p-treetable-scrollable-header">
+            <div #scrollHeaderBox class="p-treetable-scrollable-header-box">
+                <table class="p-treetable-scrollable-header-table" [ngClass]="tt.tableStyleClass" [ngStyle]="tt.tableStyle">
+                    <ng-container
+                        *ngTemplateOutlet="frozen ? tt.frozenColGroupTemplate || tt._frozenColGroupTemplate || tt.colGroupTemplate || tt._colGroupTemplate : tt.colGroupTemplate || tt._colGroupTemplate; context: { $implicit: columns }"
+                    ></ng-container>
+                    <thead role="rowgroup" class="p-treetable-thead">
+                        <ng-container
+                            *ngTemplateOutlet="frozen ? tt.frozenHeaderTemplate || tt._frozenHeaderTemplate || tt.headerTemplate || tt._headerTemplate : tt.headerTemplate || tt._headerTemplate; context: { $implicit: columns }"
+                        ></ng-container>
+                    </thead>
+                </table>
+            </div>
+        </div>
+
+        <p-scroller
+            *ngIf="tt.virtualScroll"
+            #scroller
+            [items]="tt.serializedValue"
+            styleClass="p-treetable-scrollable-body"
+            [style]="{ height: tt.scrollHeight !== 'flex' ? tt.scrollHeight : undefined }"
+            [scrollHeight]="scrollHeight !== 'flex' ? undefined : '100%'"
+            [itemSize]="tt.virtualScrollItemSize || tt._virtualRowHeight"
+            [lazy]="tt.lazy"
+            (onLazyLoad)="tt.onLazyItemLoad($event)"
+            [options]="tt.virtualScrollOptions"
+        >
+            <ng-template #content let-items let-scrollerOptions="options">
+                <ng-container *ngTemplateOutlet="buildInItems; context: { $implicit: items, options: scrollerOptions }"></ng-container>
+            </ng-template>
+            <ng-container *ngIf="tt.loaderTemplate || tt._loaderTemplate">
+                <ng-template #loader let-scrollerOptions="options">
+                    <ng-container *ngTemplateOutlet="tt.loaderTemplate || tt._loaderTemplate; context: { options: scrollerOptions }"></ng-container>
+                </ng-template>
+            </ng-container>
+        </p-scroller>
+        <ng-container *ngIf="!tt.virtualScroll">
+            <div
+                #scrollBody
+                class="p-treetable-scrollable-body"
+                [ngStyle]="{
+                    'max-height': tt.scrollHeight !== 'flex' ? scrollHeight : undefined,
+                    'overflow-y': !frozen && tt.scrollHeight ? 'scroll' : undefined
+                }"
+            >
+                <ng-container *ngTemplateOutlet="buildInItems; context: { $implicit: serializedValue, options: {} }"></ng-container>
+            </div>
+        </ng-container>
+
+        <ng-template #buildInItems let-items let-scrollerOptions="options">
+            <table role="table" #scrollTable [class]="tt.tableStyleClass" [ngClass]="scrollerOptions.contentStyleClass" [ngStyle]="tt.tableStyle" [style]="scrollerOptions.contentStyle">
+                <ng-container
+                    *ngTemplateOutlet="frozen ? tt.frozenColGroupTemplate || tt._frozenColGroupTemplate || tt.colGroupTemplate || tt._colGroupTemplate : tt.colGroupTemplate || tt._colGroupTemplate; context: { $implicit: columns }"
+                ></ng-container>
+                <tbody
+                    role="rowgroup"
+                    class="p-treetable-tbody"
+                    [pTreeTableBody]="columns"
+                    [pTreeTableBodyTemplate]="frozen ? tt.frozenBodyTemplate || tt._frozenBodyTemplate || tt.bodyTemplate || tt._bodyTemplate : tt.bodyTemplate || tt._bodyTemplate"
+                    [serializedNodes]="items"
+                    [frozen]="frozen"
+                ></tbody>
+            </table>
+            <div #scrollableAligner style="background-color:transparent" *ngIf="frozen"></div>
+        </ng-template>
+
+        <div #scrollFooter *ngIf="tt.footerTemplate || tt._footerTemplate" class="p-treetable-scrollable-footer">
+            <div #scrollFooterBox class="p-treetable-scrollable-footer-box">
+                <table class="p-treetable-scrollable-footer-table" [ngClass]="tt.tableStyleClass" [ngStyle]="tt.tableStyle">
+                    <ng-container
+                        *ngTemplateOutlet="frozen ? tt.frozenColGroupTemplate || tt._frozenColGroupTemplate || tt.colGroupTemplate || tt._colGroupTemplate : tt.colGroupTemplate || tt._colGroupTemplate; context: { $implicit: columns }"
+                    ></ng-container>
+                    <tfoot role="rowgroup" class="p-treetable-tfoot">
+                        <ng-container
+                            *ngTemplateOutlet="frozen ? tt.frozenFooterTemplate || tt._frozenFooterTemplate || tt.footerTemplate || tt._footerTemplate : tt.footerTemplate || tt._footerTemplate; context: { $implicit: columns }"
+                        ></ng-container>
+                    </tfoot>
+                </table>
+            </div>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(() => Scroller), selector: "p-scroller, p-virtualscroller, p-virtual-scroller, p-virtualScroller", inputs: ["id", "style", "styleClass", "tabindex", "items", "itemSize", "scrollHeight", "scrollWidth", "orientation", "step", "delay", "resizeDelay", "appendOnly", "inline", "lazy", "disabled", "loaderDisabled", "columns", "showSpacer", "showLoader", "numToleratedItems", "loading", "autoSize", "trackBy", "options"], outputs: ["onLazyLoad", "onScroll", "onScrollIndexChange"] }, { kind: "component", type: i0.forwardRef(() => TTBody), selector: "[pTreeTableBody]", inputs: ["pTreeTableBody", "pTreeTableBodyTemplate", "frozen", "serializedNodes", "scrollerOptions"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TTScrollableView, [{
-        type: Component,
-        args: [{
-                selector: '[ttScrollableView]',
-                standalone: false,
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTScrollableView, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ttScrollableView]',
+                    standalone: false,
+                    template: `
         <div #scrollHeader class="p-treetable-scrollable-header">
             <div #scrollHeaderBox class="p-treetable-scrollable-header-box">
                 <table class="p-treetable-scrollable-header-table" [ngClass]="tt.tableStyleClass" [ngStyle]="tt.tableStyle">
@@ -4073,48 +3553,47 @@ class TTScrollableView {
             </div>
         </div>
     `,
-                encapsulation: ViewEncapsulation.None
-            }]
-    }], () => [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [PLATFORM_ID]
-            }] }, { type: i0.Renderer2 }, { type: TreeTable }, { type: i0.ElementRef }, { type: i0.NgZone }], { columns: [{
-            type: Input,
-            args: ['ttScrollableView']
-        }], frozen: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], scrollHeaderViewChild: [{
-            type: ViewChild,
-            args: ['scrollHeader']
-        }], scrollHeaderBoxViewChild: [{
-            type: ViewChild,
-            args: ['scrollHeaderBox']
-        }], scrollBodyViewChild: [{
-            type: ViewChild,
-            args: ['scrollBody']
-        }], scrollTableViewChild: [{
-            type: ViewChild,
-            args: ['scrollTable']
-        }], scrollLoadingTableViewChild: [{
-            type: ViewChild,
-            args: ['loadingTable']
-        }], scrollFooterViewChild: [{
-            type: ViewChild,
-            args: ['scrollFooter']
-        }], scrollFooterBoxViewChild: [{
-            type: ViewChild,
-            args: ['scrollFooterBox']
-        }], scrollableAlignerViewChild: [{
-            type: ViewChild,
-            args: ['scrollableAligner']
-        }], scroller: [{
-            type: ViewChild,
-            args: ['scroller']
-        }], scrollHeight: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TTScrollableView, { className: "TTScrollableView", filePath: "treetable.ts", lineNumber: 2489 }); })();
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }, { type: i0.Renderer2 }, { type: TreeTable }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { columns: [{
+                type: Input,
+                args: ['ttScrollableView']
+            }], frozen: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], scrollHeaderViewChild: [{
+                type: ViewChild,
+                args: ['scrollHeader']
+            }], scrollHeaderBoxViewChild: [{
+                type: ViewChild,
+                args: ['scrollHeaderBox']
+            }], scrollBodyViewChild: [{
+                type: ViewChild,
+                args: ['scrollBody']
+            }], scrollTableViewChild: [{
+                type: ViewChild,
+                args: ['scrollTable']
+            }], scrollLoadingTableViewChild: [{
+                type: ViewChild,
+                args: ['loadingTable']
+            }], scrollFooterViewChild: [{
+                type: ViewChild,
+                args: ['scrollFooter']
+            }], scrollFooterBoxViewChild: [{
+                type: ViewChild,
+                args: ['scrollFooterBox']
+            }], scrollableAlignerViewChild: [{
+                type: ViewChild,
+                args: ['scrollableAligner']
+            }], scroller: [{
+                type: ViewChild,
+                args: ['scroller']
+            }], scrollHeight: [{
+                type: Input
+            }] } });
 class TTSortableColumn {
     tt;
     field;
@@ -4166,40 +3645,35 @@ class TTSortableColumn {
             this.subscription.unsubscribe();
         }
     }
-    static ɵfac = function TTSortableColumn_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TTSortableColumn)(i0.ɵɵdirectiveInject(TreeTable)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TTSortableColumn, selectors: [["", "ttSortableColumn", ""]], hostVars: 7, hostBindings: function TTSortableColumn_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("click", function TTSortableColumn_click_HostBindingHandler($event) { return ctx.onClick($event); })("keydown.enter", function TTSortableColumn_keydown_enter_HostBindingHandler($event) { return ctx.onEnterKey($event); });
-        } if (rf & 2) {
-            i0.ɵɵattribute("tabindex", ctx.isEnabled() ? "0" : null)("role", "columnheader")("aria-sort", ctx.ariaSorted);
-            i0.ɵɵclassProp("p-sortable-column", ctx.isEnabled())("p-treetable-column-sorted", ctx.sorted);
-        } }, inputs: { field: [0, "ttSortableColumn", "field"], ttSortableColumnDisabled: [2, "ttSortableColumnDisabled", "ttSortableColumnDisabled", booleanAttribute] }, standalone: false, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTSortableColumn, deps: [{ token: TreeTable }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.1.7", type: TTSortableColumn, isStandalone: false, selector: "[ttSortableColumn]", inputs: { field: ["ttSortableColumn", "field"], ttSortableColumnDisabled: ["ttSortableColumnDisabled", "ttSortableColumnDisabled", booleanAttribute] }, host: { listeners: { "click": "onClick($event)", "keydown.enter": "onEnterKey($event)" }, properties: { "class.p-sortable-column": "isEnabled()", "class.p-treetable-column-sorted": "sorted", "attr.tabindex": "isEnabled() ? \"0\" : null", "attr.role": "\"columnheader\"", "attr.aria-sort": "ariaSorted" } }, ngImport: i0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TTSortableColumn, [{
-        type: Directive,
-        args: [{
-                selector: '[ttSortableColumn]',
-                standalone: false,
-                host: {
-                    '[class.p-sortable-column]': 'isEnabled()',
-                    '[class.p-treetable-column-sorted]': 'sorted',
-                    '[attr.tabindex]': 'isEnabled() ? "0" : null',
-                    '[attr.role]': '"columnheader"',
-                    '[attr.aria-sort]': 'ariaSorted'
-                }
-            }]
-    }], () => [{ type: TreeTable }], { field: [{
-            type: Input,
-            args: ['ttSortableColumn']
-        }], ttSortableColumnDisabled: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], onClick: [{
-            type: HostListener,
-            args: ['click', ['$event']]
-        }], onEnterKey: [{
-            type: HostListener,
-            args: ['keydown.enter', ['$event']]
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTSortableColumn, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttSortableColumn]',
+                    standalone: false,
+                    host: {
+                        '[class.p-sortable-column]': 'isEnabled()',
+                        '[class.p-treetable-column-sorted]': 'sorted',
+                        '[attr.tabindex]': 'isEnabled() ? "0" : null',
+                        '[attr.role]': '"columnheader"',
+                        '[attr.aria-sort]': 'ariaSorted'
+                    }
+                }]
+        }], ctorParameters: () => [{ type: TreeTable }], propDecorators: { field: [{
+                type: Input,
+                args: ['ttSortableColumn']
+            }], ttSortableColumnDisabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onEnterKey: [{
+                type: HostListener,
+                args: ['keydown.enter', ['$event']]
+            }] } });
 class TTSortIcon {
     tt;
     cd;
@@ -4236,23 +3710,22 @@ class TTSortIcon {
             this.subscription.unsubscribe();
         }
     }
-    static ɵfac = function TTSortIcon_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TTSortIcon)(i0.ɵɵdirectiveInject(TreeTable), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TTSortIcon, selectors: [["p-treeTableSortIcon"]], inputs: { field: "field", ariaLabelDesc: "ariaLabelDesc", ariaLabelAsc: "ariaLabelAsc" }, standalone: false, decls: 2, vars: 2, consts: [[4, "ngIf"], ["class", "p-sortable-column-icon", 4, "ngIf"], [3, "styleClass", 4, "ngIf"], [3, "styleClass"], [1, "p-sortable-column-icon"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function TTSortIcon_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, TTSortIcon_ng_container_0_Template, 4, 3, "ng-container", 0)(1, TTSortIcon_span_1_Template, 2, 4, "span", 1);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", !ctx.tt.sortIconTemplate && !ctx.tt._sortIconTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.tt.sortIconTemplate || ctx.tt._sortIconTemplate);
-        } }, dependencies: () => [i1.NgIf, i1.NgTemplateOutlet, SortAltIcon,
-            SortAmountUpAltIcon,
-            SortAmountDownIcon], encapsulation: 2, changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTSortIcon, deps: [{ token: TreeTable }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: TTSortIcon, isStandalone: false, selector: "p-treeTableSortIcon", inputs: { field: "field", ariaLabelDesc: "ariaLabelDesc", ariaLabelAsc: "ariaLabelAsc" }, ngImport: i0, template: ` <ng-container *ngIf="!tt.sortIconTemplate && !tt._sortIconTemplate">
+            <SortAltIcon [styleClass]="'p-sortable-column-icon'" *ngIf="sortOrder === 0" />
+            <SortAmountUpAltIcon [styleClass]="'p-sortable-column-icon'" *ngIf="sortOrder === 1" />
+            <SortAmountDownIcon [styleClass]="'p-sortable-column-icon'" *ngIf="sortOrder === -1" />
+        </ng-container>
+        <span *ngIf="tt.sortIconTemplate || tt._sortIconTemplate" class="p-sortable-column-icon">
+            <ng-template *ngTemplateOutlet="tt.sortIconTemplate || tt._sortIconTemplate; context: { $implicit: sortOrder }"></ng-template>
+        </span>`, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i0.forwardRef(() => SortAltIcon), selector: "SortAltIcon" }, { kind: "component", type: i0.forwardRef(() => SortAmountUpAltIcon), selector: "SortAmountUpAltIcon" }, { kind: "component", type: i0.forwardRef(() => SortAmountDownIcon), selector: "SortAmountDownIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TTSortIcon, [{
-        type: Component,
-        args: [{
-                selector: 'p-treeTableSortIcon',
-                standalone: false,
-                template: ` <ng-container *ngIf="!tt.sortIconTemplate && !tt._sortIconTemplate">
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTSortIcon, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-treeTableSortIcon',
+                    standalone: false,
+                    template: ` <ng-container *ngIf="!tt.sortIconTemplate && !tt._sortIconTemplate">
             <SortAltIcon [styleClass]="'p-sortable-column-icon'" *ngIf="sortOrder === 0" />
             <SortAmountUpAltIcon [styleClass]="'p-sortable-column-icon'" *ngIf="sortOrder === 1" />
             <SortAmountDownIcon [styleClass]="'p-sortable-column-icon'" *ngIf="sortOrder === -1" />
@@ -4260,17 +3733,16 @@ class TTSortIcon {
         <span *ngIf="tt.sortIconTemplate || tt._sortIconTemplate" class="p-sortable-column-icon">
             <ng-template *ngTemplateOutlet="tt.sortIconTemplate || tt._sortIconTemplate; context: { $implicit: sortOrder }"></ng-template>
         </span>`,
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
-    }], () => [{ type: TreeTable }, { type: i0.ChangeDetectorRef }], { field: [{
-            type: Input
-        }], ariaLabelDesc: [{
-            type: Input
-        }], ariaLabelAsc: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TTSortIcon, { className: "TTSortIcon", filePath: "treetable.ts", lineNumber: 2784 }); })();
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: () => [{ type: TreeTable }, { type: i0.ChangeDetectorRef }], propDecorators: { field: [{
+                type: Input
+            }], ariaLabelDesc: [{
+                type: Input
+            }], ariaLabelAsc: [{
+                type: Input
+            }] } });
 class TTResizableColumn {
     document;
     platformId;
@@ -4341,25 +3813,25 @@ class TTResizableColumn {
         }
         this.unbindDocumentEvents();
     }
-    static ɵfac = function TTResizableColumn_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TTResizableColumn)(i0.ɵɵdirectiveInject(DOCUMENT), i0.ɵɵdirectiveInject(PLATFORM_ID), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(TreeTable), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TTResizableColumn, selectors: [["", "ttResizableColumn", ""]], inputs: { ttResizableColumnDisabled: [2, "ttResizableColumnDisabled", "ttResizableColumnDisabled", booleanAttribute] }, standalone: false, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTResizableColumn, deps: [{ token: DOCUMENT }, { token: PLATFORM_ID }, { token: i0.Renderer2 }, { token: TreeTable }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.1.7", type: TTResizableColumn, isStandalone: false, selector: "[ttResizableColumn]", inputs: { ttResizableColumnDisabled: ["ttResizableColumnDisabled", "ttResizableColumnDisabled", booleanAttribute] }, ngImport: i0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TTResizableColumn, [{
-        type: Directive,
-        args: [{
-                selector: '[ttResizableColumn]',
-                standalone: false
-            }]
-    }], () => [{ type: Document, decorators: [{
-                type: Inject,
-                args: [DOCUMENT]
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [PLATFORM_ID]
-            }] }, { type: i0.Renderer2 }, { type: TreeTable }, { type: i0.ElementRef }, { type: i0.NgZone }], { ttResizableColumnDisabled: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTResizableColumn, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttResizableColumn]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }, { type: i0.Renderer2 }, { type: TreeTable }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ttResizableColumnDisabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
 class TTReorderableColumn {
     document;
     platformId;
@@ -4446,30 +3918,28 @@ class TTReorderableColumn {
     ngOnDestroy() {
         this.unbindEvents();
     }
-    static ɵfac = function TTReorderableColumn_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TTReorderableColumn)(i0.ɵɵdirectiveInject(DOCUMENT), i0.ɵɵdirectiveInject(PLATFORM_ID), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(TreeTable), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TTReorderableColumn, selectors: [["", "ttReorderableColumn", ""]], hostBindings: function TTReorderableColumn_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("drop", function TTReorderableColumn_drop_HostBindingHandler($event) { return ctx.onDrop($event); });
-        } }, inputs: { ttReorderableColumnDisabled: [2, "ttReorderableColumnDisabled", "ttReorderableColumnDisabled", booleanAttribute] }, standalone: false, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTReorderableColumn, deps: [{ token: DOCUMENT }, { token: PLATFORM_ID }, { token: i0.Renderer2 }, { token: TreeTable }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.1.7", type: TTReorderableColumn, isStandalone: false, selector: "[ttReorderableColumn]", inputs: { ttReorderableColumnDisabled: ["ttReorderableColumnDisabled", "ttReorderableColumnDisabled", booleanAttribute] }, host: { listeners: { "drop": "onDrop($event)" } }, ngImport: i0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TTReorderableColumn, [{
-        type: Directive,
-        args: [{
-                selector: '[ttReorderableColumn]',
-                standalone: false
-            }]
-    }], () => [{ type: Document, decorators: [{
-                type: Inject,
-                args: [DOCUMENT]
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [PLATFORM_ID]
-            }] }, { type: i0.Renderer2 }, { type: TreeTable }, { type: i0.ElementRef }, { type: i0.NgZone }], { ttReorderableColumnDisabled: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], onDrop: [{
-            type: HostListener,
-            args: ['drop', ['$event']]
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTReorderableColumn, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttReorderableColumn]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }, { type: i0.Renderer2 }, { type: TreeTable }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ttReorderableColumnDisabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], onDrop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }] } });
 class TTSelectableRow {
     tt;
     tableService;
@@ -4534,40 +4004,35 @@ class TTSelectableRow {
             this.subscription.unsubscribe();
         }
     }
-    static ɵfac = function TTSelectableRow_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TTSelectableRow)(i0.ɵɵdirectiveInject(TreeTable), i0.ɵɵdirectiveInject(TreeTableService)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TTSelectableRow, selectors: [["", "ttSelectableRow", ""]], hostVars: 3, hostBindings: function TTSelectableRow_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("click", function TTSelectableRow_click_HostBindingHandler($event) { return ctx.onClick($event); })("keydown", function TTSelectableRow_keydown_HostBindingHandler($event) { return ctx.onKeyDown($event); })("touchend", function TTSelectableRow_touchend_HostBindingHandler($event) { return ctx.onTouchEnd($event); });
-        } if (rf & 2) {
-            i0.ɵɵattribute("aria-checked", ctx.selected);
-            i0.ɵɵclassProp("p-treetable-row-selected", ctx.selected);
-        } }, inputs: { rowNode: [0, "ttSelectableRow", "rowNode"], ttSelectableRowDisabled: [2, "ttSelectableRowDisabled", "ttSelectableRowDisabled", booleanAttribute] }, standalone: false, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTSelectableRow, deps: [{ token: TreeTable }, { token: TreeTableService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.1.7", type: TTSelectableRow, isStandalone: false, selector: "[ttSelectableRow]", inputs: { rowNode: ["ttSelectableRow", "rowNode"], ttSelectableRowDisabled: ["ttSelectableRowDisabled", "ttSelectableRowDisabled", booleanAttribute] }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeyDown($event)", "touchend": "onTouchEnd($event)" }, properties: { "class.p-treetable-row-selected": "selected", "attr.aria-checked": "selected" } }, ngImport: i0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TTSelectableRow, [{
-        type: Directive,
-        args: [{
-                selector: '[ttSelectableRow]',
-                standalone: false,
-                host: {
-                    '[class.p-treetable-row-selected]': 'selected',
-                    '[attr.aria-checked]': 'selected'
-                }
-            }]
-    }], () => [{ type: TreeTable }, { type: TreeTableService }], { rowNode: [{
-            type: Input,
-            args: ['ttSelectableRow']
-        }], ttSelectableRowDisabled: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], onClick: [{
-            type: HostListener,
-            args: ['click', ['$event']]
-        }], onKeyDown: [{
-            type: HostListener,
-            args: ['keydown', ['$event']]
-        }], onTouchEnd: [{
-            type: HostListener,
-            args: ['touchend', ['$event']]
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTSelectableRow, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttSelectableRow]',
+                    standalone: false,
+                    host: {
+                        '[class.p-treetable-row-selected]': 'selected',
+                        '[attr.aria-checked]': 'selected'
+                    }
+                }]
+        }], ctorParameters: () => [{ type: TreeTable }, { type: TreeTableService }], propDecorators: { rowNode: [{
+                type: Input,
+                args: ['ttSelectableRow']
+            }], ttSelectableRowDisabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], onTouchEnd: [{
+                type: HostListener,
+                args: ['touchend', ['$event']]
+            }] } });
 class TTSelectableRowDblClick {
     tt;
     tableService;
@@ -4605,32 +4070,28 @@ class TTSelectableRowDblClick {
             this.subscription.unsubscribe();
         }
     }
-    static ɵfac = function TTSelectableRowDblClick_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TTSelectableRowDblClick)(i0.ɵɵdirectiveInject(TreeTable), i0.ɵɵdirectiveInject(TreeTableService)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TTSelectableRowDblClick, selectors: [["", "ttSelectableRowDblClick", ""]], hostVars: 2, hostBindings: function TTSelectableRowDblClick_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("dblclick", function TTSelectableRowDblClick_dblclick_HostBindingHandler($event) { return ctx.onClick($event); });
-        } if (rf & 2) {
-            i0.ɵɵclassProp("p-treetable-row-selected", ctx.selected);
-        } }, inputs: { rowNode: [0, "ttSelectableRowDblClick", "rowNode"], ttSelectableRowDisabled: [2, "ttSelectableRowDisabled", "ttSelectableRowDisabled", booleanAttribute] }, standalone: false, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTSelectableRowDblClick, deps: [{ token: TreeTable }, { token: TreeTableService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.1.7", type: TTSelectableRowDblClick, isStandalone: false, selector: "[ttSelectableRowDblClick]", inputs: { rowNode: ["ttSelectableRowDblClick", "rowNode"], ttSelectableRowDisabled: ["ttSelectableRowDisabled", "ttSelectableRowDisabled", booleanAttribute] }, host: { listeners: { "dblclick": "onClick($event)" }, properties: { "class.p-treetable-row-selected": "selected" } }, ngImport: i0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TTSelectableRowDblClick, [{
-        type: Directive,
-        args: [{
-                selector: '[ttSelectableRowDblClick]',
-                standalone: false,
-                host: {
-                    '[class.p-treetable-row-selected]': 'selected'
-                }
-            }]
-    }], () => [{ type: TreeTable }, { type: TreeTableService }], { rowNode: [{
-            type: Input,
-            args: ['ttSelectableRowDblClick']
-        }], ttSelectableRowDisabled: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], onClick: [{
-            type: HostListener,
-            args: ['dblclick', ['$event']]
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTSelectableRowDblClick, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttSelectableRowDblClick]',
+                    standalone: false,
+                    host: {
+                        '[class.p-treetable-row-selected]': 'selected'
+                    }
+                }]
+        }], ctorParameters: () => [{ type: TreeTable }, { type: TreeTableService }], propDecorators: { rowNode: [{
+                type: Input,
+                args: ['ttSelectableRowDblClick']
+            }], ttSelectableRowDisabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], onClick: [{
+                type: HostListener,
+                args: ['dblclick', ['$event']]
+            }] } });
 class TTContextMenuRow {
     tt;
     tableService;
@@ -4667,34 +4128,29 @@ class TTContextMenuRow {
             this.subscription.unsubscribe();
         }
     }
-    static ɵfac = function TTContextMenuRow_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TTContextMenuRow)(i0.ɵɵdirectiveInject(TreeTable), i0.ɵɵdirectiveInject(TreeTableService), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TTContextMenuRow, selectors: [["", "ttContextMenuRow", ""]], hostVars: 3, hostBindings: function TTContextMenuRow_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("contextmenu", function TTContextMenuRow_contextmenu_HostBindingHandler($event) { return ctx.onContextMenu($event); });
-        } if (rf & 2) {
-            i0.ɵɵattribute("tabindex", ctx.isEnabled() ? 0 : undefined);
-            i0.ɵɵclassProp("p-treetable-contextmenu-row-selected", ctx.selected);
-        } }, inputs: { rowNode: [0, "ttContextMenuRow", "rowNode"], ttContextMenuRowDisabled: [2, "ttContextMenuRowDisabled", "ttContextMenuRowDisabled", booleanAttribute] }, standalone: false, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTContextMenuRow, deps: [{ token: TreeTable }, { token: TreeTableService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.1.7", type: TTContextMenuRow, isStandalone: false, selector: "[ttContextMenuRow]", inputs: { rowNode: ["ttContextMenuRow", "rowNode"], ttContextMenuRowDisabled: ["ttContextMenuRowDisabled", "ttContextMenuRowDisabled", booleanAttribute] }, host: { listeners: { "contextmenu": "onContextMenu($event)" }, properties: { "class.p-treetable-contextmenu-row-selected": "selected", "attr.tabindex": "isEnabled() ? 0 : undefined" } }, ngImport: i0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TTContextMenuRow, [{
-        type: Directive,
-        args: [{
-                selector: '[ttContextMenuRow]',
-                standalone: false,
-                host: {
-                    '[class.p-treetable-contextmenu-row-selected]': 'selected',
-                    '[attr.tabindex]': 'isEnabled() ? 0 : undefined'
-                }
-            }]
-    }], () => [{ type: TreeTable }, { type: TreeTableService }, { type: i0.ElementRef }], { rowNode: [{
-            type: Input,
-            args: ['ttContextMenuRow']
-        }], ttContextMenuRowDisabled: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], onContextMenu: [{
-            type: HostListener,
-            args: ['contextmenu', ['$event']]
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTContextMenuRow, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttContextMenuRow]',
+                    standalone: false,
+                    host: {
+                        '[class.p-treetable-contextmenu-row-selected]': 'selected',
+                        '[attr.tabindex]': 'isEnabled() ? 0 : undefined'
+                    }
+                }]
+        }], ctorParameters: () => [{ type: TreeTable }, { type: TreeTableService }, { type: i0.ElementRef }], propDecorators: { rowNode: [{
+                type: Input,
+                args: ['ttContextMenuRow']
+            }], ttContextMenuRowDisabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], onContextMenu: [{
+                type: HostListener,
+                args: ['contextmenu', ['$event']]
+            }] } });
 class TTCheckbox {
     tt;
     tableService;
@@ -4762,24 +4218,23 @@ class TTCheckbox {
             this.subscription.unsubscribe();
         }
     }
-    static ɵfac = function TTCheckbox_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TTCheckbox)(i0.ɵɵdirectiveInject(TreeTable), i0.ɵɵdirectiveInject(TreeTableService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TTCheckbox, selectors: [["p-treeTableCheckbox"]], inputs: { disabled: [2, "disabled", "disabled", booleanAttribute], rowNode: [0, "value", "rowNode"] }, standalone: false, features: [i0.ɵɵInputTransformsFeature], decls: 2, vars: 6, consts: [["styleClass", "p-treetable-node-checkbox", 3, "onChange", "ngModel", "binary", "disabled", "indeterminate", "tabIndex"], [4, "ngIf"], ["pTemplate", "icon"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function TTCheckbox_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "p-checkbox", 0);
-            i0.ɵɵlistener("onChange", function TTCheckbox_Template_p_checkbox_onChange_0_listener($event) { return ctx.onClick($event); });
-            i0.ɵɵtemplate(1, TTCheckbox_ng_container_1_Template, 2, 0, "ng-container", 1);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngModel", ctx.checked)("binary", true)("disabled", ctx.disabled)("indeterminate", ctx.partialChecked)("tabIndex", -1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.tt.checkboxIconTemplate || ctx.tt._checkboxIconTemplate);
-        } }, dependencies: () => [i1.NgIf, i1.NgTemplateOutlet, i3.PrimeTemplate, Checkbox, i4.NgControlStatus, i4.NgModel], encapsulation: 2, changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTCheckbox, deps: [{ token: TreeTable }, { token: TreeTableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: TTCheckbox, isStandalone: false, selector: "p-treeTableCheckbox", inputs: { disabled: ["disabled", "disabled", booleanAttribute], rowNode: ["value", "rowNode"] }, ngImport: i0, template: `
+        <p-checkbox [ngModel]="checked" (onChange)="onClick($event)" [binary]="true" [disabled]="disabled" [indeterminate]="partialChecked" styleClass="p-treetable-node-checkbox" [tabIndex]="-1">
+            <ng-container *ngIf="tt.checkboxIconTemplate || tt._checkboxIconTemplate">
+                <ng-template pTemplate="icon">
+                    <ng-template *ngTemplateOutlet="tt.checkboxIconTemplate || tt._checkboxIconTemplate; context: { $implicit: checked, partialSelected: partialChecked }"></ng-template>
+                </ng-template>
+            </ng-container>
+        </p-checkbox>
+    `, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => i3.PrimeTemplate), selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i0.forwardRef(() => Checkbox), selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i0.forwardRef(() => i4.NgControlStatus), selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i0.forwardRef(() => i4.NgModel), selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TTCheckbox, [{
-        type: Component,
-        args: [{
-                selector: 'p-treeTableCheckbox',
-                standalone: false,
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-treeTableCheckbox',
+                    standalone: false,
+                    template: `
         <p-checkbox [ngModel]="checked" (onChange)="onClick($event)" [binary]="true" [disabled]="disabled" [indeterminate]="partialChecked" styleClass="p-treetable-node-checkbox" [tabIndex]="-1">
             <ng-container *ngIf="tt.checkboxIconTemplate || tt._checkboxIconTemplate">
                 <ng-template pTemplate="icon">
@@ -4788,17 +4243,16 @@ class TTCheckbox {
             </ng-container>
         </p-checkbox>
     `,
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
-    }], () => [{ type: TreeTable }, { type: TreeTableService }, { type: i0.ChangeDetectorRef }], { disabled: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], rowNode: [{
-            type: Input,
-            args: ['value']
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TTCheckbox, { className: "TTCheckbox", filePath: "treetable.ts", lineNumber: 3230 }); })();
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: () => [{ type: TreeTable }, { type: TreeTableService }, { type: i0.ChangeDetectorRef }], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], rowNode: [{
+                type: Input,
+                args: ['value']
+            }] } });
 class TTHeaderCheckbox {
     tt;
     tableService;
@@ -4869,24 +4323,23 @@ class TTHeaderCheckbox {
         }
         return checked;
     }
-    static ɵfac = function TTHeaderCheckbox_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TTHeaderCheckbox)(i0.ɵɵdirectiveInject(TreeTable), i0.ɵɵdirectiveInject(TreeTableService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TTHeaderCheckbox, selectors: [["p-treeTableHeaderCheckbox"]], standalone: false, decls: 2, vars: 4, consts: [[3, "onChange", "ngModel", "binary", "disabled"], [4, "ngIf"], ["pTemplate", "icon"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function TTHeaderCheckbox_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "p-checkbox", 0);
-            i0.ɵɵlistener("onChange", function TTHeaderCheckbox_Template_p_checkbox_onChange_0_listener($event) { return ctx.onClick($event); });
-            i0.ɵɵtemplate(1, TTHeaderCheckbox_ng_container_1_Template, 2, 0, "ng-container", 1);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngModel", ctx.checked)("binary", true)("disabled", !ctx.tt.value || ctx.tt.value.length === 0);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.tt.headerCheckboxIconTemplate || ctx.tt._headerCheckboxIconTemplate);
-        } }, dependencies: () => [i1.NgIf, i1.NgTemplateOutlet, i3.PrimeTemplate, Checkbox, i4.NgControlStatus, i4.NgModel], encapsulation: 2, changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTHeaderCheckbox, deps: [{ token: TreeTable }, { token: TreeTableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: TTHeaderCheckbox, isStandalone: false, selector: "p-treeTableHeaderCheckbox", ngImport: i0, template: `
+        <p-checkbox [ngModel]="checked" (onChange)="onClick($event)" [binary]="true" [disabled]="!tt.value || tt.value.length === 0">
+            <ng-container *ngIf="tt.headerCheckboxIconTemplate || tt._headerCheckboxIconTemplate">
+                <ng-template pTemplate="icon">
+                    <ng-template *ngTemplateOutlet="tt.headerCheckboxIconTemplate || tt._headerCheckboxIconTemplate; context: { $implicit: checked }"></ng-template>
+                </ng-template>
+            </ng-container>
+        </p-checkbox>
+    `, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => i3.PrimeTemplate), selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i0.forwardRef(() => Checkbox), selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i0.forwardRef(() => i4.NgControlStatus), selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i0.forwardRef(() => i4.NgModel), selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TTHeaderCheckbox, [{
-        type: Component,
-        args: [{
-                selector: 'p-treeTableHeaderCheckbox',
-                standalone: false,
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTHeaderCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-treeTableHeaderCheckbox',
+                    standalone: false,
+                    template: `
         <p-checkbox [ngModel]="checked" (onChange)="onClick($event)" [binary]="true" [disabled]="!tt.value || tt.value.length === 0">
             <ng-container *ngIf="tt.headerCheckboxIconTemplate || tt._headerCheckboxIconTemplate">
                 <ng-template pTemplate="icon">
@@ -4895,11 +4348,10 @@ class TTHeaderCheckbox {
             </ng-container>
         </p-checkbox>
     `,
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
-    }], () => [{ type: TreeTable }, { type: TreeTableService }, { type: i0.ChangeDetectorRef }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TTHeaderCheckbox, { className: "TTHeaderCheckbox", filePath: "treetable.ts", lineNumber: 3320 }); })();
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: () => [{ type: TreeTable }, { type: TreeTableService }, { type: i0.ChangeDetectorRef }] });
 class TTEditableColumn {
     tt;
     el;
@@ -5052,33 +4504,31 @@ class TTEditableColumn {
     isEnabled() {
         return this.ttEditableColumnDisabled !== true;
     }
-    static ɵfac = function TTEditableColumn_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TTEditableColumn)(i0.ɵɵdirectiveInject(TreeTable), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TTEditableColumn, selectors: [["", "ttEditableColumn", ""]], hostBindings: function TTEditableColumn_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("click", function TTEditableColumn_click_HostBindingHandler($event) { return ctx.onClick($event); })("keydown", function TTEditableColumn_keydown_HostBindingHandler($event) { return ctx.onKeyDown($event); });
-        } }, inputs: { data: [0, "ttEditableColumn", "data"], field: [0, "ttEditableColumnField", "field"], ttEditableColumnDisabled: [2, "ttEditableColumnDisabled", "ttEditableColumnDisabled", booleanAttribute] }, standalone: false, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTEditableColumn, deps: [{ token: TreeTable }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.1.7", type: TTEditableColumn, isStandalone: false, selector: "[ttEditableColumn]", inputs: { data: ["ttEditableColumn", "data"], field: ["ttEditableColumnField", "field"], ttEditableColumnDisabled: ["ttEditableColumnDisabled", "ttEditableColumnDisabled", booleanAttribute] }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeyDown($event)" } }, ngImport: i0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TTEditableColumn, [{
-        type: Directive,
-        args: [{
-                selector: '[ttEditableColumn]',
-                standalone: false
-            }]
-    }], () => [{ type: TreeTable }, { type: i0.ElementRef }, { type: i0.NgZone }], { data: [{
-            type: Input,
-            args: ['ttEditableColumn']
-        }], field: [{
-            type: Input,
-            args: ['ttEditableColumnField']
-        }], ttEditableColumnDisabled: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], onClick: [{
-            type: HostListener,
-            args: ['click', ['$event']]
-        }], onKeyDown: [{
-            type: HostListener,
-            args: ['keydown', ['$event']]
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTEditableColumn, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttEditableColumn]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: TreeTable }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { data: [{
+                type: Input,
+                args: ['ttEditableColumn']
+            }], field: [{
+                type: Input,
+                args: ['ttEditableColumnField']
+            }], ttEditableColumnDisabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
 class TreeTableCellEditor extends BaseComponent {
     tt;
     editableColumn;
@@ -5102,26 +4552,22 @@ class TreeTableCellEditor extends BaseComponent {
             }
         });
     }
-    static ɵfac = function TreeTableCellEditor_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TreeTableCellEditor)(i0.ɵɵdirectiveInject(TreeTable), i0.ɵɵdirectiveInject(TTEditableColumn)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TreeTableCellEditor, selectors: [["p-treeTableCellEditor"], ["p-treetablecelleditor"], ["p-treetable-cell-editor"]], contentQueries: function TreeTableCellEditor_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [4, "ngTemplateOutlet"]], template: function TreeTableCellEditor_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, TreeTableCellEditor_ng_container_0_Template, 2, 1, "ng-container", 0)(1, TreeTableCellEditor_ng_container_1_Template, 2, 1, "ng-container", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.tt.editingCell === ctx.editableColumn.el.nativeElement);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.tt.editingCell || ctx.tt.editingCell !== ctx.editableColumn.el.nativeElement);
-        } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TreeTableCellEditor, deps: [{ token: TreeTable }, { token: TTEditableColumn }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: TreeTableCellEditor, isStandalone: false, selector: "p-treeTableCellEditor, p-treetablecelleditor, p-treetable-cell-editor", queries: [{ propertyName: "templates", predicate: PrimeTemplate }], usesInheritance: true, ngImport: i0, template: `
+        <ng-container *ngIf="tt.editingCell === editableColumn.el.nativeElement">
+            <ng-container *ngTemplateOutlet="inputTemplate"></ng-container>
+        </ng-container>
+        <ng-container *ngIf="!tt.editingCell || tt.editingCell !== editableColumn.el.nativeElement">
+            <ng-container *ngTemplateOutlet="outputTemplate"></ng-container>
+        </ng-container>
+    `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeTableCellEditor, [{
-        type: Component,
-        args: [{
-                selector: 'p-treeTableCellEditor, p-treetablecelleditor, p-treetable-cell-editor',
-                standalone: false,
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TreeTableCellEditor, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-treeTableCellEditor, p-treetablecelleditor, p-treetable-cell-editor',
+                    standalone: false,
+                    template: `
         <ng-container *ngIf="tt.editingCell === editableColumn.el.nativeElement">
             <ng-container *ngTemplateOutlet="inputTemplate"></ng-container>
         </ng-container>
@@ -5129,13 +4575,12 @@ class TreeTableCellEditor extends BaseComponent {
             <ng-container *ngTemplateOutlet="outputTemplate"></ng-container>
         </ng-container>
     `,
-                encapsulation: ViewEncapsulation.None
-            }]
-    }], () => [{ type: TreeTable }, { type: TTEditableColumn }], { templates: [{
-            type: ContentChildren,
-            args: [PrimeTemplate]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeTableCellEditor, { className: "TreeTableCellEditor", filePath: "treetable.ts", lineNumber: 3588 }); })();
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: () => [{ type: TreeTable }, { type: TTEditableColumn }], propDecorators: { templates: [{
+                type: ContentChildren,
+                args: [PrimeTemplate]
+            }] } });
 class TTRow {
     tt;
     el;
@@ -5285,35 +4730,30 @@ class TTRow {
             }, 25);
         });
     }
-    static ɵfac = function TTRow_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TTRow)(i0.ɵɵdirectiveInject(TreeTable), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TTRow, selectors: [["", "ttRow", ""]], hostVars: 7, hostBindings: function TTRow_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("keydown", function TTRow_keydown_HostBindingHandler($event) { return ctx.onKeyDown($event); });
-        } if (rf & 2) {
-            i0.ɵɵattribute("tabindex", "0")("aria-expanded", ctx.expanded)("aria-level", ctx.level)("data-pc-section", ctx.row)("role", ctx.row);
-            i0.ɵɵclassMap("p-element " + ctx.styleClass);
-        } }, inputs: { rowNode: [0, "ttRow", "rowNode"] }, standalone: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTRow, deps: [{ token: TreeTable }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.7", type: TTRow, isStandalone: false, selector: "[ttRow]", inputs: { rowNode: ["ttRow", "rowNode"] }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class": "'p-element ' + styleClass", "attr.tabindex": "'0'", "attr.aria-expanded": "expanded", "attr.aria-level": "level", "attr.data-pc-section": "row", "attr.role": "row" } }, ngImport: i0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TTRow, [{
-        type: Directive,
-        args: [{
-                selector: '[ttRow]',
-                standalone: false,
-                host: {
-                    '[class]': `'p-element ' + styleClass`,
-                    '[attr.tabindex]': "'0'",
-                    '[attr.aria-expanded]': 'expanded',
-                    '[attr.aria-level]': 'level',
-                    '[attr.data-pc-section]': 'row',
-                    '[attr.role]': 'row'
-                }
-            }]
-    }], () => [{ type: TreeTable }, { type: i0.ElementRef }, { type: i0.NgZone }], { rowNode: [{
-            type: Input,
-            args: ['ttRow']
-        }], onKeyDown: [{
-            type: HostListener,
-            args: ['keydown', ['$event']]
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TTRow, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttRow]',
+                    standalone: false,
+                    host: {
+                        '[class]': `'p-element ' + styleClass`,
+                        '[attr.tabindex]': "'0'",
+                        '[attr.aria-expanded]': 'expanded',
+                        '[attr.aria-level]': 'level',
+                        '[attr.data-pc-section]': 'row',
+                        '[attr.role]': 'row'
+                    }
+                }]
+        }], ctorParameters: () => [{ type: TreeTable }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { rowNode: [{
+                type: Input,
+                args: ['ttRow']
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
 class TreeTableToggler extends BaseComponent {
     tt;
     rowNode;
@@ -5342,29 +4782,34 @@ class TreeTableToggler extends BaseComponent {
         this.tt.tableService.onUIUpdate(this.tt.value);
         event.preventDefault();
     }
-    static ɵfac = function TreeTableToggler_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TreeTableToggler)(i0.ɵɵdirectiveInject(TreeTable)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TreeTableToggler, selectors: [["p-treeTableToggler"], ["p-treetabletoggler"], ["p-treetable-toggler"]], inputs: { rowNode: "rowNode" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 12, consts: [["type", "button", "tabindex", "-1", "pRipple", "", 1, "p-treetable-toggler", 3, "click"], [4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function TreeTableToggler_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "button", 0);
-            i0.ɵɵlistener("click", function TreeTableToggler_Template_button_click_0_listener($event) { return ctx.onClick($event); });
-            i0.ɵɵtemplate(1, TreeTableToggler_ng_container_1_Template, 3, 2, "ng-container", 1)(2, TreeTableToggler_2_Template, 1, 0, null, 2);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵstyleProp("visibility", ctx.rowNode.node.leaf === false || ctx.rowNode.node.children && ctx.rowNode.node.children.length ? "visible" : "hidden")("margin-left", ctx.rowNode.level * 16 + "px");
-            i0.ɵɵattribute("data-pc-section", "rowtoggler")("data-pc-group-section", "rowactionbutton")("aria-label", ctx.toggleButtonAriaLabel);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.tt.togglerIconTemplate && !ctx.tt._togglerIconTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.tt.togglerIconTemplate || ctx.tt._togglerIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(10, _c34, ctx.rowNode.node.expanded));
-        } }, dependencies: () => [i1.NgIf, i1.NgTemplateOutlet, Ripple,
-            ChevronDownIcon,
-            ChevronRightIcon], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TreeTableToggler, deps: [{ token: TreeTable }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: TreeTableToggler, isStandalone: false, selector: "p-treeTableToggler, p-treetabletoggler, p-treetable-toggler", inputs: { rowNode: "rowNode" }, usesInheritance: true, ngImport: i0, template: `
+        <button
+            type="button"
+            class="p-treetable-toggler"
+            (click)="onClick($event)"
+            tabindex="-1"
+            pRipple
+            [style.visibility]="rowNode.node.leaf === false || (rowNode.node.children && rowNode.node.children.length) ? 'visible' : 'hidden'"
+            [style.marginLeft]="rowNode.level * 16 + 'px'"
+            [attr.data-pc-section]="'rowtoggler'"
+            [attr.data-pc-group-section]="'rowactionbutton'"
+            [attr.aria-label]="toggleButtonAriaLabel"
+        >
+            <ng-container *ngIf="!tt.togglerIconTemplate && !tt._togglerIconTemplate">
+                <ChevronDownIcon *ngIf="rowNode.node.expanded" [attr.aria-hidden]="true" />
+                <ChevronRightIcon *ngIf="!rowNode.node.expanded" [attr.aria-hidden]="true" />
+            </ng-container>
+            <ng-template *ngTemplateOutlet="tt.togglerIconTemplate || tt._togglerIconTemplate; context: { $implicit: rowNode.node.expanded }"></ng-template>
+        </button>
+    `, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(() => i1.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => Ripple), selector: "[pRipple]" }, { kind: "component", type: i0.forwardRef(() => ChevronDownIcon), selector: "ChevronDownIcon" }, { kind: "component", type: i0.forwardRef(() => ChevronRightIcon), selector: "ChevronRightIcon" }], encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeTableToggler, [{
-        type: Component,
-        args: [{
-                selector: 'p-treeTableToggler, p-treetabletoggler, p-treetable-toggler',
-                standalone: false,
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TreeTableToggler, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-treeTableToggler, p-treetabletoggler, p-treetable-toggler',
+                    standalone: false,
+                    template: `
         <button
             type="button"
             class="p-treetable-toggler"
@@ -5384,16 +4829,31 @@ class TreeTableToggler extends BaseComponent {
             <ng-template *ngTemplateOutlet="tt.togglerIconTemplate || tt._togglerIconTemplate; context: { $implicit: rowNode.node.expanded }"></ng-template>
         </button>
     `,
-                encapsulation: ViewEncapsulation.None
-            }]
-    }], () => [{ type: TreeTable }], { rowNode: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeTableToggler, { className: "TreeTableToggler", filePath: "treetable.ts", lineNumber: 3842 }); })();
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: () => [{ type: TreeTable }], propDecorators: { rowNode: [{
+                type: Input
+            }] } });
 class TreeTableModule {
-    static ɵfac = function TreeTableModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TreeTableModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: TreeTableModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TreeTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: TreeTableModule, declarations: [TreeTable, TreeTableToggler, TTScrollableView, TTBody, TTSortableColumn, TTSortIcon, TTResizableColumn, TTRow, TTReorderableColumn, TTSelectableRow, TTSelectableRowDblClick, TTContextMenuRow, TTCheckbox, TTHeaderCheckbox, TTEditableColumn, TreeTableCellEditor], imports: [CommonModule,
+            PaginatorModule,
+            Ripple,
+            Scroller,
+            SpinnerIcon,
+            ArrowDownIcon,
+            ArrowUpIcon,
+            SortAltIcon,
+            SortAmountUpAltIcon,
+            SortAmountDownIcon,
+            CheckIcon,
+            MinusIcon,
+            ChevronDownIcon,
+            ChevronRightIcon,
+            Checkbox,
+            SharedModule,
+            FormsModule], exports: [TreeTable, SharedModule, TreeTableToggler, TTSortableColumn, TTSortIcon, TTResizableColumn, TTRow, TTReorderableColumn, TTSelectableRow, TTSelectableRowDblClick, TTContextMenuRow, TTCheckbox, TTHeaderCheckbox, TTEditableColumn, TreeTableCellEditor, Scroller] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TreeTableModule, imports: [CommonModule,
             PaginatorModule,
             Scroller,
             SpinnerIcon,
@@ -5410,83 +4870,66 @@ class TreeTableModule {
             SharedModule,
             FormsModule, SharedModule] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeTableModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    PaginatorModule,
-                    Ripple,
-                    Scroller,
-                    SpinnerIcon,
-                    ArrowDownIcon,
-                    ArrowUpIcon,
-                    SortAltIcon,
-                    SortAmountUpAltIcon,
-                    SortAmountDownIcon,
-                    CheckIcon,
-                    MinusIcon,
-                    ChevronDownIcon,
-                    ChevronRightIcon,
-                    Checkbox,
-                    SharedModule,
-                    FormsModule
-                ],
-                exports: [
-                    TreeTable,
-                    SharedModule,
-                    TreeTableToggler,
-                    TTSortableColumn,
-                    TTSortIcon,
-                    TTResizableColumn,
-                    TTRow,
-                    TTReorderableColumn,
-                    TTSelectableRow,
-                    TTSelectableRowDblClick,
-                    TTContextMenuRow,
-                    TTCheckbox,
-                    TTHeaderCheckbox,
-                    TTEditableColumn,
-                    TreeTableCellEditor,
-                    Scroller
-                ],
-                declarations: [
-                    TreeTable,
-                    TreeTableToggler,
-                    TTScrollableView,
-                    TTBody,
-                    TTSortableColumn,
-                    TTSortIcon,
-                    TTResizableColumn,
-                    TTRow,
-                    TTReorderableColumn,
-                    TTSelectableRow,
-                    TTSelectableRowDblClick,
-                    TTContextMenuRow,
-                    TTCheckbox,
-                    TTHeaderCheckbox,
-                    TTEditableColumn,
-                    TreeTableCellEditor
-                ]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TreeTableModule, { declarations: [TreeTable, TreeTableToggler, TTScrollableView, TTBody, TTSortableColumn, TTSortIcon, TTResizableColumn, TTRow, TTReorderableColumn, TTSelectableRow, TTSelectableRowDblClick, TTContextMenuRow, TTCheckbox, TTHeaderCheckbox, TTEditableColumn, TreeTableCellEditor], imports: [CommonModule,
-        PaginatorModule,
-        Ripple,
-        Scroller,
-        SpinnerIcon,
-        ArrowDownIcon,
-        ArrowUpIcon,
-        SortAltIcon,
-        SortAmountUpAltIcon,
-        SortAmountDownIcon,
-        CheckIcon,
-        MinusIcon,
-        ChevronDownIcon,
-        ChevronRightIcon,
-        Checkbox,
-        SharedModule,
-        FormsModule], exports: [TreeTable, SharedModule, TreeTableToggler, TTSortableColumn, TTSortIcon, TTResizableColumn, TTRow, TTReorderableColumn, TTSelectableRow, TTSelectableRowDblClick, TTContextMenuRow, TTCheckbox, TTHeaderCheckbox, TTEditableColumn, TreeTableCellEditor, Scroller] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TreeTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        PaginatorModule,
+                        Ripple,
+                        Scroller,
+                        SpinnerIcon,
+                        ArrowDownIcon,
+                        ArrowUpIcon,
+                        SortAltIcon,
+                        SortAmountUpAltIcon,
+                        SortAmountDownIcon,
+                        CheckIcon,
+                        MinusIcon,
+                        ChevronDownIcon,
+                        ChevronRightIcon,
+                        Checkbox,
+                        SharedModule,
+                        FormsModule
+                    ],
+                    exports: [
+                        TreeTable,
+                        SharedModule,
+                        TreeTableToggler,
+                        TTSortableColumn,
+                        TTSortIcon,
+                        TTResizableColumn,
+                        TTRow,
+                        TTReorderableColumn,
+                        TTSelectableRow,
+                        TTSelectableRowDblClick,
+                        TTContextMenuRow,
+                        TTCheckbox,
+                        TTHeaderCheckbox,
+                        TTEditableColumn,
+                        TreeTableCellEditor,
+                        Scroller
+                    ],
+                    declarations: [
+                        TreeTable,
+                        TreeTableToggler,
+                        TTScrollableView,
+                        TTBody,
+                        TTSortableColumn,
+                        TTSortIcon,
+                        TTResizableColumn,
+                        TTRow,
+                        TTReorderableColumn,
+                        TTSelectableRow,
+                        TTSelectableRowDblClick,
+                        TTContextMenuRow,
+                        TTCheckbox,
+                        TTHeaderCheckbox,
+                        TTEditableColumn,
+                        TreeTableCellEditor
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.