primeng 22.1.0 → 22.1.1

package/fesm2022/primeng-treetable.mjs

@@ -4,15 +4,15 @@ import { Injectable, InjectionToken, input, booleanAttribute, inject, computed,
 import { BaseStyle } from 'primeng/base';
 import { Subject } from 'rxjs';
 import { NgTemplateOutlet, isPlatformBrowser } from '@angular/common';
+import { ArrowDown } from '@primeicons/angular/arrow-down';
+import { ArrowUp } from '@primeicons/angular/arrow-up';
+import { Spinner } from '@primeicons/angular/spinner';
 import { addClass, findSingle, calculateScrollbarWidth, calculateScrollbarHeight, resolveFieldData, isEmpty, getOffset, addStyle, getIndex, getHiddenElementOuterWidth, getHiddenElementOuterHeight, reorderArray, isClickable, equals, find, removeClass, clearSelection } from '@primeuix/utils';
 import { FilterService, SharedModule } from 'primeng/api';
 import { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';
 import * as i1 from 'primeng/bind';
 import { Bind } from 'primeng/bind';
 import { DomHandler } from 'primeng/dom';
-import { ArrowDown } from '@primeicons/angular/arrow-down';
-import { ArrowUp } from '@primeicons/angular/arrow-up';
-import { Spinner } from '@primeicons/angular/spinner';
 import * as i2 from 'primeng/paginator';
 import { PaginatorModule } from 'primeng/paginator';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -633,10 +633,10 @@ class TreeTableStyle extends BaseStyle {
     style = style;
     classes = classes;
     inlineStyles = inlineStyles;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TreeTableStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TreeTableStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TreeTableStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TreeTableStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TreeTableStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TreeTableStyle, decorators: [{
             type: Injectable
         }] });
 /**
@@ -823,10 +823,10 @@ class TreeTableService {
     onTotalRecordsChange(value) {
         this.totalRecordsSource.next(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TreeTableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TreeTableService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TreeTableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TreeTableService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TreeTableService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TreeTableService, decorators: [{
             type: Injectable
         }] });
 
@@ -874,8 +874,8 @@ class TTBody extends BaseComponent {
             frozen: this.frozen()
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: TTBody, isStandalone: true, selector: "[pTreeTableBody]", inputs: { columns: { classPropertyName: "columns", publicName: "pTreeTableBody", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "pTreeTableBodyTemplate", isSignal: true, isRequired: false, transformFunction: null }, frozen: { classPropertyName: "frozen", publicName: "frozen", isSignal: true, isRequired: false, transformFunction: null }, serializedNodes: { classPropertyName: "serializedNodes", publicName: "serializedNodes", isSignal: true, isRequired: false, transformFunction: null }, scrollerOptions: { classPropertyName: "scrollerOptions", publicName: "scrollerOptions", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-p": "dataP" } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: TTBody, isStandalone: true, selector: "[pTreeTableBody]", inputs: { columns: { classPropertyName: "columns", publicName: "pTreeTableBody", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "pTreeTableBodyTemplate", isSignal: true, isRequired: false, transformFunction: null }, frozen: { classPropertyName: "frozen", publicName: "frozen", isSignal: true, isRequired: false, transformFunction: null }, serializedNodes: { classPropertyName: "serializedNodes", publicName: "serializedNodes", isSignal: true, isRequired: false, transformFunction: null }, scrollerOptions: { classPropertyName: "scrollerOptions", publicName: "scrollerOptions", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-p": "dataP" } }, usesInheritance: true, ngImport: i0, template: `
         @for (serializedNode of serializedNodes() || tt.serializedValue; track tt.rowTrackBy()($index, serializedNode)) {
             @if (serializedNode.visible) {
                 <ng-container *ngTemplateOutlet="template(); context: getBodyTemplateContext(serializedNode)"></ng-container>
@@ -886,7 +886,7 @@ class TTBody extends BaseComponent {
         }
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTBody, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTBody, decorators: [{
             type: Component,
             args: [{
                     selector: '[pTreeTableBody]',
@@ -962,7 +962,8 @@ class TTScrollableView extends BaseComponent {
         effect(() => {
             const val = this.scrollHeight();
             if (val != null && (val.includes('%') || val.includes('calc'))) {
-                console.log('Percentage scroll height calculation is removed in favor of the more performant CSS based flex mode, use scrollHeight="flex" instead.');
+                // eslint-disable-next-line no-console
+                console.warn('Percentage scroll height calculation is removed in favor of the more performant CSS based flex mode, use scrollHeight="flex" instead.');
             }
         });
     }
@@ -1101,8 +1102,8 @@ class TTScrollableView extends BaseComponent {
         this.unbindEvents();
         this.frozenSiblingBody = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTScrollableView, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: TTScrollableView, isStandalone: true, selector: "[ttScrollableView]", inputs: { columns: { classPropertyName: "columns", publicName: "ttScrollableView", isSignal: true, isRequired: false, transformFunction: null }, frozen: { classPropertyName: "frozen", publicName: "frozen", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TreeTableStyle], viewQueries: [{ propertyName: "scrollHeaderViewChild", first: true, predicate: ["scrollHeader"], descendants: true, isSignal: true }, { propertyName: "scrollHeaderBoxViewChild", first: true, predicate: ["scrollHeaderBox"], descendants: true, isSignal: true }, { propertyName: "scrollBodyViewChild", first: true, predicate: ["scrollBody"], descendants: true, isSignal: true }, { propertyName: "scrollTableViewChild", first: true, predicate: ["scrollTable"], descendants: true, isSignal: true }, { propertyName: "scrollLoadingTableViewChild", first: true, predicate: ["loadingTable"], descendants: true, isSignal: true }, { propertyName: "scrollFooterViewChild", first: true, predicate: ["scrollFooter"], descendants: true, isSignal: true }, { propertyName: "scrollFooterBoxViewChild", first: true, predicate: ["scrollFooterBox"], descendants: true, isSignal: true }, { propertyName: "scrollableAlignerViewChild", first: true, predicate: ["scrollableAligner"], descendants: true, isSignal: true }, { propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTScrollableView, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: TTScrollableView, isStandalone: true, selector: "[ttScrollableView]", inputs: { columns: { classPropertyName: "columns", publicName: "ttScrollableView", isSignal: true, isRequired: false, transformFunction: null }, frozen: { classPropertyName: "frozen", publicName: "frozen", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TreeTableStyle], viewQueries: [{ propertyName: "scrollHeaderViewChild", first: true, predicate: ["scrollHeader"], descendants: true, isSignal: true }, { propertyName: "scrollHeaderBoxViewChild", first: true, predicate: ["scrollHeaderBox"], descendants: true, isSignal: true }, { propertyName: "scrollBodyViewChild", first: true, predicate: ["scrollBody"], descendants: true, isSignal: true }, { propertyName: "scrollTableViewChild", first: true, predicate: ["scrollTable"], descendants: true, isSignal: true }, { propertyName: "scrollLoadingTableViewChild", first: true, predicate: ["loadingTable"], descendants: true, isSignal: true }, { propertyName: "scrollFooterViewChild", first: true, predicate: ["scrollFooter"], descendants: true, isSignal: true }, { propertyName: "scrollFooterBoxViewChild", first: true, predicate: ["scrollFooterBox"], descendants: true, isSignal: true }, { propertyName: "scrollableAlignerViewChild", first: true, predicate: ["scrollableAligner"], descendants: true, isSignal: true }, { propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
         <div #scrollHeader [class]="cx('scrollableHeader')" [pBind]="ptm('scrollableHeader')">
             <div #scrollHeaderBox [class]="cx('scrollableHeaderBox')" [pBind]="ptm('scrollableHeaderBox')">
                 <table [class]="cn(cx('scrollableHeaderTable'), tt.tableStyleClass())" [pBind]="ptm('scrollableHeaderTable')" [style]="tt.tableStyle()">
@@ -1167,7 +1168,7 @@ class TTScrollableView extends BaseComponent {
         }
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: Bind, selector: "[pBind]", inputs: ["pBind"] }, { kind: "component", type: Scroller, selector: "p-scroller, p-virtualscroller, p-virtual-scroller", inputs: ["hostName", "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: TTBody, selector: "[pTreeTableBody]", inputs: ["pTreeTableBody", "pTreeTableBodyTemplate", "frozen", "serializedNodes", "scrollerOptions"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTScrollableView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTScrollableView, decorators: [{
             type: Component,
             args: [{
                     selector: '[ttScrollableView]',
@@ -1250,9 +1251,6 @@ class TreeTable extends BaseComponent {
     componentName = 'TreeTable';
     _componentStyle = inject(TreeTableStyle);
     bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
     /**
      * An array of objects to represent dynamic columns.
      * @group Props
@@ -1301,6 +1299,7 @@ class TreeTable extends BaseComponent {
      * Index of the first row to be displayed.
      * @group Props
      */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     firstInput = input(0, { ...(ngDevMode ? { debugName: "firstInput" } : /* istanbul ignore next */ {}), alias: 'first', transform: numberAttribute });
     /**
      * Number of page links to display in paginator.
@@ -1503,12 +1502,14 @@ class TreeTable extends BaseComponent {
      * Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity.
      * @group Props
      */
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
     rowTrackBy = input((index, item) => item, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "rowTrackBy" }] : /* istanbul ignore next */ []));
     /**
      * An array of FilterMetadata objects to provide external filters.
      * @group Props
      */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     filtersInput = input({}, { ...(ngDevMode ? { debugName: "filtersInput" } : /* istanbul ignore next */ {}), alias: 'filters' });
     /**
      * An array of fields as string to use in global filtering.
@@ -1543,23 +1544,27 @@ class TreeTable extends BaseComponent {
      * Number of total records, defaults to length of value when not defined.
      * @group Props
      */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     totalRecordsInput = input(0, { ...(ngDevMode ? { debugName: "totalRecordsInput" } : /* istanbul ignore next */ {}), alias: 'totalRecords' });
     /**
      * Name of the field to sort data by default.
      * @group Props
      */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     sortFieldInput = input(undefined, { ...(ngDevMode ? { debugName: "sortFieldInput" } : /* istanbul ignore next */ {}), alias: 'sortField' });
     /**
      * Order to sort when default sorting is enabled.
      * @defaultValue 1
      * @group Props
      */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     sortOrderInput = input(1, { ...(ngDevMode ? { debugName: "sortOrderInput" } : /* istanbul ignore next */ {}), alias: 'sortOrder' });
     /**
      * An array of SortMeta objects to sort the data by default in multiple sort mode.
      * @defaultValue null
      * @group Props
      */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     multiSortMetaInput = input(undefined, { ...(ngDevMode ? { debugName: "multiSortMetaInput" } : /* istanbul ignore next */ {}), alias: 'multiSortMeta' });
     /**
      * Selected row in single mode or an array of values in multiple mode.
@@ -1567,12 +1572,14 @@ class TreeTable extends BaseComponent {
      * @deprecated since v22, use `selectionKeys` instead for key-based selection state.
      * @group Props
      */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     selectionInput = input(undefined, { ...(ngDevMode ? { debugName: "selectionInput" } : /* istanbul ignore next */ {}), alias: 'selection' });
     /**
      * An array of objects to display.
      * @defaultValue null
      * @group Props
      */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     valueInput = input(undefined, { ...(ngDevMode ? { debugName: "valueInput" } : /* istanbul ignore next */ {}), alias: 'value' });
     /**
      * A map of keys to control the selection state.
@@ -1972,8 +1979,6 @@ class TreeTable extends BaseComponent {
                 }
             });
         });
-        // collapsedKeys effect: project the map onto each node's `expanded` flag so the existing
-        // expansion engine keeps working unchanged (non-breaking when collapsedKeys is not provided).
         effect(() => {
             const val = this.collapsedKeys();
             untracked(() => {
@@ -2001,6 +2006,9 @@ class TreeTable extends BaseComponent {
             });
         });
     }
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
     onInit() {
         if (this.lazy() && this.lazyLoadOnInit() && !this.virtualScroll()) {
             this.onLazyLoad.emit(this.createLazyLoadMetadata());
@@ -2199,9 +2207,7 @@ class TreeTable extends BaseComponent {
             });
         }
         else {
-            nodes.sort((node1, node2) => {
-                return this.multisortField(node1, node2, this._multiSortMeta, 0);
-            });
+            nodes.sort((node1, node2) => this.multisortField(node1, node2, this._multiSortMeta, 0));
         }
         for (let node of nodes) {
             this.sortMultipleNodes(node.children);
@@ -2330,7 +2336,9 @@ class TreeTable extends BaseComponent {
     onColumnResize(event) {
         let containerLeft = getOffset(this.el?.nativeElement).left;
         this.el?.nativeElement.setAttribute('data-p-unselectable-text', 'true');
-        !this.$unstyled() && addStyle(this.el.nativeElement, { 'user-select': 'none' });
+        if (!this.$unstyled()) {
+            addStyle(this.el.nativeElement, { 'user-select': 'none' });
+        }
         this.resizeHelperViewChild().nativeElement.style.height = this.el?.nativeElement.offsetHeight + 'px';
         this.resizeHelperViewChild().nativeElement.style.top = 0 + 'px';
         this.resizeHelperViewChild().nativeElement.style.left = event.pageX - containerLeft + this.el?.nativeElement.scrollLeft + 'px';
@@ -2415,7 +2423,9 @@ class TreeTable extends BaseComponent {
         }
         this.resizeHelperViewChild().nativeElement.style.display = 'none';
         this.el.nativeElement.removeAttribute('data-p-unselectable-text');
-        !this.$unstyled() && (this.el.nativeElement.style['user-select'] = '');
+        if (!this.$unstyled()) {
+            this.el.nativeElement.style['user-select'] = '';
+        }
     }
     findParentScrollableView(column) {
         if (column) {
@@ -2458,7 +2468,6 @@ class TreeTable extends BaseComponent {
             let dropHeaderOffset = getOffset(dropHeader);
             if (this.draggedColumn != dropHeader) {
                 let targetLeft = dropHeaderOffset.left - containerOffset.left;
-                let targetTop = containerOffset.top - dropHeaderOffset.top;
                 let columnCenter = dropHeaderOffset.left + dropHeader.offsetWidth / 2;
                 this.reorderIndicatorUpViewChild().nativeElement.style.top = dropHeaderOffset.top - containerOffset.top - (this.reorderIconHeight - 1) + 'px';
                 this.reorderIndicatorDownViewChild().nativeElement.style.top = dropHeaderOffset.top - containerOffset.top + dropHeader.offsetHeight + 'px';
@@ -2642,6 +2651,7 @@ class TreeTable extends BaseComponent {
         }
         this.rowTouched = false;
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     handleRowTouchEnd(event) {
         this.rowTouched = true;
     }
@@ -2788,7 +2798,7 @@ class TreeTable extends BaseComponent {
         // legacy selection support, will be removed in v18
         if (node && this._selection) {
             if (this.dataKey()) {
-                if (node.hasOwnProperty('checked')) {
+                if (Object.prototype.hasOwnProperty.call(node, 'checked')) {
                     return node['checked'];
                 }
                 else {
@@ -2990,7 +3000,7 @@ class TreeTable extends BaseComponent {
                     let globalMatch = false;
                     let paramsWithoutNode;
                     for (let prop in this.filters) {
-                        if (this.filters.hasOwnProperty(prop) && prop !== 'global') {
+                        if (Object.prototype.hasOwnProperty.call(this.filters, prop) && prop !== 'global') {
                             let filterMeta = this.filters[prop];
                             let filterField = prop;
                             let filterValue = filterMeta.value;
@@ -3096,7 +3106,7 @@ class TreeTable extends BaseComponent {
     hasFilter() {
         let empty = true;
         for (let prop in this.filters) {
-            if (this.filters.hasOwnProperty(prop)) {
+            if (Object.prototype.hasOwnProperty.call(this.filters, prop)) {
                 empty = false;
                 break;
             }
@@ -3133,9 +3143,11 @@ class TreeTable extends BaseComponent {
     }
     bindDocumentEditListener() {
         if (!this.documentEditListener) {
-            this.documentEditListener = this.renderer.listen(this.document, 'click', (event) => {
+            this.documentEditListener = this.renderer.listen(this.document, 'click', () => {
                 if (this.editingCell && !this.editingCellClick && this.isEditingCellValid()) {
-                    !this.$unstyled() && removeClass(this.editingCell, 'p-cell-editing');
+                    if (!this.$unstyled()) {
+                        removeClass(this.editingCell, 'p-cell-editing');
+                    }
                     this.editingCell = null;
                     this.onEditComplete.emit({ field: this.editingCellField, data: this.editingCellData });
                     this.editingCellField = null;
@@ -3159,8 +3171,8 @@ class TreeTable extends BaseComponent {
         this.editingCellData = null;
         this.initialized = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TreeTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: TreeTable, isStandalone: true, selector: "p-treetable, p-tree-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, tableStyle: { classPropertyName: "tableStyle", publicName: "tableStyle", isSignal: true, isRequired: false, transformFunction: null }, tableStyleClass: { classPropertyName: "tableStyleClass", publicName: "tableStyleClass", isSignal: true, isRequired: false, transformFunction: null }, autoLayout: { classPropertyName: "autoLayout", publicName: "autoLayout", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, lazyLoadOnInit: { classPropertyName: "lazyLoadOnInit", publicName: "lazyLoadOnInit", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, firstInput: { classPropertyName: "firstInput", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, pageLinks: { classPropertyName: "pageLinks", publicName: "pageLinks", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null }, alwaysShowPaginator: { classPropertyName: "alwaysShowPaginator", publicName: "alwaysShowPaginator", isSignal: true, isRequired: false, transformFunction: null }, paginatorPosition: { classPropertyName: "paginatorPosition", publicName: "paginatorPosition", isSignal: true, isRequired: false, transformFunction: null }, paginatorStyleClass: { classPropertyName: "paginatorStyleClass", publicName: "paginatorStyleClass", isSignal: true, isRequired: false, transformFunction: null }, paginatorDropdownAppendTo: { classPropertyName: "paginatorDropdownAppendTo", publicName: "paginatorDropdownAppendTo", isSignal: true, isRequired: false, transformFunction: null }, currentPageReportTemplate: { classPropertyName: "currentPageReportTemplate", publicName: "currentPageReportTemplate", isSignal: true, isRequired: false, transformFunction: null }, showCurrentPageReport: { classPropertyName: "showCurrentPageReport", publicName: "showCurrentPageReport", isSignal: true, isRequired: false, transformFunction: null }, showJumpToPageDropdown: { classPropertyName: "showJumpToPageDropdown", publicName: "showJumpToPageDropdown", isSignal: true, isRequired: false, transformFunction: null }, showFirstLastIcon: { classPropertyName: "showFirstLastIcon", publicName: "showFirstLastIcon", isSignal: true, isRequired: false, transformFunction: null }, showPageLinks: { classPropertyName: "showPageLinks", publicName: "showPageLinks", isSignal: true, isRequired: false, transformFunction: null }, defaultSortOrder: { classPropertyName: "defaultSortOrder", publicName: "defaultSortOrder", isSignal: true, isRequired: false, transformFunction: null }, sortMode: { classPropertyName: "sortMode", publicName: "sortMode", isSignal: true, isRequired: false, transformFunction: null }, resetPageOnSort: { classPropertyName: "resetPageOnSort", publicName: "resetPageOnSort", isSignal: true, isRequired: false, transformFunction: null }, customSort: { classPropertyName: "customSort", publicName: "customSort", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, contextMenuSelection: { classPropertyName: "contextMenuSelection", publicName: "contextMenuSelection", isSignal: true, isRequired: false, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, metaKeySelection: { classPropertyName: "metaKeySelection", publicName: "metaKeySelection", isSignal: true, isRequired: false, transformFunction: null }, compareSelectionBy: { classPropertyName: "compareSelectionBy", publicName: "compareSelectionBy", isSignal: true, isRequired: false, transformFunction: null }, rowHover: { classPropertyName: "rowHover", publicName: "rowHover", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingIcon: { classPropertyName: "loadingIcon", publicName: "loadingIcon", isSignal: true, isRequired: false, transformFunction: null }, showLoader: { classPropertyName: "showLoader", publicName: "showLoader", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollItemSize: { classPropertyName: "virtualScrollItemSize", publicName: "virtualScrollItemSize", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollOptions: { classPropertyName: "virtualScrollOptions", publicName: "virtualScrollOptions", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollDelay: { classPropertyName: "virtualScrollDelay", publicName: "virtualScrollDelay", isSignal: true, isRequired: false, transformFunction: null }, frozenWidth: { classPropertyName: "frozenWidth", publicName: "frozenWidth", isSignal: true, isRequired: false, transformFunction: null }, frozenColumns: { classPropertyName: "frozenColumns", publicName: "frozenColumns", isSignal: true, isRequired: false, transformFunction: null }, resizableColumns: { classPropertyName: "resizableColumns", publicName: "resizableColumns", isSignal: true, isRequired: false, transformFunction: null }, columnResizeMode: { classPropertyName: "columnResizeMode", publicName: "columnResizeMode", isSignal: true, isRequired: false, transformFunction: null }, reorderableColumns: { classPropertyName: "reorderableColumns", publicName: "reorderableColumns", isSignal: true, isRequired: false, transformFunction: null }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", isSignal: true, isRequired: false, transformFunction: null }, rowTrackBy: { classPropertyName: "rowTrackBy", publicName: "rowTrackBy", isSignal: true, isRequired: false, transformFunction: null }, filtersInput: { classPropertyName: "filtersInput", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, globalFilterFields: { classPropertyName: "globalFilterFields", publicName: "globalFilterFields", isSignal: true, isRequired: false, transformFunction: null }, filterDelay: { classPropertyName: "filterDelay", publicName: "filterDelay", isSignal: true, isRequired: false, transformFunction: null }, filterMode: { classPropertyName: "filterMode", publicName: "filterMode", isSignal: true, isRequired: false, transformFunction: null }, filterLocale: { classPropertyName: "filterLocale", publicName: "filterLocale", isSignal: true, isRequired: false, transformFunction: null }, paginatorLocale: { classPropertyName: "paginatorLocale", publicName: "paginatorLocale", isSignal: true, isRequired: false, transformFunction: null }, totalRecordsInput: { classPropertyName: "totalRecordsInput", publicName: "totalRecords", isSignal: true, isRequired: false, transformFunction: null }, sortFieldInput: { classPropertyName: "sortFieldInput", publicName: "sortField", isSignal: true, isRequired: false, transformFunction: null }, sortOrderInput: { classPropertyName: "sortOrderInput", publicName: "sortOrder", isSignal: true, isRequired: false, transformFunction: null }, multiSortMetaInput: { classPropertyName: "multiSortMetaInput", publicName: "multiSortMeta", isSignal: true, isRequired: false, transformFunction: null }, selectionInput: { classPropertyName: "selectionInput", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, valueInput: { classPropertyName: "valueInput", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, selectionKeys: { classPropertyName: "selectionKeys", publicName: "selectionKeys", isSignal: true, isRequired: false, transformFunction: null }, collapsedKeys: { classPropertyName: "collapsedKeys", publicName: "collapsedKeys", isSignal: true, isRequired: false, transformFunction: null }, showGridlines: { classPropertyName: "showGridlines", publicName: "showGridlines", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rows: "rowsChange", 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", collapsedKeysChange: "collapsedKeysChange" }, host: { properties: { "class": "cx('root')", "attr.data-p": "dataP()", "attr.data-scrollselectors": "'.p-treetable-scrollable-body'" } }, providers: [TreeTableService, TreeTableStyle, { provide: TREETABLE_INSTANCE, useExisting: TreeTable }, { provide: PARENT_INSTANCE, useExisting: TreeTable }], queries: [{ propertyName: "colGroupTemplate", first: true, predicate: ["colgroup"], isSignal: true }, { propertyName: "captionTemplate", first: true, predicate: ["caption"], isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"], isSignal: true }, { propertyName: "bodyTemplate", first: true, predicate: ["body"], isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: ["footer"], isSignal: true }, { propertyName: "summaryTemplate", first: true, predicate: ["summary"], isSignal: true }, { propertyName: "emptyMessageTemplate", first: true, predicate: ["emptymessage"], isSignal: true }, { propertyName: "paginatorLeftTemplate", first: true, predicate: ["paginatorleft"], isSignal: true }, { propertyName: "paginatorRightTemplate", first: true, predicate: ["paginatorright"], isSignal: true }, { propertyName: "paginatorDropdownItemTemplate", first: true, predicate: ["paginatordropdownitem"], isSignal: true }, { propertyName: "frozenHeaderTemplate", first: true, predicate: ["frozenheader"], isSignal: true }, { propertyName: "frozenBodyTemplate", first: true, predicate: ["frozenbody"], isSignal: true }, { propertyName: "frozenFooterTemplate", first: true, predicate: ["frozenfooter"], isSignal: true }, { propertyName: "frozenColGroupTemplate", first: true, predicate: ["frozencolgroup"], isSignal: true }, { propertyName: "loadingIconTemplate", first: true, predicate: ["loadingicon"], isSignal: true }, { propertyName: "reorderIndicatorUpIconTemplate", first: true, predicate: ["reorderindicatorupicon"], isSignal: true }, { propertyName: "reorderIndicatorDownIconTemplate", first: true, predicate: ["reorderindicatordownicon"], isSignal: true }, { propertyName: "sortIconTemplate", first: true, predicate: ["sorticon"], isSignal: true }, { propertyName: "checkboxIconTemplate", first: true, predicate: ["checkboxicon"], isSignal: true }, { propertyName: "headerCheckboxIconTemplate", first: true, predicate: ["headercheckboxicon"], isSignal: true }, { propertyName: "togglerIconTemplate", first: true, predicate: ["togglericon"], isSignal: true }, { propertyName: "paginatorFirstPageLinkIconTemplate", first: true, predicate: ["paginatorfirstpagelinkicon"], isSignal: true }, { propertyName: "paginatorLastPageLinkIconTemplate", first: true, predicate: ["paginatorlastpagelinkicon"], isSignal: true }, { propertyName: "paginatorPreviousPageLinkIconTemplate", first: true, predicate: ["paginatorpreviouspagelinkicon"], isSignal: true }, { propertyName: "paginatorNextPageLinkIconTemplate", first: true, predicate: ["paginatornextpagelinkicon"], isSignal: true }, { propertyName: "loaderTemplate", first: true, predicate: ["loader"], isSignal: true }], viewQueries: [{ propertyName: "resizeHelperViewChild", first: true, predicate: ["resizeHelper"], descendants: true, isSignal: true }, { propertyName: "reorderIndicatorUpViewChild", first: true, predicate: ["reorderIndicatorUp"], descendants: true, isSignal: true }, { propertyName: "reorderIndicatorDownViewChild", first: true, predicate: ["reorderIndicatorDown"], descendants: true, isSignal: true }, { propertyName: "tableViewChild", first: true, predicate: ["table"], descendants: true, isSignal: true }, { propertyName: "scrollableViewChild", first: true, predicate: ["scrollableView"], descendants: true, isSignal: true }, { propertyName: "scrollableFrozenViewChild", first: true, predicate: ["scrollableFrozenView"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TreeTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: TreeTable, isStandalone: true, selector: "p-treetable, p-tree-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, tableStyle: { classPropertyName: "tableStyle", publicName: "tableStyle", isSignal: true, isRequired: false, transformFunction: null }, tableStyleClass: { classPropertyName: "tableStyleClass", publicName: "tableStyleClass", isSignal: true, isRequired: false, transformFunction: null }, autoLayout: { classPropertyName: "autoLayout", publicName: "autoLayout", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, lazyLoadOnInit: { classPropertyName: "lazyLoadOnInit", publicName: "lazyLoadOnInit", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, firstInput: { classPropertyName: "firstInput", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, pageLinks: { classPropertyName: "pageLinks", publicName: "pageLinks", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null }, alwaysShowPaginator: { classPropertyName: "alwaysShowPaginator", publicName: "alwaysShowPaginator", isSignal: true, isRequired: false, transformFunction: null }, paginatorPosition: { classPropertyName: "paginatorPosition", publicName: "paginatorPosition", isSignal: true, isRequired: false, transformFunction: null }, paginatorStyleClass: { classPropertyName: "paginatorStyleClass", publicName: "paginatorStyleClass", isSignal: true, isRequired: false, transformFunction: null }, paginatorDropdownAppendTo: { classPropertyName: "paginatorDropdownAppendTo", publicName: "paginatorDropdownAppendTo", isSignal: true, isRequired: false, transformFunction: null }, currentPageReportTemplate: { classPropertyName: "currentPageReportTemplate", publicName: "currentPageReportTemplate", isSignal: true, isRequired: false, transformFunction: null }, showCurrentPageReport: { classPropertyName: "showCurrentPageReport", publicName: "showCurrentPageReport", isSignal: true, isRequired: false, transformFunction: null }, showJumpToPageDropdown: { classPropertyName: "showJumpToPageDropdown", publicName: "showJumpToPageDropdown", isSignal: true, isRequired: false, transformFunction: null }, showFirstLastIcon: { classPropertyName: "showFirstLastIcon", publicName: "showFirstLastIcon", isSignal: true, isRequired: false, transformFunction: null }, showPageLinks: { classPropertyName: "showPageLinks", publicName: "showPageLinks", isSignal: true, isRequired: false, transformFunction: null }, defaultSortOrder: { classPropertyName: "defaultSortOrder", publicName: "defaultSortOrder", isSignal: true, isRequired: false, transformFunction: null }, sortMode: { classPropertyName: "sortMode", publicName: "sortMode", isSignal: true, isRequired: false, transformFunction: null }, resetPageOnSort: { classPropertyName: "resetPageOnSort", publicName: "resetPageOnSort", isSignal: true, isRequired: false, transformFunction: null }, customSort: { classPropertyName: "customSort", publicName: "customSort", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, contextMenuSelection: { classPropertyName: "contextMenuSelection", publicName: "contextMenuSelection", isSignal: true, isRequired: false, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, metaKeySelection: { classPropertyName: "metaKeySelection", publicName: "metaKeySelection", isSignal: true, isRequired: false, transformFunction: null }, compareSelectionBy: { classPropertyName: "compareSelectionBy", publicName: "compareSelectionBy", isSignal: true, isRequired: false, transformFunction: null }, rowHover: { classPropertyName: "rowHover", publicName: "rowHover", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingIcon: { classPropertyName: "loadingIcon", publicName: "loadingIcon", isSignal: true, isRequired: false, transformFunction: null }, showLoader: { classPropertyName: "showLoader", publicName: "showLoader", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollItemSize: { classPropertyName: "virtualScrollItemSize", publicName: "virtualScrollItemSize", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollOptions: { classPropertyName: "virtualScrollOptions", publicName: "virtualScrollOptions", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollDelay: { classPropertyName: "virtualScrollDelay", publicName: "virtualScrollDelay", isSignal: true, isRequired: false, transformFunction: null }, frozenWidth: { classPropertyName: "frozenWidth", publicName: "frozenWidth", isSignal: true, isRequired: false, transformFunction: null }, frozenColumns: { classPropertyName: "frozenColumns", publicName: "frozenColumns", isSignal: true, isRequired: false, transformFunction: null }, resizableColumns: { classPropertyName: "resizableColumns", publicName: "resizableColumns", isSignal: true, isRequired: false, transformFunction: null }, columnResizeMode: { classPropertyName: "columnResizeMode", publicName: "columnResizeMode", isSignal: true, isRequired: false, transformFunction: null }, reorderableColumns: { classPropertyName: "reorderableColumns", publicName: "reorderableColumns", isSignal: true, isRequired: false, transformFunction: null }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", isSignal: true, isRequired: false, transformFunction: null }, rowTrackBy: { classPropertyName: "rowTrackBy", publicName: "rowTrackBy", isSignal: true, isRequired: false, transformFunction: null }, filtersInput: { classPropertyName: "filtersInput", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, globalFilterFields: { classPropertyName: "globalFilterFields", publicName: "globalFilterFields", isSignal: true, isRequired: false, transformFunction: null }, filterDelay: { classPropertyName: "filterDelay", publicName: "filterDelay", isSignal: true, isRequired: false, transformFunction: null }, filterMode: { classPropertyName: "filterMode", publicName: "filterMode", isSignal: true, isRequired: false, transformFunction: null }, filterLocale: { classPropertyName: "filterLocale", publicName: "filterLocale", isSignal: true, isRequired: false, transformFunction: null }, paginatorLocale: { classPropertyName: "paginatorLocale", publicName: "paginatorLocale", isSignal: true, isRequired: false, transformFunction: null }, totalRecordsInput: { classPropertyName: "totalRecordsInput", publicName: "totalRecords", isSignal: true, isRequired: false, transformFunction: null }, sortFieldInput: { classPropertyName: "sortFieldInput", publicName: "sortField", isSignal: true, isRequired: false, transformFunction: null }, sortOrderInput: { classPropertyName: "sortOrderInput", publicName: "sortOrder", isSignal: true, isRequired: false, transformFunction: null }, multiSortMetaInput: { classPropertyName: "multiSortMetaInput", publicName: "multiSortMeta", isSignal: true, isRequired: false, transformFunction: null }, selectionInput: { classPropertyName: "selectionInput", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, valueInput: { classPropertyName: "valueInput", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, selectionKeys: { classPropertyName: "selectionKeys", publicName: "selectionKeys", isSignal: true, isRequired: false, transformFunction: null }, collapsedKeys: { classPropertyName: "collapsedKeys", publicName: "collapsedKeys", isSignal: true, isRequired: false, transformFunction: null }, showGridlines: { classPropertyName: "showGridlines", publicName: "showGridlines", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rows: "rowsChange", 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", collapsedKeysChange: "collapsedKeysChange" }, host: { properties: { "class": "cx('root')", "attr.data-p": "dataP()", "attr.data-scrollselectors": "'.p-treetable-scrollable-body'" } }, providers: [TreeTableService, TreeTableStyle, { provide: TREETABLE_INSTANCE, useExisting: TreeTable }, { provide: PARENT_INSTANCE, useExisting: TreeTable }], queries: [{ propertyName: "colGroupTemplate", first: true, predicate: ["colgroup"], isSignal: true }, { propertyName: "captionTemplate", first: true, predicate: ["caption"], isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"], isSignal: true }, { propertyName: "bodyTemplate", first: true, predicate: ["body"], isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: ["footer"], isSignal: true }, { propertyName: "summaryTemplate", first: true, predicate: ["summary"], isSignal: true }, { propertyName: "emptyMessageTemplate", first: true, predicate: ["emptymessage"], isSignal: true }, { propertyName: "paginatorLeftTemplate", first: true, predicate: ["paginatorleft"], isSignal: true }, { propertyName: "paginatorRightTemplate", first: true, predicate: ["paginatorright"], isSignal: true }, { propertyName: "paginatorDropdownItemTemplate", first: true, predicate: ["paginatordropdownitem"], isSignal: true }, { propertyName: "frozenHeaderTemplate", first: true, predicate: ["frozenheader"], isSignal: true }, { propertyName: "frozenBodyTemplate", first: true, predicate: ["frozenbody"], isSignal: true }, { propertyName: "frozenFooterTemplate", first: true, predicate: ["frozenfooter"], isSignal: true }, { propertyName: "frozenColGroupTemplate", first: true, predicate: ["frozencolgroup"], isSignal: true }, { propertyName: "loadingIconTemplate", first: true, predicate: ["loadingicon"], isSignal: true }, { propertyName: "reorderIndicatorUpIconTemplate", first: true, predicate: ["reorderindicatorupicon"], isSignal: true }, { propertyName: "reorderIndicatorDownIconTemplate", first: true, predicate: ["reorderindicatordownicon"], isSignal: true }, { propertyName: "sortIconTemplate", first: true, predicate: ["sorticon"], isSignal: true }, { propertyName: "checkboxIconTemplate", first: true, predicate: ["checkboxicon"], isSignal: true }, { propertyName: "headerCheckboxIconTemplate", first: true, predicate: ["headercheckboxicon"], isSignal: true }, { propertyName: "togglerIconTemplate", first: true, predicate: ["togglericon"], isSignal: true }, { propertyName: "paginatorFirstPageLinkIconTemplate", first: true, predicate: ["paginatorfirstpagelinkicon"], isSignal: true }, { propertyName: "paginatorLastPageLinkIconTemplate", first: true, predicate: ["paginatorlastpagelinkicon"], isSignal: true }, { propertyName: "paginatorPreviousPageLinkIconTemplate", first: true, predicate: ["paginatorpreviouspagelinkicon"], isSignal: true }, { propertyName: "paginatorNextPageLinkIconTemplate", first: true, predicate: ["paginatornextpagelinkicon"], isSignal: true }, { propertyName: "loaderTemplate", first: true, predicate: ["loader"], isSignal: true }], viewQueries: [{ propertyName: "resizeHelperViewChild", first: true, predicate: ["resizeHelper"], descendants: true, isSignal: true }, { propertyName: "reorderIndicatorUpViewChild", first: true, predicate: ["reorderIndicatorUp"], descendants: true, isSignal: true }, { propertyName: "reorderIndicatorDownViewChild", first: true, predicate: ["reorderIndicatorDown"], descendants: true, isSignal: true }, { propertyName: "tableViewChild", first: true, predicate: ["table"], descendants: true, isSignal: true }, { propertyName: "scrollableViewChild", first: true, predicate: ["scrollableView"], descendants: true, isSignal: true }, { propertyName: "scrollableFrozenViewChild", first: true, predicate: ["scrollableFrozenView"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
         @if (showLoadingMask()) {
             <div [pBind]="ptm('mask')" [class]="cx('mask')" animate.enter="p-overlay-mask-enter-active" animate.leave="p-overlay-mask-leave-active">
                 @if (loadingIcon()) {
@@ -3347,7 +3359,7 @@ class TreeTable extends BaseComponent {
         }
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: Bind, selector: "[pBind]", inputs: ["pBind"] }, { kind: "ngmodule", type: PaginatorModule }, { kind: "component", type: i2.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "alwaysShow", "templateLeft", "templateRight", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "first", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "appendTo"], outputs: ["rowsChange", "firstChange", "onPageChange"] }, { kind: "component", type: Spinner, selector: "svg[data-p-icon=\"spinner\"]" }, { kind: "component", type: ArrowDown, selector: "svg[data-p-icon=\"arrow-down\"]" }, { kind: "component", type: ArrowUp, selector: "svg[data-p-icon=\"arrow-up\"]" }, { kind: "component", type: TTScrollableView, selector: "[ttScrollableView]", inputs: ["ttScrollableView", "frozen", "scrollHeight"] }, { kind: "component", type: TTBody, selector: "[pTreeTableBody]", inputs: ["pTreeTableBody", "pTreeTableBodyTemplate", "frozen", "serializedNodes", "scrollerOptions"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TreeTable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TreeTable, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-treetable, p-tree-table',
@@ -3553,9 +3565,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 class TTSortableColumn extends BaseComponent {
     hostName = 'TreeTable ';
     bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptm('sortableColumn', { context: { sorted: this.sorted() } }));
-    }
     field = input(undefined, { ...(ngDevMode ? { debugName: "field" } : /* istanbul ignore next */ {}), alias: 'ttSortableColumn' });
     ttSortableColumnDisabled = input(undefined, { ...(ngDevMode ? { debugName: "ttSortableColumnDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     sorted = signal(undefined, /* @ts-ignore */
@@ -3579,6 +3588,9 @@ class TTSortableColumn extends BaseComponent {
             this.updateSortState();
         });
     }
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptm('sortableColumn', { context: { sorted: this.sorted() } }));
+    }
     onInit() {
         if (this.isEnabled()) {
             this.updateSortState();
@@ -3603,10 +3615,10 @@ class TTSortableColumn extends BaseComponent {
     isEnabled() {
         return this.ttSortableColumnDisabled() !== true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTSortableColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: TTSortableColumn, isStandalone: true, selector: "[ttSortableColumn]", inputs: { field: { classPropertyName: "field", publicName: "ttSortableColumn", isSignal: true, isRequired: false, transformFunction: null }, ttSortableColumnDisabled: { classPropertyName: "ttSortableColumnDisabled", publicName: "ttSortableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "columnheader" }, listeners: { "click": "onClick($event)", "keydown.enter": "onEnterKey($event)" }, properties: { "class": "cx(\"sortableColumn\")", "tabindex": "hostTabindex", "attr.aria-sort": "ariaSorted" } }, providers: [TreeTableStyle], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTSortableColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: TTSortableColumn, isStandalone: true, selector: "[ttSortableColumn]", inputs: { field: { classPropertyName: "field", publicName: "ttSortableColumn", isSignal: true, isRequired: false, transformFunction: null }, ttSortableColumnDisabled: { classPropertyName: "ttSortableColumnDisabled", publicName: "ttSortableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "columnheader" }, listeners: { "click": "onClick($event)", "keydown.enter": "onEnterKey($event)" }, properties: { "class": "cx(\"sortableColumn\")", "tabindex": "hostTabindex", "attr.aria-sort": "ariaSorted" } }, providers: [TreeTableStyle], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTSortableColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTSortableColumn, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ttSortableColumn]',
@@ -3681,8 +3693,8 @@ class TTSortIcon extends BaseComponent {
     isMultiSorted() {
         return this.tt.sortMode() === 'multiple' && this.getMultiSortMetaIndex() > -1;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTSortIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: TTSortIcon, isStandalone: true, selector: "p-treetable-sort-icon, p-tree-table-sort-icon", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelDesc: { classPropertyName: "ariaLabelDesc", publicName: "ariaLabelDesc", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelAsc: { classPropertyName: "ariaLabelAsc", publicName: "ariaLabelAsc", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TreeTableStyle], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTSortIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: TTSortIcon, isStandalone: true, selector: "p-treetable-sort-icon, p-tree-table-sort-icon", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelDesc: { classPropertyName: "ariaLabelDesc", publicName: "ariaLabelDesc", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelAsc: { classPropertyName: "ariaLabelAsc", publicName: "ariaLabelAsc", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TreeTableStyle], usesInheritance: true, ngImport: i0, template: `
         @if (!tt.sortIconTemplate()) {
             @if (sortOrder() === 0) {
                 <svg data-p-icon="sort-alt" [class]="cx('sortableColumnIcon')" [pBind]="ptm('sortableColumnIcon')" />
@@ -3704,7 +3716,7 @@ class TTSortIcon extends BaseComponent {
         }
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: Bind, selector: "[pBind]", inputs: ["pBind"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "component", type: i1$1.Badge, selector: "p-badge", inputs: ["badgeSize", "size", "severity", "value", "badgeDisabled"] }, { kind: "component", type: SortAlt, selector: "svg[data-p-icon=\"sort-alt\"]" }, { kind: "component", type: SortAmountUpAlt, selector: "svg[data-p-icon=\"sort-amount-up-alt\"]" }, { kind: "component", type: SortAmountDown, selector: "svg[data-p-icon=\"sort-amount-down\"]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTSortIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTSortIcon, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-treetable-sort-icon, p-tree-table-sort-icon',
@@ -3750,7 +3762,9 @@ class TTResizableColumn extends BaseComponent {
             if (this.isEnabled()) {
                 addClass(this.el.nativeElement, 'p-resizable-column');
                 this.resizer = this.renderer.createElement('span');
-                !this.$unstyled() && this.renderer.addClass(this.resizer, 'p-column-resizer');
+                if (!this.$unstyled()) {
+                    this.renderer.addClass(this.resizer, 'p-column-resizer');
+                }
                 this.resizer.setAttribute('data-pc-section', 'columnresizer');
                 this.renderer.appendChild(this.el.nativeElement, this.resizer);
                 this.resizerMouseDownListener = this.renderer.listen(this.resizer, 'mousedown', this.onMouseDown.bind(this));
@@ -3792,10 +3806,10 @@ class TTResizableColumn extends BaseComponent {
         }
         this.unbindDocumentEvents();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTResizableColumn, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: TTResizableColumn, isStandalone: true, selector: "[ttResizableColumn]", inputs: { ttResizableColumnDisabled: { classPropertyName: "ttResizableColumnDisabled", publicName: "ttResizableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTResizableColumn, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: TTResizableColumn, isStandalone: true, selector: "[ttResizableColumn]", inputs: { ttResizableColumnDisabled: { classPropertyName: "ttResizableColumnDisabled", publicName: "ttResizableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTResizableColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTResizableColumn, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ttResizableColumn]',
@@ -3875,10 +3889,10 @@ class TTReorderableColumn extends BaseComponent {
     onDestroy() {
         this.unbindEvents();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTReorderableColumn, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: TTReorderableColumn, isStandalone: true, selector: "[ttReorderableColumn]", inputs: { ttReorderableColumnDisabled: { classPropertyName: "ttReorderableColumnDisabled", publicName: "ttReorderableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "drop": "onDrop($event)" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTReorderableColumn, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: TTReorderableColumn, isStandalone: true, selector: "[ttReorderableColumn]", inputs: { ttReorderableColumnDisabled: { classPropertyName: "ttReorderableColumnDisabled", publicName: "ttReorderableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "drop": "onDrop($event)" } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTReorderableColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTReorderableColumn, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ttReorderableColumn]',
@@ -3923,9 +3937,6 @@ class TTSelectableRow extends BaseComponent {
         return this.isEnabled() ? 0 : null;
     }
     onKeyDown(event) {
-        // Selection keys apply only while the row itself is focused. Keys from
-        // focusables inside the row bubble through here — Enter/Space on the
-        // toggler must stay a plain toggle, not become a selection.
         if (event.target !== this.el?.nativeElement) {
             return;
         }
@@ -3980,10 +3991,10 @@ class TTSelectableRow extends BaseComponent {
     isEnabled() {
         return this.ttSelectableRowDisabled() !== true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTSelectableRow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: TTSelectableRow, isStandalone: true, selector: "[ttSelectableRow]", inputs: { rowNode: { classPropertyName: "rowNode", publicName: "ttSelectableRow", isSignal: true, isRequired: false, transformFunction: null }, ttSelectableRowDisabled: { classPropertyName: "ttSelectableRowDisabled", publicName: "ttSelectableRowDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeyDown($event)", "touchend": "onTouchEnd($event)" }, properties: { "class": "cx(\"row\")", "attr.aria-selected": "selected()", "attr.tabindex": "hostTabindex" } }, providers: [TreeTableStyle], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTSelectableRow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: TTSelectableRow, isStandalone: true, selector: "[ttSelectableRow]", inputs: { rowNode: { classPropertyName: "rowNode", publicName: "ttSelectableRow", isSignal: true, isRequired: false, transformFunction: null }, ttSelectableRowDisabled: { classPropertyName: "ttSelectableRowDisabled", publicName: "ttSelectableRowDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeyDown($event)", "touchend": "onTouchEnd($event)" }, properties: { "class": "cx(\"row\")", "attr.aria-selected": "selected()", "attr.tabindex": "hostTabindex" } }, providers: [TreeTableStyle], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTSelectableRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTSelectableRow, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ttSelectableRow]',
@@ -4035,10 +4046,10 @@ class TTSelectableRowDblClick extends BaseComponent {
     isEnabled() {
         return this.ttSelectableRowDisabled() !== true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTSelectableRowDblClick, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: TTSelectableRowDblClick, isStandalone: true, selector: "[ttSelectableRowDblClick]", inputs: { rowNode: { classPropertyName: "rowNode", publicName: "ttSelectableRowDblClick", isSignal: true, isRequired: false, transformFunction: null }, ttSelectableRowDisabled: { classPropertyName: "ttSelectableRowDisabled", publicName: "ttSelectableRowDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "dblclick": "onClick($event)" }, properties: { "class": "cx(\"row\")" } }, providers: [TreeTableStyle], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTSelectableRowDblClick, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: TTSelectableRowDblClick, isStandalone: true, selector: "[ttSelectableRowDblClick]", inputs: { rowNode: { classPropertyName: "rowNode", publicName: "ttSelectableRowDblClick", isSignal: true, isRequired: false, transformFunction: null }, ttSelectableRowDisabled: { classPropertyName: "ttSelectableRowDisabled", publicName: "ttSelectableRowDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "dblclick": "onClick($event)" }, properties: { "class": "cx(\"row\")" } }, providers: [TreeTableStyle], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTSelectableRowDblClick, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTSelectableRowDblClick, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ttSelectableRowDblClick]',
@@ -4082,10 +4093,10 @@ class TTContextMenuRow extends BaseComponent {
     isEnabled() {
         return this.ttContextMenuRowDisabled() !== true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTContextMenuRow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: TTContextMenuRow, isStandalone: true, selector: "[ttContextMenuRow]", inputs: { rowNode: { classPropertyName: "rowNode", publicName: "ttContextMenuRow", isSignal: true, isRequired: false, transformFunction: null }, ttContextMenuRowDisabled: { classPropertyName: "ttContextMenuRowDisabled", publicName: "ttContextMenuRowDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "contextmenu": "onContextMenu($event)" }, properties: { "class": "cx(\"contextMenuRow\")", "tabindex": "hostTabindex" } }, providers: [TreeTableStyle], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTContextMenuRow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: TTContextMenuRow, isStandalone: true, selector: "[ttContextMenuRow]", inputs: { rowNode: { classPropertyName: "rowNode", publicName: "ttContextMenuRow", isSignal: true, isRequired: false, transformFunction: null }, ttContextMenuRowDisabled: { classPropertyName: "ttContextMenuRowDisabled", publicName: "ttContextMenuRowDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "contextmenu": "onContextMenu($event)" }, properties: { "class": "cx(\"contextMenuRow\")", "tabindex": "hostTabindex" } }, providers: [TreeTableStyle], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTContextMenuRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTContextMenuRow, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ttContextMenuRow]',
@@ -4104,6 +4115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 class TTCheckbox extends BaseComponent {
     hostName = 'TreeTable';
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     rowNode = input(undefined, { ...(ngDevMode ? { debugName: "rowNode" } : /* istanbul ignore next */ {}), alias: 'value' });
     checked = signal(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
@@ -4153,8 +4165,8 @@ class TTCheckbox extends BaseComponent {
         }
         clearSelection();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: TTCheckbox, isStandalone: true, selector: "p-treetable-checkbox, p-tree-table-checkbox", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, rowNode: { classPropertyName: "rowNode", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TreeTableStyle], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: TTCheckbox, isStandalone: true, selector: "p-treetable-checkbox, p-tree-table-checkbox", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, rowNode: { classPropertyName: "rowNode", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TreeTableStyle], usesInheritance: true, ngImport: i0, template: `
         <p-checkbox [ngModel]="checked()" [pt]="ptm('pcRowCheckbox')" (onChange)="onClick($event)" [binary]="true" [disabled]="disabled()" [indeterminate]="partialChecked()" [class]="cx('pcNodeCheckbox')" [tabIndex]="-1" [unstyled]="unstyled()">
             @if (tt.checkboxIconTemplate()) {
                 <ng-template #icon>
@@ -4164,7 +4176,7 @@ class TTCheckbox extends BaseComponent {
         </p-checkbox>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTCheckbox, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-treetable-checkbox, p-tree-table-checkbox',
@@ -4243,8 +4255,8 @@ class TTHeaderCheckbox extends BaseComponent {
         }
         return checked;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTHeaderCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: TTHeaderCheckbox, isStandalone: true, selector: "p-treetableheadercheckbox, p-treetable-header-checkbox", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTHeaderCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: TTHeaderCheckbox, isStandalone: true, selector: "p-treetableheadercheckbox, p-treetable-header-checkbox", usesInheritance: true, ngImport: i0, template: `
         <p-checkbox [ngModel]="checked()" [pt]="ptm('pcHeaderCheckbox')" (onChange)="onClick($event)" [binary]="true" [disabled]="isDisabled" [unstyled]="unstyled()">
             @if (tt.headerCheckboxIconTemplate()) {
                 <ng-template #icon>
@@ -4254,7 +4266,7 @@ class TTHeaderCheckbox extends BaseComponent {
         </p-checkbox>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTHeaderCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTHeaderCheckbox, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-treetableheadercheckbox, p-treetable-header-checkbox',
@@ -4279,12 +4291,23 @@ class TTEditableColumn extends BaseComponent {
     field = input(undefined, { ...(ngDevMode ? { debugName: "field" } : /* istanbul ignore next */ {}), alias: 'ttEditableColumnField' });
     ttEditableColumnDisabled = input(undefined, { ...(ngDevMode ? { debugName: "ttEditableColumnDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     tt = inject(TREETABLE_INSTANCE);
+    /**
+     * Keyboard closes (Enter/Escape) must hand focus back somewhere — the editor
+     * input unmounts, and without this the focus falls to <body>. The cell
+     * editor host is a tab stop, so focus returns to it (Tab then continues to
+     * the next focusable from the same position). The suppress flag keeps that
+     * programmatic focus from immediately reopening the editor it just closed.
+     */
+    suppressFocusOpen = false;
     onAfterViewInit() {
         if (this.isEnabled()) {
-            !this.$unstyled() && addClass(this.el.nativeElement, 'p-editable-column');
+            if (!this.$unstyled()) {
+                addClass(this.el.nativeElement, 'p-editable-column');
+            }
             this.el?.nativeElement.setAttribute('data-p-editable-column', 'true');
         }
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onClick(event) {
         if (this.isEnabled()) {
             this.requestEdit();
@@ -4312,7 +4335,9 @@ class TTEditableColumn extends BaseComponent {
                     return;
                 }
                 if (this.tt.editingCell) {
-                    !this.$unstyled() && removeClass(this.tt.editingCell, 'p-cell-editing');
+                    if (!this.$unstyled()) {
+                        removeClass(this.tt.editingCell, 'p-cell-editing');
+                    }
                     // The cell being left keeps its editing marker otherwise — only
                     // Enter/Escape closes reset it, not switching to another cell.
                     this.tt.editingCell.setAttribute('data-p-cell-editing', 'false');
@@ -4326,7 +4351,9 @@ class TTEditableColumn extends BaseComponent {
     }
     openCell() {
         this.tt.updateEditingCell(this.el.nativeElement, this.data(), this.field());
-        !this.$unstyled() && addClass(this.el.nativeElement, 'p-cell-editing');
+        if (!this.$unstyled()) {
+            addClass(this.el.nativeElement, 'p-cell-editing');
+        }
         this.el?.nativeElement.setAttribute('data-p-cell-editing', 'true');
         this.tt.onEditInit.emit({ field: this.field(), data: this.data() });
         this.tt.editingCellClick = true;
@@ -4338,19 +4365,12 @@ class TTEditableColumn extends BaseComponent {
         }, 50);
     }
     closeEditingCell() {
-        if (this.tt.editingCell)
-            !this.$unstyled() && removeClass(this.tt.editingCell, 'p-cell-editing');
+        if (this.tt.editingCell && !this.$unstyled()) {
+            removeClass(this.tt.editingCell, 'p-cell-editing');
+        }
         this.tt.editingCell = null;
         this.tt.unbindDocumentEditListener();
     }
-    /**
-     * Keyboard closes (Enter/Escape) must hand focus back somewhere — the editor
-     * input unmounts, and without this the focus falls to <body>. The cell
-     * editor host is a tab stop, so focus returns to it (Tab then continues to
-     * the next focusable from the same position). The suppress flag keeps that
-     * programmatic focus from immediately reopening the editor it just closed.
-     */
-    suppressFocusOpen = false;
     consumeSuppressedFocusOpen() {
         const suppressed = this.suppressFocusOpen;
         this.suppressFocusOpen = false;
@@ -4364,9 +4384,6 @@ class TTEditableColumn extends BaseComponent {
         }
     }
     onKeyDown(event) {
-        // Only intercept keys while THIS cell's editor is open. Otherwise Enter/
-        // Space must reach the cell's interactive children natively (e.g. the
-        // row toggler button) and Tab must follow the normal tab order.
         const editing = !!this.tt.editingCell && event.target instanceof Node && this.tt.editingCell.contains(event.target);
         if (!editing) {
             return;
@@ -4376,7 +4393,9 @@ class TTEditableColumn extends BaseComponent {
             if (event.keyCode == 13 && !event.shiftKey) {
                 if (this.tt.isEditingCellValid()) {
                     if (this.tt.editingCell) {
-                        !this.$unstyled() && removeClass(this.tt.editingCell, 'p-cell-editing');
+                        if (!this.$unstyled()) {
+                            removeClass(this.tt.editingCell, 'p-cell-editing');
+                        }
                         this.el?.nativeElement.setAttribute('data-p-cell-editing', 'false');
                     }
                     this.closeEditingCell();
@@ -4389,7 +4408,9 @@ class TTEditableColumn extends BaseComponent {
             else if (event.keyCode == 27) {
                 if (this.tt.isEditingCellValid()) {
                     if (this.tt.editingCell) {
-                        !this.$unstyled() && removeClass(this.tt.editingCell, 'p-cell-editing');
+                        if (!this.$unstyled()) {
+                            removeClass(this.tt.editingCell, 'p-cell-editing');
+                        }
                         this.el?.nativeElement.setAttribute('data-p-cell-editing', 'false');
                     }
                     this.closeEditingCell();
@@ -4398,11 +4419,6 @@ class TTEditableColumn extends BaseComponent {
                 }
                 event.preventDefault();
             }
-            // Tab is intentionally left to the browser: editable cells are real
-            // tab stops (see TreeTableCellEditor.hostTabindex), so sequential
-            // focus naturally reaches whatever comes next in DOM order — the
-            // next cell, a row toggler between rows, or an element outside the
-            // table. The focusout handler below commits the edit on the way out.
         }
     }
     /**
@@ -4420,7 +4436,9 @@ class TTEditableColumn extends BaseComponent {
             return;
         }
         if (this.tt.isEditingCellValid()) {
-            !this.$unstyled() && removeClass(cell, 'p-cell-editing');
+            if (!this.$unstyled()) {
+                removeClass(cell, 'p-cell-editing');
+            }
             cell.setAttribute('data-p-cell-editing', 'false');
             this.closeEditingCell();
             this.tt.onEditComplete.emit({ field: this.field(), data: this.data() });
@@ -4429,10 +4447,10 @@ class TTEditableColumn extends BaseComponent {
     isEnabled() {
         return this.ttEditableColumnDisabled() !== true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTEditableColumn, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: TTEditableColumn, isStandalone: true, selector: "[ttEditableColumn]", inputs: { data: { classPropertyName: "data", publicName: "ttEditableColumn", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "ttEditableColumnField", isSignal: true, isRequired: false, transformFunction: null }, ttEditableColumnDisabled: { classPropertyName: "ttEditableColumnDisabled", publicName: "ttEditableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeyDown($event)", "focusout": "onFocusOut($event)" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTEditableColumn, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: TTEditableColumn, isStandalone: true, selector: "[ttEditableColumn]", inputs: { data: { classPropertyName: "data", publicName: "ttEditableColumn", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "ttEditableColumnField", isSignal: true, isRequired: false, transformFunction: null }, ttEditableColumnDisabled: { classPropertyName: "ttEditableColumnDisabled", publicName: "ttEditableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeyDown($event)", "focusout": "onFocusOut($event)" } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTEditableColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTEditableColumn, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ttEditableColumn]',
@@ -4452,6 +4470,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 class TreeTableCellEditor extends BaseComponent {
     hostName = 'TreeTable';
     bindDirectiveInstance = inject(Bind, { self: true });
+    inputTemplate = contentChild('input', { ...(ngDevMode ? { debugName: "inputTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    outputTemplate = contentChild('output', { ...(ngDevMode ? { debugName: "outputTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    tt = inject(TREETABLE_INSTANCE);
+    editableColumn = inject(TTEditableColumn);
+    get editing() {
+        return this.tt.editingCell === this.editableColumn.el.nativeElement;
+    }
     onAfterViewChecked() {
         this.bindDirectiveInstance.setAttrs(this.ptm('cellEditor'));
     }
@@ -4470,15 +4495,8 @@ class TreeTableCellEditor extends BaseComponent {
         }
         this.editableColumn.openCellFromFocus();
     }
-    inputTemplate = contentChild('input', { ...(ngDevMode ? { debugName: "inputTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    outputTemplate = contentChild('output', { ...(ngDevMode ? { debugName: "outputTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    tt = inject(TREETABLE_INSTANCE);
-    editableColumn = inject(TTEditableColumn);
-    get editing() {
-        return this.tt.editingCell === this.editableColumn.el.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TreeTableCellEditor, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: TreeTableCellEditor, isStandalone: true, selector: "p-treetablecelleditor, p-treetable-cell-editor", host: { listeners: { "focus": "onHostFocus()" }, properties: { "attr.tabindex": "hostTabindex" } }, queries: [{ propertyName: "inputTemplate", first: true, predicate: ["input"], isSignal: true }, { propertyName: "outputTemplate", first: true, predicate: ["output"], isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TreeTableCellEditor, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: TreeTableCellEditor, isStandalone: true, selector: "p-treetablecelleditor, p-treetable-cell-editor", host: { listeners: { "focus": "onHostFocus()" }, properties: { "attr.tabindex": "hostTabindex" } }, queries: [{ propertyName: "inputTemplate", first: true, predicate: ["input"], isSignal: true }, { propertyName: "outputTemplate", first: true, predicate: ["output"], isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
         @if (editing) {
             <ng-container *ngTemplateOutlet="inputTemplate()"></ng-container>
         } @else {
@@ -4486,7 +4504,7 @@ class TreeTableCellEditor extends BaseComponent {
         }
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TreeTableCellEditor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TreeTableCellEditor, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-treetablecelleditor, p-treetable-cell-editor',
@@ -4512,6 +4530,8 @@ class TTRow extends BaseComponent {
     hostName = 'TreeTable';
     bindDirectiveInstance = inject(Bind, { self: true });
     tt = inject(TREETABLE_INSTANCE);
+    rowNode = input(undefined, { ...(ngDevMode ? { debugName: "rowNode" } : /* istanbul ignore next */ {}), alias: 'ttRow' });
+    _componentStyle = inject(TreeTableStyle);
     onAfterViewChecked() {
         this.bindDirectiveInstance.setAttrs(this.ptm('row', this.ptmOptions()));
     }
@@ -4524,12 +4544,7 @@ class TTRow extends BaseComponent {
     get expanded() {
         return this.rowNode()?.node['expanded'];
     }
-    rowNode = input(undefined, { ...(ngDevMode ? { debugName: "rowNode" } : /* istanbul ignore next */ {}), alias: 'ttRow' });
-    _componentStyle = inject(TreeTableStyle);
     onKeyDown(event) {
-        // Skip row/cell keyboard navigation while a cell editor is open so that keys such as
-        // ArrowLeft/ArrowRight move the caret inside the editor input instead of moving focus
-        // out of the open editor and discarding the in-progress edit.
         if (this.isEditingCellTarget(event.target)) {
             return;
         }
@@ -4662,10 +4677,10 @@ class TTRow extends BaseComponent {
             }
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTRow, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: TTRow, isStandalone: true, selector: "[ttRow]", inputs: { rowNode: { classPropertyName: "rowNode", publicName: "ttRow", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "row" }, listeners: { "keydown": "onKeyDown($event)" }, properties: { "class": "hostClass", "attr.aria-expanded": "expanded", "attr.aria-level": "level" } }, providers: [TreeTableStyle], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTRow, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: TTRow, isStandalone: true, selector: "[ttRow]", inputs: { rowNode: { classPropertyName: "rowNode", publicName: "ttRow", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "row" }, listeners: { "keydown": "onKeyDown($event)" }, properties: { "class": "hostClass", "attr.aria-expanded": "expanded", "attr.aria-level": "level" } }, providers: [TreeTableStyle], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TTRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TTRow, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ttRow]',
@@ -4687,9 +4702,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 class TreeTableToggler extends BaseComponent {
     hostName = 'TreeTable';
     bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptm('toggler'));
-    }
     rowNode = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "rowNode" }] : /* istanbul ignore next */ []));
     _componentStyle = inject(TreeTableStyle);
@@ -4707,10 +4719,10 @@ class TreeTableToggler extends BaseComponent {
     get toggleButtonAriaLabel() {
         return this.config.translation ? (this.rowNode()?.expanded ? this.config.translation?.aria?.collapseRow : this.config.translation?.aria?.expandRow) : undefined;
     }
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptm('toggler'));
+    }
     onClick(event) {
-        // The toggle re-renders the tbody and destroys this button — remember the
-        // row position so focus can be handed back to the recreated toggler
-        // (keyboard flow: Tab → toggler, Enter/Space toggles, focus stays put).
         const row = this.el?.nativeElement.closest('tr');
         const tbody = row?.parentElement;
         const rowIndex = row && tbody ? Array.prototype.indexOf.call(tbody.children, row) : -1;
@@ -4741,8 +4753,8 @@ class TreeTableToggler extends BaseComponent {
         }
         event.preventDefault();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TreeTableToggler, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: TreeTableToggler, isStandalone: true, selector: "p-treetabletoggler, p-treetable-toggler", inputs: { rowNode: { classPropertyName: "rowNode", publicName: "rowNode", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TreeTableStyle], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TreeTableToggler, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: TreeTableToggler, isStandalone: true, selector: "p-treetabletoggler, p-treetable-toggler", inputs: { rowNode: { classPropertyName: "rowNode", publicName: "rowNode", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TreeTableStyle], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
         <button
             type="button"
             [class]="cx('toggler')"
@@ -4766,7 +4778,7 @@ class TreeTableToggler extends BaseComponent {
         </button>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: Bind, selector: "[pBind]", inputs: ["pBind"] }, { kind: "directive", type: Ripple, selector: "[pRipple]" }, { kind: "component", type: ChevronDown, selector: "svg[data-p-icon=\"chevron-down\"]" }, { kind: "component", type: ChevronRight, selector: "svg[data-p-icon=\"chevron-right\"]" }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TreeTableToggler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TreeTableToggler, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-treetabletoggler, p-treetable-toggler',
@@ -4802,8 +4814,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
         }], propDecorators: { rowNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowNode", required: false }] }] } });
 
 class TreeTableModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TreeTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: TreeTableModule, imports: [TreeTable,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TreeTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.5", ngImport: i0, type: TreeTableModule, imports: [TreeTable,
             TTBody,
             TTScrollableView,
             TTSortableColumn,
@@ -4835,7 +4847,7 @@ class TreeTableModule {
             TTEditableColumn,
             TreeTableCellEditor,
             Scroller] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TreeTableModule, imports: [TreeTable,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TreeTableModule, imports: [TreeTable,
             TTScrollableView,
             TTSortIcon,
             TTCheckbox,
@@ -4843,7 +4855,7 @@ class TreeTableModule {
             TreeTableToggler,
             Scroller, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TreeTableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TreeTableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [