primeng 11.4.4 → 12.0.1

package/fesm2015/primeng-treetable.js

@@ -1,11 +1,17 @@
-import { Injectable, EventEmitter, Component, ViewEncapsulation, ElementRef, NgZone, Input, Output, ViewChild, ContentChildren, ChangeDetectorRef, Directive, HostListener, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, ViewEncapsulation, Input, Output, ViewChild, ContentChildren, Directive, HostListener, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { Subject } from 'rxjs';
 import { DomHandler } from 'primeng/dom';
+import * as i2 from 'primeng/paginator';
 import { PaginatorModule } from 'primeng/paginator';
-import { FilterService, PrimeTemplate, SharedModule } from 'primeng/api';
+import * as i1 from 'primeng/api';
+import { PrimeTemplate, SharedModule } from 'primeng/api';
 import { ObjectUtils } from 'primeng/utils';
+import * as i5 from 'primeng/ripple';
 import { RippleModule } from 'primeng/ripple';
+import * as i4 from '@angular/cdk/scrolling';
 import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
 
 class TreeTableService {
@@ -37,9 +43,11 @@ class TreeTableService {
         this.totalRecordsSource.next(value);
     }
 }
-TreeTableService.decorators = [
-    { type: Injectable }
-];
+TreeTableService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TreeTableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TreeTableService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TreeTableService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TreeTableService, decorators: [{
+            type: Injectable
+        }] });
 class TreeTable {
     constructor(el, zone, tableService, filterService) {
         this.el = el;
@@ -1201,10 +1209,65 @@ class TreeTable {
         this.initialized = null;
     }
 }
-TreeTable.decorators = [
-    { type: Component, args: [{
-                selector: 'p-treeTable',
-                template: `
+TreeTable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TreeTable, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: TreeTableService }, { token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Component });
+TreeTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: TreeTable, selector: "p-treeTable", inputs: { columns: "columns", style: "style", styleClass: "styleClass", tableStyle: "tableStyle", tableStyleClass: "tableStyleClass", autoLayout: "autoLayout", lazy: "lazy", lazyLoadOnInit: "lazyLoadOnInit", paginator: "paginator", rows: "rows", first: "first", pageLinks: "pageLinks", rowsPerPageOptions: "rowsPerPageOptions", alwaysShowPaginator: "alwaysShowPaginator", paginatorPosition: "paginatorPosition", paginatorDropdownAppendTo: "paginatorDropdownAppendTo", currentPageReportTemplate: "currentPageReportTemplate", showCurrentPageReport: "showCurrentPageReport", showJumpToPageDropdown: "showJumpToPageDropdown", showFirstLastIcon: "showFirstLastIcon", showPageLinks: "showPageLinks", defaultSortOrder: "defaultSortOrder", sortMode: "sortMode", resetPageOnSort: "resetPageOnSort", customSort: "customSort", selectionMode: "selectionMode", contextMenuSelection: "contextMenuSelection", contextMenuSelectionMode: "contextMenuSelectionMode", dataKey: "dataKey", metaKeySelection: "metaKeySelection", compareSelectionBy: "compareSelectionBy", rowHover: "rowHover", loading: "loading", loadingIcon: "loadingIcon", showLoader: "showLoader", scrollable: "scrollable", scrollHeight: "scrollHeight", virtualScroll: "virtualScroll", virtualScrollDelay: "virtualScrollDelay", virtualRowHeight: "virtualRowHeight", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", frozenWidth: "frozenWidth", frozenColumns: "frozenColumns", resizableColumns: "resizableColumns", columnResizeMode: "columnResizeMode", reorderableColumns: "reorderableColumns", contextMenu: "contextMenu", rowTrackBy: "rowTrackBy", filters: "filters", globalFilterFields: "globalFilterFields", filterDelay: "filterDelay", filterMode: "filterMode", filterLocale: "filterLocale", value: "value", totalRecords: "totalRecords", sortField: "sortField", sortOrder: "sortOrder", multiSortMeta: "multiSortMeta", selection: "selection" }, 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" }, providers: [TreeTableService], queries: [{ 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 }], 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-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-treetable-loading-overlay p-component-overlay">
+                    <i [class]="'p-treetable-loading-icon pi-spin ' + loadingIcon"></i>
+                </div>
+            </div>
+            <div *ngIf="captionTemplate" class="p-treetable-header">
+                <ng-container *ngTemplateOutlet="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" [templateRight]="paginatorRightTemplate" [dropdownAppendTo]="paginatorDropdownAppendTo"
+                [currentPageReportTemplate]="currentPageReportTemplate" [showFirstLastIcon]="showFirstLastIcon" [dropdownItemTemplate]="paginatorDropdownItemTemplate" [showCurrentPageReport]="showCurrentPageReport" [showJumpToPageDropdown]="showJumpToPageDropdown" [showPageLinks]="showPageLinks"></p-paginator>
+
+            <div class="p-treetable-wrapper" *ngIf="!scrollable">
+                <table #table [ngClass]="tableStyleClass" [ngStyle]="tableStyle">
+                    <ng-container *ngTemplateOutlet="colGroupTemplate; context {$implicit: columns}"></ng-container>
+                    <thead class="p-treetable-thead">
+                        <ng-container *ngTemplateOutlet="headerTemplate; context: {$implicit: columns}"></ng-container>
+                    </thead>
+                    <tbody class="p-treetable-tbody" [pTreeTableBody]="columns" [pTreeTableBodyTemplate]="bodyTemplate"></tbody>
+                    <tfoot class="p-treetable-tfoot">
+                        <ng-container *ngTemplateOutlet="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" #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" [templateRight]="paginatorRightTemplate" [dropdownAppendTo]="paginatorDropdownAppendTo"
+                [currentPageReportTemplate]="currentPageReportTemplate" [showFirstLastIcon]="showFirstLastIcon" [dropdownItemTemplate]="paginatorDropdownItemTemplate" [showCurrentPageReport]="showCurrentPageReport" [showJumpToPageDropdown]="showJumpToPageDropdown" [showPageLinks]="showPageLinks"></p-paginator>
+            <div *ngIf="summaryTemplate" class="p-treetable-footer">
+                <ng-container *ngTemplateOutlet="summaryTemplate"></ng-container>
+            </div>
+
+            <div #resizeHelper class="p-column-resizer-helper" style="display:none" *ngIf="resizableColumns"></div>
+
+            <span #reorderIndicatorUp class="pi pi-arrow-down p-treetable-reorder-indicator-up" *ngIf="reorderableColumns"></span>
+            <span #reorderIndicatorDown class="pi pi-arrow-up p-treetable-reorder-indicator-down" *ngIf="reorderableColumns"></span>
+        </div>
+    `, isInline: true, styles: [".p-treetable{position:relative}.p-treetable table{border-collapse:collapse;width:100%;table-layout:fixed}.p-treetable .p-sortable-column{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.p-treetable .p-sortable-column .p-column-title,.p-treetable .p-sortable-column .p-sortable-column-badge,.p-treetable .p-sortable-column .p-sortable-column-icon{vertical-align:middle}.p-treetable .p-sortable-column .p-sortable-column-badge{display:inline-flex;align-items:center;justify-content:center}.p-treetable-auto-layout>.p-treetable-wrapper{overflow-x:auto}.p-treetable-auto-layout>.p-treetable-wrapper>table{table-layout:auto}.p-treetable-hoverable-rows .p-treetable-tbody>tr{cursor:pointer}.p-treetable-toggler{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-treetable-toggler,p-treetabletoggler+p-treetablecheckbox+span,p-treetabletoggler+p-treetablecheckbox .p-checkbox{vertical-align:middle}.p-treetable-scrollable-wrapper{position:relative}.p-treetable-scrollable-footer,.p-treetable-scrollable-header{overflow:hidden}.p-treetable-scrollable-body{overflow:auto;position:relative}.p-treetable-scrollable-body>table>.p-treetable-tbody>tr:first-child>td{border-top:0}.p-treetable-virtual-table{position:absolute}.p-treetable-frozen-view .p-treetable-scrollable-body{overflow:hidden}.p-treetable-frozen-view>.p-treetable-scrollable-body>table>.p-treetable-tbody>tr>td:last-child{border-right:0}.p-treetable-unfrozen-view{position:absolute;top:0}.p-treetable-flex-scrollable,.p-treetable-flex-scrollable .p-treetable-scrollable-view,.p-treetable-flex-scrollable .p-treetable-scrollable-wrapper{display:flex;flex-direction:column;flex:1;height:100%}.p-treetable-flex-scrollable .p-treetable-scrollable-body{flex:1}.p-treetable-resizable>.p-treetable-wrapper{overflow-x:auto}.p-treetable-resizable .p-treetable-tbody>tr>td,.p-treetable-resizable .p-treetable-tfoot>tr>td,.p-treetable-resizable .p-treetable-thead>tr>th{overflow:hidden}.p-treetable-resizable .p-resizable-column{background-clip:padding-box;position:relative}.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer{display:none}.p-treetable .p-column-resizer{display:block;position:absolute!important;top:0;right:0;margin:0;width:.5rem;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}.p-treetable .p-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.p-treetable .p-row-editor-cancel,.p-treetable .p-row-editor-init,.p-treetable .p-row-editor-save,.p-treetable .p-row-toggler{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-treetable-reorder-indicator-down,.p-treetable-reorder-indicator-up{position:absolute;display:none}[ttReorderableColumn]{cursor:move}.p-treetable .p-treetable-loading-overlay{position:absolute;display:flex;align-items:center;justify-content:center;z-index:2}"], components: [{ type: i0.forwardRef(function () { return i2.Paginator; }), selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "templateLeft", "templateRight", "dropdownAppendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showPageLinks", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }, { type: i0.forwardRef(function () { return TTBody; }), selector: "[pTreeTableBody]", inputs: ["pTreeTableBody", "pTreeTableBodyTemplate", "frozen"] }, { type: i0.forwardRef(function () { return TTScrollableView; }), selector: "[ttScrollableView]", inputs: ["ttScrollableView", "frozen", "scrollHeight"] }], directives: [{ type: i0.forwardRef(function () { return i3.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i0.forwardRef(function () { return i3.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i0.forwardRef(function () { return i3.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i0.forwardRef(function () { return i3.NgTemplateOutlet; }), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TreeTable, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-treeTable',
+                    template: `
         <div #container [ngStyle]="style" [class]="styleClass" data-scrollselectors=".p-treetable-scrollable-body"
                 [ngClass]="{'p-treetable p-component': true,
                 'p-treetable-hoverable-rows': (rowHover||(selectionMode === 'single' || selectionMode === 'multiple')),
@@ -1257,105 +1320,191 @@ TreeTable.decorators = [
             <span #reorderIndicatorDown class="pi pi-arrow-up p-treetable-reorder-indicator-down" *ngIf="reorderableColumns"></span>
         </div>
     `,
-                providers: [TreeTableService],
-                encapsulation: ViewEncapsulation.None,
-                styles: [".p-treetable{position:relative}.p-treetable table{border-collapse:collapse;table-layout:fixed;width:100%}.p-treetable .p-sortable-column{-ms-user-select:none;-webkit-user-select:none;cursor:pointer;user-select:none}.p-treetable .p-sortable-column .p-column-title,.p-treetable .p-sortable-column .p-sortable-column-badge,.p-treetable .p-sortable-column .p-sortable-column-icon{vertical-align:middle}.p-treetable .p-sortable-column .p-sortable-column-badge{align-items:center;display:inline-flex;justify-content:center}.p-treetable-auto-layout>.p-treetable-wrapper{overflow-x:auto}.p-treetable-auto-layout>.p-treetable-wrapper>table{table-layout:auto}.p-treetable-hoverable-rows .p-treetable-tbody>tr{cursor:pointer}.p-treetable-toggler{-ms-user-select:none;-webkit-user-select:none;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;overflow:hidden;position:relative;user-select:none}.p-treetable-toggler,p-treetabletoggler+p-treetablecheckbox+span,p-treetabletoggler+p-treetablecheckbox .p-checkbox{vertical-align:middle}.p-treetable-scrollable-wrapper{position:relative}.p-treetable-scrollable-footer,.p-treetable-scrollable-header{overflow:hidden}.p-treetable-scrollable-body{overflow:auto;position:relative}.p-treetable-scrollable-body>table>.p-treetable-tbody>tr:first-child>td{border-top:0}.p-treetable-virtual-table{position:absolute}.p-treetable-frozen-view .p-treetable-scrollable-body{overflow:hidden}.p-treetable-frozen-view>.p-treetable-scrollable-body>table>.p-treetable-tbody>tr>td:last-child{border-right:0}.p-treetable-unfrozen-view{position:absolute;top:0}.p-treetable-flex-scrollable,.p-treetable-flex-scrollable .p-treetable-scrollable-view,.p-treetable-flex-scrollable .p-treetable-scrollable-wrapper{display:flex;flex:1;flex-direction:column;height:100%}.p-treetable-flex-scrollable .p-treetable-scrollable-body{flex:1}.p-treetable-resizable>.p-treetable-wrapper{overflow-x:auto}.p-treetable-resizable .p-treetable-tbody>tr>td,.p-treetable-resizable .p-treetable-tfoot>tr>td,.p-treetable-resizable .p-treetable-thead>tr>th{overflow:hidden}.p-treetable-resizable .p-resizable-column{background-clip:padding-box;position:relative}.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer{display:none}.p-treetable .p-column-resizer{border:1px solid transparent;cursor:col-resize;display:block;height:100%;margin:0;padding:0;position:absolute!important;right:0;top:0;width:.5rem}.p-treetable .p-column-resizer-helper{display:none;position:absolute;width:1px;z-index:10}.p-treetable .p-row-editor-cancel,.p-treetable .p-row-editor-init,.p-treetable .p-row-editor-save,.p-treetable .p-row-toggler{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;position:relative}.p-treetable-reorder-indicator-down,.p-treetable-reorder-indicator-up{display:none;position:absolute}[ttReorderableColumn]{cursor:move}.p-treetable .p-treetable-loading-overlay{align-items:center;display:flex;justify-content:center;position:absolute;z-index:2}"]
-            },] }
-];
-TreeTable.ctorParameters = () => [
-    { type: ElementRef },
-    { type: NgZone },
-    { type: TreeTableService },
-    { type: FilterService }
-];
-TreeTable.propDecorators = {
-    columns: [{ type: Input }],
-    style: [{ type: Input }],
-    styleClass: [{ type: Input }],
-    tableStyle: [{ type: Input }],
-    tableStyleClass: [{ type: Input }],
-    autoLayout: [{ type: Input }],
-    lazy: [{ type: Input }],
-    lazyLoadOnInit: [{ type: Input }],
-    paginator: [{ type: Input }],
-    rows: [{ type: Input }],
-    first: [{ type: Input }],
-    pageLinks: [{ type: Input }],
-    rowsPerPageOptions: [{ type: Input }],
-    alwaysShowPaginator: [{ type: Input }],
-    paginatorPosition: [{ type: Input }],
-    paginatorDropdownAppendTo: [{ type: Input }],
-    currentPageReportTemplate: [{ type: Input }],
-    showCurrentPageReport: [{ type: Input }],
-    showJumpToPageDropdown: [{ type: Input }],
-    showFirstLastIcon: [{ type: Input }],
-    showPageLinks: [{ type: Input }],
-    defaultSortOrder: [{ type: Input }],
-    sortMode: [{ type: Input }],
-    resetPageOnSort: [{ type: Input }],
-    customSort: [{ type: Input }],
-    selectionMode: [{ type: Input }],
-    selectionChange: [{ type: Output }],
-    contextMenuSelection: [{ type: Input }],
-    contextMenuSelectionChange: [{ type: Output }],
-    contextMenuSelectionMode: [{ type: Input }],
-    dataKey: [{ type: Input }],
-    metaKeySelection: [{ type: Input }],
-    compareSelectionBy: [{ type: Input }],
-    rowHover: [{ type: Input }],
-    loading: [{ type: Input }],
-    loadingIcon: [{ type: Input }],
-    showLoader: [{ type: Input }],
-    scrollable: [{ type: Input }],
-    scrollHeight: [{ type: Input }],
-    virtualScroll: [{ type: Input }],
-    virtualScrollDelay: [{ type: Input }],
-    virtualRowHeight: [{ type: Input }],
-    minBufferPx: [{ type: Input }],
-    maxBufferPx: [{ type: Input }],
-    frozenWidth: [{ type: Input }],
-    frozenColumns: [{ type: Input }],
-    resizableColumns: [{ type: Input }],
-    columnResizeMode: [{ type: Input }],
-    reorderableColumns: [{ type: Input }],
-    contextMenu: [{ type: Input }],
-    rowTrackBy: [{ type: Input }],
-    filters: [{ type: Input }],
-    globalFilterFields: [{ type: Input }],
-    filterDelay: [{ type: Input }],
-    filterMode: [{ type: Input }],
-    filterLocale: [{ type: Input }],
-    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 }],
-    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',] }],
-    templates: [{ type: ContentChildren, args: [PrimeTemplate,] }],
-    value: [{ type: Input }],
-    totalRecords: [{ type: Input }],
-    sortField: [{ type: Input }],
-    sortOrder: [{ type: Input }],
-    multiSortMeta: [{ type: Input }],
-    selection: [{ type: Input }]
-};
+                    providers: [TreeTableService],
+                    encapsulation: ViewEncapsulation.None,
+                    styleUrls: ['./treetable.css']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: TreeTableService }, { type: i1.FilterService }]; }, propDecorators: { columns: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], tableStyle: [{
+                type: Input
+            }], tableStyleClass: [{
+                type: Input
+            }], autoLayout: [{
+                type: Input
+            }], lazy: [{
+                type: Input
+            }], lazyLoadOnInit: [{
+                type: Input
+            }], paginator: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], first: [{
+                type: Input
+            }], pageLinks: [{
+                type: Input
+            }], rowsPerPageOptions: [{
+                type: Input
+            }], alwaysShowPaginator: [{
+                type: Input
+            }], paginatorPosition: [{
+                type: Input
+            }], paginatorDropdownAppendTo: [{
+                type: Input
+            }], currentPageReportTemplate: [{
+                type: Input
+            }], showCurrentPageReport: [{
+                type: Input
+            }], showJumpToPageDropdown: [{
+                type: Input
+            }], showFirstLastIcon: [{
+                type: Input
+            }], showPageLinks: [{
+                type: Input
+            }], defaultSortOrder: [{
+                type: Input
+            }], sortMode: [{
+                type: Input
+            }], resetPageOnSort: [{
+                type: Input
+            }], customSort: [{
+                type: Input
+            }], selectionMode: [{
+                type: Input
+            }], selectionChange: [{
+                type: Output
+            }], contextMenuSelection: [{
+                type: Input
+            }], contextMenuSelectionChange: [{
+                type: Output
+            }], contextMenuSelectionMode: [{
+                type: Input
+            }], dataKey: [{
+                type: Input
+            }], metaKeySelection: [{
+                type: Input
+            }], compareSelectionBy: [{
+                type: Input
+            }], rowHover: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], loadingIcon: [{
+                type: Input
+            }], showLoader: [{
+                type: Input
+            }], scrollable: [{
+                type: Input
+            }], scrollHeight: [{
+                type: Input
+            }], virtualScroll: [{
+                type: Input
+            }], virtualScrollDelay: [{
+                type: Input
+            }], virtualRowHeight: [{
+                type: Input
+            }], minBufferPx: [{
+                type: Input
+            }], maxBufferPx: [{
+                type: Input
+            }], frozenWidth: [{
+                type: Input
+            }], frozenColumns: [{
+                type: Input
+            }], resizableColumns: [{
+                type: Input
+            }], columnResizeMode: [{
+                type: Input
+            }], reorderableColumns: [{
+                type: Input
+            }], contextMenu: [{
+                type: Input
+            }], rowTrackBy: [{
+                type: Input
+            }], filters: [{
+                type: Input
+            }], globalFilterFields: [{
+                type: Input
+            }], filterDelay: [{
+                type: Input
+            }], filterMode: [{
+                type: Input
+            }], filterLocale: [{
+                type: Input
+            }], 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
+            }], 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']
+            }], templates: [{
+                type: ContentChildren,
+                args: [PrimeTemplate]
+            }], value: [{
+                type: Input
+            }], totalRecords: [{
+                type: Input
+            }], sortField: [{
+                type: Input
+            }], sortOrder: [{
+                type: Input
+            }], multiSortMeta: [{
+                type: Input
+            }], selection: [{
+                type: Input
+            }] } });
 class TTBody {
     constructor(tt, treeTableService, cd) {
         this.tt = tt;
@@ -1373,10 +1522,31 @@ class TTBody {
         }
     }
 }
-TTBody.decorators = [
-    { type: Component, args: [{
-                selector: '[pTreeTableBody]',
-                template: `
+TTBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTBody, deps: [{ token: TreeTable }, { token: TreeTableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TTBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: TTBody, selector: "[pTreeTableBody]", inputs: { columns: ["pTreeTableBody", "columns"], template: ["pTreeTableBodyTemplate", "template"], frozen: "frozen" }, ngImport: i0, template: `
+        <ng-container *ngIf="!tt.virtualScroll">
+            <ng-template ngFor let-serializedNode let-rowIndex="index" [ngForOf]="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>
+        <ng-container *ngIf="tt.virtualScroll">
+            <ng-template cdkVirtualFor let-serializedNode let-rowIndex="index" [cdkVirtualForOf]="tt.serializedValue" [cdkVirtualForTrackBy]="tt.rowTrackBy" [cdkVirtualForTemplateCacheSize]="0">
+                <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>
+        <ng-container *ngIf="tt.isEmpty()">
+            <ng-container *ngTemplateOutlet="tt.emptyMessageTemplate; context: {$implicit: columns, frozen: frozen}"></ng-container>
+        </ng-container>
+    `, isInline: true, directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTBody, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[pTreeTableBody]',
+                    template: `
         <ng-container *ngIf="!tt.virtualScroll">
             <ng-template ngFor let-serializedNode let-rowIndex="index" [ngForOf]="tt.serializedValue" [ngForTrackBy]="tt.rowTrackBy">
                 <ng-container *ngIf="serializedNode.visible">
@@ -1395,19 +1565,17 @@ TTBody.decorators = [
             <ng-container *ngTemplateOutlet="tt.emptyMessageTemplate; context: {$implicit: columns, frozen: frozen}"></ng-container>
         </ng-container>
     `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-TTBody.ctorParameters = () => [
-    { type: TreeTable },
-    { type: TreeTableService },
-    { type: ChangeDetectorRef }
-];
-TTBody.propDecorators = {
-    columns: [{ type: Input, args: ["pTreeTableBody",] }],
-    template: [{ type: Input, args: ["pTreeTableBodyTemplate",] }],
-    frozen: [{ type: Input }]
-};
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return [{ type: TreeTable }, { type: TreeTableService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { columns: [{
+                type: Input,
+                args: ["pTreeTableBody"]
+            }], template: [{
+                type: Input,
+                args: ["pTreeTableBodyTemplate"]
+            }], frozen: [{
+                type: Input
+            }] } });
 class TTScrollableView {
     constructor(tt, el, zone) {
         this.tt = tt;
@@ -1539,10 +1707,53 @@ class TTScrollableView {
         this.frozenSiblingBody = null;
     }
 }
-TTScrollableView.decorators = [
-    { type: Component, args: [{
-                selector: '[ttScrollableView]',
-                template: `
+TTScrollableView.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTScrollableView, deps: [{ token: TreeTable }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+TTScrollableView.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: TTScrollableView, selector: "[ttScrollableView]", inputs: { columns: ["ttScrollableView", "columns"], frozen: "frozen", 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: "virtualScrollBody", first: true, predicate: CdkVirtualScrollViewport, 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.colGroupTemplate : tt.colGroupTemplate; context {$implicit: columns}"></ng-container>
+                    <thead class="p-treetable-thead">
+                        <ng-container *ngTemplateOutlet="frozen ? tt.frozenHeaderTemplate||tt.headerTemplate : tt.headerTemplate; context {$implicit: columns}"></ng-container>
+                    </thead>
+                </table>
+            </div>
+        </div>
+        <ng-container *ngIf="!tt.virtualScroll; else virtualScrollTemplate">
+            <div #scrollBody class="p-treetable-scrollable-body" [ngStyle]="{'max-height': tt.scrollHeight !== 'flex' ? scrollHeight : undefined, 'overflow-y': !frozen && tt.scrollHeight ? 'scroll' : undefined}">
+                <table #scrollTable [class]="tt.tableStyleClass" [ngStyle]="tt.tableStyle">
+                    <ng-container *ngTemplateOutlet="frozen ? tt.frozenColGroupTemplate||tt.colGroupTemplate : tt.colGroupTemplate; context {$implicit: columns}"></ng-container>
+                    <tbody class="p-treetable-tbody" [pTreeTableBody]="columns" [pTreeTableBodyTemplate]="frozen ? tt.frozenBodyTemplate||tt.bodyTemplate : tt.bodyTemplate" [frozen]="frozen"></tbody>
+                </table>
+                <div #scrollableAligner style="background-color:transparent" *ngIf="frozen"></div>
+            </div>
+        </ng-container>
+        <ng-template #virtualScrollTemplate>
+            <cdk-virtual-scroll-viewport [itemSize]="tt.virtualRowHeight" [style.height]="tt.scrollHeight !== 'flex' ? scrollHeight : undefined"
+                    [minBufferPx]="tt.minBufferPx" [maxBufferPx]="tt.maxBufferPx" class="p-treetable-virtual-scrollable-body">
+                <table #scrollTable [class]="tt.tableStyleClass" [ngStyle]="tt.tableStyle">
+                    <ng-container *ngTemplateOutlet="frozen ? tt.frozenColGroupTemplate||tt.colGroupTemplate : tt.colGroupTemplate; context {$implicit: columns}"></ng-container>
+                    <tbody class="p-treetable-tbody" [pTreeTableBody]="columns" [pTreeTableBodyTemplate]="frozen ? tt.frozenBodyTemplate||tt.bodyTemplate : tt.bodyTemplate" [frozen]="frozen"></tbody>
+                </table>
+                <div #scrollableAligner style="background-color:transparent" *ngIf="frozen"></div>
+            </cdk-virtual-scroll-viewport>
+        </ng-template>
+        <div #scrollFooter *ngIf="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.colGroupTemplate : tt.colGroupTemplate; context {$implicit: columns}"></ng-container>
+                    <tfoot class="p-treetable-tfoot">
+                        <ng-container *ngTemplateOutlet="frozen ? tt.frozenFooterTemplate||tt.footerTemplate : tt.footerTemplate; context {$implicit: columns}"></ng-container>
+                    </tfoot>
+                </table>
+            </div>
+        </div>
+    `, isInline: true, components: [{ type: TTBody, selector: "[pTreeTableBody]", inputs: ["pTreeTableBody", "pTreeTableBodyTemplate", "frozen"] }, { type: i4.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation"], outputs: ["scrolledIndexChange"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTScrollableView, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ttScrollableView]',
+                    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">
@@ -1583,28 +1794,43 @@ TTScrollableView.decorators = [
             </div>
         </div>
     `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-TTScrollableView.ctorParameters = () => [
-    { type: TreeTable },
-    { type: ElementRef },
-    { type: NgZone }
-];
-TTScrollableView.propDecorators = {
-    columns: [{ type: Input, args: ["ttScrollableView",] }],
-    frozen: [{ type: Input }],
-    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',] }],
-    virtualScrollBody: [{ type: ViewChild, args: [CdkVirtualScrollViewport,] }],
-    scrollHeight: [{ type: Input }]
-};
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return [{ type: TreeTable }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { columns: [{
+                type: Input,
+                args: ["ttScrollableView"]
+            }], frozen: [{
+                type: Input
+            }], 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']
+            }], virtualScrollBody: [{
+                type: ViewChild,
+                args: [CdkVirtualScrollViewport]
+            }], scrollHeight: [{
+                type: Input
+            }] } });
 class TTSortableColumn {
     constructor(tt) {
         this.tt = tt;
@@ -1644,26 +1870,31 @@ class TTSortableColumn {
         }
     }
 }
-TTSortableColumn.decorators = [
-    { type: Directive, args: [{
-                selector: '[ttSortableColumn]',
-                host: {
-                    '[class.p-sortable-column]': 'isEnabled()',
-                    '[class.p-highlight]': 'sorted',
-                    '[attr.tabindex]': 'isEnabled() ? "0" : null',
-                    '[attr.role]': '"columnheader"'
-                }
-            },] }
-];
-TTSortableColumn.ctorParameters = () => [
-    { type: TreeTable }
-];
-TTSortableColumn.propDecorators = {
-    field: [{ type: Input, args: ["ttSortableColumn",] }],
-    ttSortableColumnDisabled: [{ type: Input }],
-    onClick: [{ type: HostListener, args: ['click', ['$event'],] }],
-    onEnterKey: [{ type: HostListener, args: ['keydown.enter', ['$event'],] }]
-};
+TTSortableColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTSortableColumn, deps: [{ token: TreeTable }], target: i0.ɵɵFactoryTarget.Directive });
+TTSortableColumn.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.0.5", type: TTSortableColumn, selector: "[ttSortableColumn]", inputs: { field: ["ttSortableColumn", "field"], ttSortableColumnDisabled: "ttSortableColumnDisabled" }, host: { listeners: { "click": "onClick($event)", "keydown.enter": "onEnterKey($event)" }, properties: { "class.p-sortable-column": "isEnabled()", "class.p-highlight": "sorted", "attr.tabindex": "isEnabled() ? \"0\" : null", "attr.role": "\"columnheader\"" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTSortableColumn, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttSortableColumn]',
+                    host: {
+                        '[class.p-sortable-column]': 'isEnabled()',
+                        '[class.p-highlight]': 'sorted',
+                        '[attr.tabindex]': 'isEnabled() ? "0" : null',
+                        '[attr.role]': '"columnheader"'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: TreeTable }]; }, propDecorators: { field: [{
+                type: Input,
+                args: ["ttSortableColumn"]
+            }], ttSortableColumnDisabled: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onEnterKey: [{
+                type: HostListener,
+                args: ['keydown.enter', ['$event']]
+            }] } });
 class TTSortIcon {
     constructor(tt, cd) {
         this.tt = tt;
@@ -1694,25 +1925,27 @@ class TTSortIcon {
         }
     }
 }
-TTSortIcon.decorators = [
-    { type: Component, args: [{
-                selector: 'p-treeTableSortIcon',
-                template: `
+TTSortIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTSortIcon, deps: [{ token: TreeTable }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TTSortIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: TTSortIcon, selector: "p-treeTableSortIcon", inputs: { field: "field", ariaLabelDesc: "ariaLabelDesc", ariaLabelAsc: "ariaLabelAsc" }, ngImport: i0, template: `
+        <i class="p-sortable-column-icon pi pi-fw" [ngClass]="{'pi-sort-amount-up-alt': sortOrder === 1, 'pi-sort-amount-down': sortOrder === -1, 'pi-sort-alt': sortOrder === 0}"></i>
+    `, isInline: true, directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTSortIcon, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-treeTableSortIcon',
+                    template: `
         <i class="p-sortable-column-icon pi pi-fw" [ngClass]="{'pi-sort-amount-up-alt': sortOrder === 1, 'pi-sort-amount-down': sortOrder === -1, 'pi-sort-alt': sortOrder === 0}"></i>
     `,
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-TTSortIcon.ctorParameters = () => [
-    { type: TreeTable },
-    { type: ChangeDetectorRef }
-];
-TTSortIcon.propDecorators = {
-    field: [{ type: Input }],
-    ariaLabelDesc: [{ type: Input }],
-    ariaLabelAsc: [{ type: Input }]
-};
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return [{ type: TreeTable }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { field: [{
+                type: Input
+            }], ariaLabelDesc: [{
+                type: Input
+            }], ariaLabelAsc: [{
+                type: Input
+            }] } });
 class TTResizableColumn {
     constructor(tt, el, zone) {
         this.tt = tt;
@@ -1770,19 +2003,16 @@ class TTResizableColumn {
         this.unbindDocumentEvents();
     }
 }
-TTResizableColumn.decorators = [
-    { type: Directive, args: [{
-                selector: '[ttResizableColumn]'
-            },] }
-];
-TTResizableColumn.ctorParameters = () => [
-    { type: TreeTable },
-    { type: ElementRef },
-    { type: NgZone }
-];
-TTResizableColumn.propDecorators = {
-    ttResizableColumnDisabled: [{ type: Input }]
-};
+TTResizableColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTResizableColumn, deps: [{ token: TreeTable }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+TTResizableColumn.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.0.5", type: TTResizableColumn, selector: "[ttResizableColumn]", inputs: { ttResizableColumnDisabled: "ttResizableColumnDisabled" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTResizableColumn, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttResizableColumn]'
+                }]
+        }], ctorParameters: function () { return [{ type: TreeTable }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { ttResizableColumnDisabled: [{
+                type: Input
+            }] } });
 class TTReorderableColumn {
     constructor(tt, el, zone) {
         this.tt = tt;
@@ -1860,20 +2090,19 @@ class TTReorderableColumn {
         this.unbindEvents();
     }
 }
-TTReorderableColumn.decorators = [
-    { type: Directive, args: [{
-                selector: '[ttReorderableColumn]'
-            },] }
-];
-TTReorderableColumn.ctorParameters = () => [
-    { type: TreeTable },
-    { type: ElementRef },
-    { type: NgZone }
-];
-TTReorderableColumn.propDecorators = {
-    ttReorderableColumnDisabled: [{ type: Input }],
-    onDrop: [{ type: HostListener, args: ['drop', ['$event'],] }]
-};
+TTReorderableColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTReorderableColumn, deps: [{ token: TreeTable }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+TTReorderableColumn.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.0.5", type: TTReorderableColumn, selector: "[ttReorderableColumn]", inputs: { ttReorderableColumnDisabled: "ttReorderableColumnDisabled" }, host: { listeners: { "drop": "onDrop($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTReorderableColumn, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttReorderableColumn]'
+                }]
+        }], ctorParameters: function () { return [{ type: TreeTable }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { ttReorderableColumnDisabled: [{
+                type: Input
+            }], onDrop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }] } });
 class TTSelectableRow {
     constructor(tt, tableService) {
         this.tt = tt;
@@ -1916,25 +2145,31 @@ class TTSelectableRow {
         }
     }
 }
-TTSelectableRow.decorators = [
-    { type: Directive, args: [{
-                selector: '[ttSelectableRow]',
-                host: {
-                    '[class.p-highlight]': 'selected'
-                }
-            },] }
-];
-TTSelectableRow.ctorParameters = () => [
-    { type: TreeTable },
-    { type: TreeTableService }
-];
-TTSelectableRow.propDecorators = {
-    rowNode: [{ type: Input, args: ["ttSelectableRow",] }],
-    ttSelectableRowDisabled: [{ type: Input }],
-    onClick: [{ type: HostListener, args: ['click', ['$event'],] }],
-    onEnterKey: [{ type: HostListener, args: ['keydown', ['$event'],] }],
-    onTouchEnd: [{ type: HostListener, args: ['touchend', ['$event'],] }]
-};
+TTSelectableRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTSelectableRow, deps: [{ token: TreeTable }, { token: TreeTableService }], target: i0.ɵɵFactoryTarget.Directive });
+TTSelectableRow.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.0.5", type: TTSelectableRow, selector: "[ttSelectableRow]", inputs: { rowNode: ["ttSelectableRow", "rowNode"], ttSelectableRowDisabled: "ttSelectableRowDisabled" }, host: { listeners: { "click": "onClick($event)", "keydown": "onEnterKey($event)", "touchend": "onTouchEnd($event)" }, properties: { "class.p-highlight": "selected" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTSelectableRow, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttSelectableRow]',
+                    host: {
+                        '[class.p-highlight]': 'selected'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: TreeTable }, { type: TreeTableService }]; }, propDecorators: { rowNode: [{
+                type: Input,
+                args: ["ttSelectableRow"]
+            }], ttSelectableRowDisabled: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onEnterKey: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], onTouchEnd: [{
+                type: HostListener,
+                args: ['touchend', ['$event']]
+            }] } });
 class TTSelectableRowDblClick {
     constructor(tt, tableService) {
         this.tt = tt;
@@ -1967,23 +2202,25 @@ class TTSelectableRowDblClick {
         }
     }
 }
-TTSelectableRowDblClick.decorators = [
-    { type: Directive, args: [{
-                selector: '[ttSelectableRowDblClick]',
-                host: {
-                    '[class.p-highlight]': 'selected'
-                }
-            },] }
-];
-TTSelectableRowDblClick.ctorParameters = () => [
-    { type: TreeTable },
-    { type: TreeTableService }
-];
-TTSelectableRowDblClick.propDecorators = {
-    rowNode: [{ type: Input, args: ["ttSelectableRowDblClick",] }],
-    ttSelectableRowDisabled: [{ type: Input }],
-    onClick: [{ type: HostListener, args: ['dblclick', ['$event'],] }]
-};
+TTSelectableRowDblClick.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTSelectableRowDblClick, deps: [{ token: TreeTable }, { token: TreeTableService }], target: i0.ɵɵFactoryTarget.Directive });
+TTSelectableRowDblClick.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.0.5", type: TTSelectableRowDblClick, selector: "[ttSelectableRowDblClick]", inputs: { rowNode: ["ttSelectableRowDblClick", "rowNode"], ttSelectableRowDisabled: "ttSelectableRowDisabled" }, host: { listeners: { "dblclick": "onClick($event)" }, properties: { "class.p-highlight": "selected" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTSelectableRowDblClick, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttSelectableRowDblClick]',
+                    host: {
+                        '[class.p-highlight]': 'selected'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: TreeTable }, { type: TreeTableService }]; }, propDecorators: { rowNode: [{
+                type: Input,
+                args: ["ttSelectableRowDblClick"]
+            }], ttSelectableRowDisabled: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['dblclick', ['$event']]
+            }] } });
 class TTContextMenuRow {
     constructor(tt, tableService, el) {
         this.tt = tt;
@@ -2014,25 +2251,26 @@ class TTContextMenuRow {
         }
     }
 }
-TTContextMenuRow.decorators = [
-    { type: Directive, args: [{
-                selector: '[ttContextMenuRow]',
-                host: {
-                    '[class.p-highlight-contextmenu]': 'selected',
-                    '[attr.tabindex]': 'isEnabled() ? 0 : undefined'
-                }
-            },] }
-];
-TTContextMenuRow.ctorParameters = () => [
-    { type: TreeTable },
-    { type: TreeTableService },
-    { type: ElementRef }
-];
-TTContextMenuRow.propDecorators = {
-    rowNode: [{ type: Input, args: ["ttContextMenuRow",] }],
-    ttContextMenuRowDisabled: [{ type: Input }],
-    onContextMenu: [{ type: HostListener, args: ['contextmenu', ['$event'],] }]
-};
+TTContextMenuRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTContextMenuRow, deps: [{ token: TreeTable }, { token: TreeTableService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TTContextMenuRow.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.0.5", type: TTContextMenuRow, selector: "[ttContextMenuRow]", inputs: { rowNode: ["ttContextMenuRow", "rowNode"], ttContextMenuRowDisabled: "ttContextMenuRowDisabled" }, host: { listeners: { "contextmenu": "onContextMenu($event)" }, properties: { "class.p-highlight-contextmenu": "selected", "attr.tabindex": "isEnabled() ? 0 : undefined" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTContextMenuRow, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttContextMenuRow]',
+                    host: {
+                        '[class.p-highlight-contextmenu]': 'selected',
+                        '[attr.tabindex]': 'isEnabled() ? 0 : undefined'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: TreeTable }, { type: TreeTableService }, { type: i0.ElementRef }]; }, propDecorators: { rowNode: [{
+                type: Input,
+                args: ["ttContextMenuRow"]
+            }], ttContextMenuRowDisabled: [{
+                type: Input
+            }], onContextMenu: [{
+                type: HostListener,
+                args: ['contextmenu', ['$event']]
+            }] } });
 class TTCheckbox {
     constructor(tt, tableService, cd) {
         this.tt = tt;
@@ -2067,34 +2305,45 @@ class TTCheckbox {
         }
     }
 }
-TTCheckbox.decorators = [
-    { type: Component, args: [{
-                selector: 'p-treeTableCheckbox',
-                template: `
+TTCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTCheckbox, deps: [{ token: TreeTable }, { token: TreeTableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TTCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: TTCheckbox, selector: "p-treeTableCheckbox", inputs: { disabled: "disabled", rowNode: ["value", "rowNode"] }, viewQueries: [{ propertyName: "boxViewChild", first: true, predicate: ["box"], descendants: true }], ngImport: i0, template: `
+        <div class="p-checkbox p-component" (click)="onClick($event)">
+            <div class="p-hidden-accessible">
+                <input type="checkbox" [checked]="checked" (focus)="onFocus()" (blur)="onBlur()">
+            </div>
+            <div #box [ngClass]="{'p-checkbox-box':true,
+                'p-highlight':checked, 'p-indeterminate': rowNode.node.partialSelected, 'p-disabled':disabled}"  role="checkbox" [attr.aria-checked]="checked">
+                <span class="p-checkbox-icon pi" [ngClass]="{'pi-check':checked, 'pi-minus': rowNode.node.partialSelected}"></span>
+            </div>
+        </div>
+    `, isInline: true, directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-treeTableCheckbox',
+                    template: `
         <div class="p-checkbox p-component" (click)="onClick($event)">
             <div class="p-hidden-accessible">
                 <input type="checkbox" [checked]="checked" (focus)="onFocus()" (blur)="onBlur()">
             </div>
             <div #box [ngClass]="{'p-checkbox-box':true,
-                'p-highlight':checked, 'p-disabled':disabled}"  role="checkbox" [attr.aria-checked]="checked">
+                'p-highlight':checked, 'p-indeterminate': rowNode.node.partialSelected, 'p-disabled':disabled}"  role="checkbox" [attr.aria-checked]="checked">
                 <span class="p-checkbox-icon pi" [ngClass]="{'pi-check':checked, 'pi-minus': rowNode.node.partialSelected}"></span>
             </div>
         </div>
     `,
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-TTCheckbox.ctorParameters = () => [
-    { type: TreeTable },
-    { type: TreeTableService },
-    { type: ChangeDetectorRef }
-];
-TTCheckbox.propDecorators = {
-    disabled: [{ type: Input }],
-    rowNode: [{ type: Input, args: ["value",] }],
-    boxViewChild: [{ type: ViewChild, args: ['box',] }]
-};
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return [{ type: TreeTable }, { type: TreeTableService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
+                type: Input
+            }], rowNode: [{
+                type: Input,
+                args: ["value"]
+            }], boxViewChild: [{
+                type: ViewChild,
+                args: ['box']
+            }] } });
 class TTHeaderCheckbox {
     constructor(tt, tableService, cd) {
         this.tt = tt;
@@ -2151,10 +2400,23 @@ class TTHeaderCheckbox {
         return checked;
     }
 }
-TTHeaderCheckbox.decorators = [
-    { type: Component, args: [{
-                selector: 'p-treeTableHeaderCheckbox',
-                template: `
+TTHeaderCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTHeaderCheckbox, deps: [{ token: TreeTable }, { token: TreeTableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TTHeaderCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox", viewQueries: [{ propertyName: "boxViewChild", first: true, predicate: ["box"], descendants: true }], ngImport: i0, template: `
+        <div class="p-checkbox p-component" (click)="onClick($event, cb.checked)">
+            <div class="p-hidden-accessible">
+                <input #cb type="checkbox" [checked]="checked" (focus)="onFocus()" (blur)="onBlur()" [disabled]="!tt.value||tt.value.length === 0">
+            </div>
+            <div #box [ngClass]="{'p-checkbox-box':true,
+                'p-highlight':checked, 'p-disabled': (!tt.value || tt.value.length === 0)}"  role="checkbox" [attr.aria-checked]="checked">
+                <span class="p-checkbox-icon" [ngClass]="{'pi pi-check':checked}"></span>
+            </div>
+        </div>
+    `, isInline: true, directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTHeaderCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-treeTableHeaderCheckbox',
+                    template: `
         <div class="p-checkbox p-component" (click)="onClick($event, cb.checked)">
             <div class="p-hidden-accessible">
                 <input #cb type="checkbox" [checked]="checked" (focus)="onFocus()" (blur)="onBlur()" [disabled]="!tt.value||tt.value.length === 0">
@@ -2165,18 +2427,13 @@ TTHeaderCheckbox.decorators = [
             </div>
         </div>
     `,
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-TTHeaderCheckbox.ctorParameters = () => [
-    { type: TreeTable },
-    { type: TreeTableService },
-    { type: ChangeDetectorRef }
-];
-TTHeaderCheckbox.propDecorators = {
-    boxViewChild: [{ type: ViewChild, args: ['box',] }]
-};
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return [{ type: TreeTable }, { type: TreeTableService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { boxViewChild: [{
+                type: ViewChild,
+                args: ['box']
+            }] } });
 class TTEditableColumn {
     constructor(tt, el, zone) {
         this.tt = tt;
@@ -2324,23 +2581,28 @@ class TTEditableColumn {
         return this.ttEditableColumnDisabled !== true;
     }
 }
-TTEditableColumn.decorators = [
-    { type: Directive, args: [{
-                selector: '[ttEditableColumn]'
-            },] }
-];
-TTEditableColumn.ctorParameters = () => [
-    { type: TreeTable },
-    { type: ElementRef },
-    { type: NgZone }
-];
-TTEditableColumn.propDecorators = {
-    data: [{ type: Input, args: ["ttEditableColumn",] }],
-    field: [{ type: Input, args: ["ttEditableColumnField",] }],
-    ttEditableColumnDisabled: [{ type: Input }],
-    onClick: [{ type: HostListener, args: ['click', ['$event'],] }],
-    onKeyDown: [{ type: HostListener, args: ['keydown', ['$event'],] }]
-};
+TTEditableColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTEditableColumn, deps: [{ token: TreeTable }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+TTEditableColumn.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.0.5", type: TTEditableColumn, selector: "[ttEditableColumn]", inputs: { data: ["ttEditableColumn", "data"], field: ["ttEditableColumnField", "field"], ttEditableColumnDisabled: "ttEditableColumnDisabled" }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeyDown($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTEditableColumn, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttEditableColumn]'
+                }]
+        }], ctorParameters: function () { return [{ type: TreeTable }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { data: [{
+                type: Input,
+                args: ["ttEditableColumn"]
+            }], field: [{
+                type: Input,
+                args: ["ttEditableColumnField"]
+            }], ttEditableColumnDisabled: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
 class TreeTableCellEditor {
     constructor(tt, editableColumn) {
         this.tt = tt;
@@ -2359,10 +2621,20 @@ class TreeTableCellEditor {
         });
     }
 }
-TreeTableCellEditor.decorators = [
-    { type: Component, args: [{
-                selector: 'p-treeTableCellEditor',
-                template: `
+TreeTableCellEditor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TreeTableCellEditor, deps: [{ token: TreeTable }, { token: TTEditableColumn }], target: i0.ɵɵFactoryTarget.Component });
+TreeTableCellEditor.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: TreeTableCellEditor, selector: "p-treeTableCellEditor", queries: [{ propertyName: "templates", predicate: PrimeTemplate }], 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, directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TreeTableCellEditor, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-treeTableCellEditor',
+                    template: `
         <ng-container *ngIf="tt.editingCell === editableColumn.el.nativeElement">
             <ng-container *ngTemplateOutlet="inputTemplate"></ng-container>
         </ng-container>
@@ -2370,16 +2642,12 @@ TreeTableCellEditor.decorators = [
             <ng-container *ngTemplateOutlet="outputTemplate"></ng-container>
         </ng-container>
     `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-TreeTableCellEditor.ctorParameters = () => [
-    { type: TreeTable },
-    { type: TTEditableColumn }
-];
-TreeTableCellEditor.propDecorators = {
-    templates: [{ type: ContentChildren, args: [PrimeTemplate,] }]
-};
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return [{ type: TreeTable }, { type: TTEditableColumn }]; }, propDecorators: { templates: [{
+                type: ContentChildren,
+                args: [PrimeTemplate]
+            }] } });
 class TTRow {
     constructor(tt, el, zone) {
         this.tt = tt;
@@ -2445,23 +2713,23 @@ class TTRow {
         });
     }
 }
-TTRow.decorators = [
-    { type: Directive, args: [{
-                selector: '[ttRow]',
-                host: {
-                    '[attr.tabindex]': '"0"'
-                }
-            },] }
-];
-TTRow.ctorParameters = () => [
-    { type: TreeTable },
-    { type: ElementRef },
-    { type: NgZone }
-];
-TTRow.propDecorators = {
-    rowNode: [{ type: Input, args: ['ttRow',] }],
-    onKeyDown: [{ type: HostListener, args: ['keydown', ['$event'],] }]
-};
+TTRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTRow, deps: [{ token: TreeTable }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+TTRow.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.0.5", type: TTRow, selector: "[ttRow]", inputs: { rowNode: ["ttRow", "rowNode"] }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "attr.tabindex": "\"0\"" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TTRow, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ttRow]',
+                    host: {
+                        '[attr.tabindex]': '"0"'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: TreeTable }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { rowNode: [{
+                type: Input,
+                args: ['ttRow']
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
 class TreeTableToggler {
     constructor(tt) {
         this.tt = tt;
@@ -2485,33 +2753,41 @@ class TreeTableToggler {
         event.preventDefault();
     }
 }
-TreeTableToggler.decorators = [
-    { type: Component, args: [{
-                selector: 'p-treeTableToggler',
-                template: `
+TreeTableToggler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TreeTableToggler, deps: [{ token: TreeTable }], target: i0.ɵɵFactoryTarget.Component });
+TreeTableToggler.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: TreeTableToggler, selector: "p-treeTableToggler", inputs: { rowNode: "rowNode" }, ngImport: i0, template: `
+        <button type="button" class="p-treetable-toggler p-link" (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'">
+            <i [ngClass]="rowNode.node.expanded ? 'pi pi-fw pi-chevron-down' : 'pi pi-fw pi-chevron-right'"></i>
+        </button>
+    `, isInline: true, directives: [{ type: i5.Ripple, selector: "[pRipple]" }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TreeTableToggler, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-treeTableToggler',
+                    template: `
         <button type="button" class="p-treetable-toggler p-link" (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'">
             <i [ngClass]="rowNode.node.expanded ? 'pi pi-fw pi-chevron-down' : 'pi pi-fw pi-chevron-right'"></i>
         </button>
     `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-TreeTableToggler.ctorParameters = () => [
-    { type: TreeTable }
-];
-TreeTableToggler.propDecorators = {
-    rowNode: [{ type: Input }]
-};
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return [{ type: TreeTable }]; }, propDecorators: { rowNode: [{
+                type: Input
+            }] } });
 class TreeTableModule {
 }
-TreeTableModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, PaginatorModule, ScrollingModule, RippleModule],
-                exports: [TreeTable, SharedModule, TreeTableToggler, TTSortableColumn, TTSortIcon, TTResizableColumn, TTRow, TTReorderableColumn, TTSelectableRow, TTSelectableRowDblClick, TTContextMenuRow, TTCheckbox, TTHeaderCheckbox, TTEditableColumn, TreeTableCellEditor, ScrollingModule],
-                declarations: [TreeTable, TreeTableToggler, TTScrollableView, TTBody, TTSortableColumn, TTSortIcon, TTResizableColumn, TTRow, TTReorderableColumn, TTSelectableRow, TTSelectableRowDblClick, TTContextMenuRow, TTCheckbox, TTHeaderCheckbox, TTEditableColumn, TreeTableCellEditor]
-            },] }
-];
+TreeTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TreeTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TreeTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TreeTableModule, declarations: [TreeTable, TreeTableToggler, TTScrollableView, TTBody, TTSortableColumn, TTSortIcon, TTResizableColumn, TTRow, TTReorderableColumn, TTSelectableRow, TTSelectableRowDblClick, TTContextMenuRow, TTCheckbox, TTHeaderCheckbox, TTEditableColumn, TreeTableCellEditor], imports: [CommonModule, PaginatorModule, ScrollingModule, RippleModule], exports: [TreeTable, SharedModule, TreeTableToggler, TTSortableColumn, TTSortIcon, TTResizableColumn, TTRow, TTReorderableColumn, TTSelectableRow, TTSelectableRowDblClick, TTContextMenuRow, TTCheckbox, TTHeaderCheckbox, TTEditableColumn, TreeTableCellEditor, ScrollingModule] });
+TreeTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TreeTableModule, imports: [[CommonModule, PaginatorModule, ScrollingModule, RippleModule], SharedModule, ScrollingModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: TreeTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, PaginatorModule, ScrollingModule, RippleModule],
+                    exports: [TreeTable, SharedModule, TreeTableToggler, TTSortableColumn, TTSortIcon, TTResizableColumn, TTRow, TTReorderableColumn, TTSelectableRow, TTSelectableRowDblClick, TTContextMenuRow, TTCheckbox, TTHeaderCheckbox, TTEditableColumn, TreeTableCellEditor, ScrollingModule],
+                    declarations: [TreeTable, TreeTableToggler, TTScrollableView, TTBody, TTSortableColumn, TTSortIcon, TTResizableColumn, TTRow, TTReorderableColumn, TTSelectableRow, TTSelectableRowDblClick, TTContextMenuRow, TTCheckbox, TTHeaderCheckbox, TTEditableColumn, TreeTableCellEditor]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.