primeng 22.1.0 → 22.1.1

package/fesm2022/primeng-table.mjs

@@ -1,12 +1,15 @@
 export * from 'primeng/types/table';
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, input, booleanAttribute, inject, computed, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, numberAttribute, output, signal, model, viewChild, contentChild, untracked, Directive, HostListener, ElementRef, NgModule } from '@angular/core';
+import { Injectable, InjectionToken, input, booleanAttribute, inject, computed, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, numberAttribute, output, signal, model, viewChild, contentChild, untracked, Directive, ElementRef, HostListener, NgModule } from '@angular/core';
 import { style as style$1 } from '@primeuix/styles/datatable';
 import { BaseStyle } from 'primeng/base';
 import { Subject } from 'rxjs';
 import { NgTemplateOutlet, isPlatformBrowser } from '@angular/common';
 import * as i2$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
+import { ArrowDown } from '@primeicons/angular/arrow-down';
+import { ArrowUp } from '@primeicons/angular/arrow-up';
+import { Spinner } from '@primeicons/angular/spinner';
 import { isClickable, setAttribute, getAttribute, find, findSingle, appendChild, addStyle, absolutePosition } from '@primeuix/utils';
 import { OverlayService, FilterService, FilterOperator, FilterMatchMode, TranslationKeys, SharedModule } from 'primeng/api';
 import { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';
@@ -17,9 +20,6 @@ import * as i2 from 'primeng/paginator';
 import { PaginatorModule } from 'primeng/paginator';
 import * as i3 from 'primeng/scroller';
 import { ScrollerModule } from 'primeng/scroller';
-import { ArrowDown } from '@primeicons/angular/arrow-down';
-import { ArrowUp } from '@primeicons/angular/arrow-up';
-import { Spinner } from '@primeicons/angular/spinner';
 import { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primeng/utils';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1$1 from 'primeng/badge';
@@ -294,10 +294,10 @@ class TableStyle extends BaseStyle {
     style = style;
     classes = classes;
     inlineStyles = inlineStyles;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableStyle, decorators: [{
             type: Injectable
         }] });
 /**
@@ -526,6 +526,7 @@ var TableClasses;
     /**
      * Class name of the row editor cancel element
      */
+    // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
     TableClasses["rowEditorCancel"] = "p-datatable-row-editor-cancel";
     /**
      * Class name of the frozen column element
@@ -565,10 +566,10 @@ class TableService {
     onColumnsChange(columns) {
         this.columnsSource.next(columns);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableService, decorators: [{
             type: Injectable
         }] });
 
@@ -602,6 +603,11 @@ class TableBody extends BaseComponent {
             }
         });
     }
+    dataP = computed(() => this.cn({
+        hoverable: this.dataTable.rowHover() || this.dataTable.selectionMode(),
+        frozen: this.frozen()
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dataP" }] : /* istanbul ignore next */ []));
     onAfterViewInit() {
         if (this.frozenRows()) {
             this.updateFrozenRowStickyPosition();
@@ -680,15 +686,8 @@ class TableBody extends BaseComponent {
         const getItemOptions = this.getScrollerOption('getItemOptions');
         return getItemOptions ? getItemOptions(index).index : index;
     }
-    dataP = computed(() => {
-        return this.cn({
-            hoverable: this.dataTable.rowHover() || this.dataTable.selectionMode(),
-            frozen: this.frozen()
-        });
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dataP" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: TableBody, isStandalone: true, selector: "[pTableBody]", inputs: { columns: { classPropertyName: "columns", publicName: "pTableBody", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "pTableBodyTemplate", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, frozen: { classPropertyName: "frozen", publicName: "frozen", isSignal: true, isRequired: false, transformFunction: null }, frozenRows: { classPropertyName: "frozenRows", publicName: "frozenRows", 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: TableBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: TableBody, isStandalone: true, selector: "[pTableBody]", inputs: { columns: { classPropertyName: "columns", publicName: "pTableBody", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "pTableBodyTemplate", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, frozen: { classPropertyName: "frozen", publicName: "frozen", isSignal: true, isRequired: false, transformFunction: null }, frozenRows: { classPropertyName: "frozenRows", publicName: "frozenRows", 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: `
         @if (!dataTable.expandedRowTemplate()) {
             @for (rowData of value(); track dataTable.rowTrackBy()($index, rowData); let rowIndex = $index) {
                 @if (dataTable.groupHeaderTemplate() && !dataTable.virtualScroll() && dataTable.rowGroupMode() === 'subheader' && shouldRenderRowGroupHeader(value(), rowData, getRowIndex(rowIndex))) {
@@ -859,7 +858,7 @@ class TableBody extends BaseComponent {
         }
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableBody, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableBody, decorators: [{
             type: Component,
             args: [{
                     selector: '[pTableBody]',
@@ -1180,6 +1179,7 @@ class Table extends BaseComponent {
      * Selected row with a context menu.
      * @group Props
      */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     contextMenuSelectionInput = input(undefined, { ...(ngDevMode ? { debugName: "contextMenuSelectionInput" } : /* istanbul ignore next */ {}), alias: 'contextMenuSelection' });
     contextMenuSelection;
     /**
@@ -1209,6 +1209,7 @@ class Table 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 ?? index, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "rowTrackBy" }] : /* istanbul ignore next */ []));
     /**
@@ -1243,6 +1244,7 @@ class Table extends BaseComponent {
      * 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' });
     filters = {};
     /**
@@ -1266,12 +1268,14 @@ class Table extends BaseComponent {
      * Map instance to keep the expanded rows where key of the map is the data key of the row.
      * @group Props
      */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     expandedRowKeysInput = input({}, { ...(ngDevMode ? { debugName: "expandedRowKeysInput" } : /* istanbul ignore next */ {}), alias: 'expandedRowKeys' });
     expandedRowKeys = {};
     /**
      * Map instance to keep the rows being edited where key of the map is the data key of the row.
      * @group Props
      */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     editingRowKeysInput = input({}, { ...(ngDevMode ? { debugName: "editingRowKeysInput" } : /* istanbul ignore next */ {}), alias: 'editingRowKeys' });
     _editingRowKeys = signal({}, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_editingRowKeys" }] : /* istanbul ignore next */ []));
@@ -1388,6 +1392,7 @@ class Table extends BaseComponent {
      * Export function.
      * @group Props
      */
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
     exportFunction = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "exportFunction" }] : /* istanbul ignore next */ []));
     /**
@@ -1451,11 +1456,13 @@ class Table extends BaseComponent {
      * An array of objects to display.
      * @group Props
      */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     valueInput = input(undefined, { ...(ngDevMode ? { debugName: "valueInput" } : /* istanbul ignore next */ {}), alias: 'value' });
     /**
      * An array of objects to represent dynamic columns.
      * @group Props
      */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     columnsInput = input(undefined, { ...(ngDevMode ? { debugName: "columnsInput" } : /* istanbul ignore next */ {}), alias: 'columns' });
     /**
      * Index of the first row to be displayed.
@@ -1479,16 +1486,19 @@ class Table extends BaseComponent {
      * 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.
      * @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.
      * @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.
@@ -1500,6 +1510,7 @@ class Table extends BaseComponent {
      * Whether all data is selected.
      * @group Props
      */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     selectAllInput = input(null, { ...(ngDevMode ? { debugName: "selectAllInput" } : /* istanbul ignore next */ {}), alias: 'selectAll' });
     /**
      * Emits when the all of the items selected or unselected.
@@ -1777,14 +1788,11 @@ class Table extends BaseComponent {
             const cols = this.columnsInput();
             untracked(() => {
                 if (cols !== undefined) {
-                    if (!this.isStateful()) {
-                        this.columns = cols;
-                        this.tableService.onColumnsChange(cols);
-                    }
-                    if (this.columns && this.isStateful() && this.reorderableColumns() && !this.columnOrderStateRestored) {
+                    this.columns = cols;
+                    if (this.isStateful() && this.reorderableColumns() && !this.columnOrderStateRestored) {
                         this.restoreColumnOrder();
-                        this.tableService.onColumnsChange(this.columns);
                     }
+                    this.tableService.onColumnsChange(this.columns);
                 }
             });
         });
@@ -1901,6 +1909,8 @@ class Table extends BaseComponent {
             this.editingRowKeys = val ?? {};
         });
     }
+    _initialColWidths;
+    _defaultRows;
     onAfterViewChecked() {
         this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
     }
@@ -1925,8 +1935,6 @@ class Table extends BaseComponent {
     get processedData() {
         return this.filteredValue || this.value || [];
     }
-    _initialColWidths;
-    _defaultRows;
     dataToRender(data) {
         const _data = data || this.processedData;
         if (_data && this.paginator()) {
@@ -2096,9 +2104,7 @@ class Table extends BaseComponent {
                     });
                 }
                 else {
-                    this.value.sort((data1, data2) => {
-                        return this.multisortField(data1, data2, this.multiSortMeta, 0);
-                    });
+                    this.value.sort((data1, data2) => this.multisortField(data1, data2, this.multiSortMeta, 0));
                     this.value = [...this.value];
                 }
                 if (this.hasFilter()) {
@@ -2288,13 +2294,13 @@ class Table extends BaseComponent {
         }
         this.rowTouched = false;
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     handleRowTouchEnd(event) {
         this.rowTouched = true;
     }
     handleRowRightClick(event) {
         if (this.contextMenu()) {
             const rowData = event.rowData;
-            const rowIndex = event.rowIndex;
             const showContextMenu = () => {
                 this.contextMenu().show(event.originalEvent);
                 this.contextMenu().hideCallback = () => {
@@ -2591,7 +2597,7 @@ class Table extends BaseComponent {
             if (!this.hasFilter()) {
                 this.filteredValue = null;
                 if (this.paginator()) {
-                    this.totalRecords.set(this.totalRecords() === 0 && this.value ? this.value.length : this.totalRecords());
+                    this.totalRecords.set(this.value ? this.value.length : 0);
                 }
             }
             else {
@@ -2608,7 +2614,7 @@ class Table extends BaseComponent {
                     let globalMatch = false;
                     let localFiltered = false;
                     for (let prop in this.filters) {
-                        if (this.filters.hasOwnProperty(prop) && prop !== 'global') {
+                        if (Object.prototype.hasOwnProperty.call(this.filters, prop) && prop !== 'global') {
                             localFiltered = true;
                             let filterField = prop;
                             let filterMeta = this.filters[filterField];
@@ -2652,7 +2658,7 @@ class Table extends BaseComponent {
                     this.filteredValue = null;
                 }
                 if (this.paginator()) {
-                    this.totalRecords.set(this.filteredValue ? this.filteredValue.length : this.totalRecords() === 0 && this.value ? this.value.length : (this.totalRecords() ?? 0));
+                    this.totalRecords.set(this.filteredValue ? this.filteredValue.length : this.value ? this.value.length : 0);
                 }
             }
         }
@@ -2682,7 +2688,7 @@ class Table 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;
             }
@@ -2717,7 +2723,7 @@ class Table extends BaseComponent {
             this.onLazyLoad.emit(this.createLazyLoadMetadata());
         }
         else {
-            this.totalRecords.set(this.totalRecords() === 0 && this.value ? this.value.length : (this.totalRecords() ?? 0));
+            this.totalRecords.set(this.value ? this.value.length : 0);
         }
         // Notify subscribers (e.g. ColumnFilter) so the filter icon resets when clearing externally
         this.tableService.onValueChange(this.value);
@@ -2863,7 +2869,9 @@ class Table extends BaseComponent {
         if (!this.documentEditListener) {
             this.documentEditListener = this.renderer.listen(this.document, 'click', (event) => {
                 if (this.editingCell && !this.selfClick && this.isEditingCellValid()) {
-                    !this.$unstyled() && DomHandler.removeClass(this.editingCell, 'p-cell-editing');
+                    if (!this.$unstyled()) {
+                        DomHandler.removeClass(this.editingCell, 'p-cell-editing');
+                    }
                     setAttribute(this.editingCell, 'data-p-cell-editing', 'false');
                     this.editingCell = null;
                     this.onEditComplete.emit({
@@ -2898,13 +2906,15 @@ class Table extends BaseComponent {
     saveRowEdit(rowData, rowElement) {
         if (DomHandler.find(rowElement, '.ng-invalid.ng-dirty').length === 0) {
             let dataKeyValue = String(ObjectUtils.resolveFieldData(rowData, this.dataKey()));
-            const { [dataKeyValue]: removed, ...rest } = this.editingRowKeys;
+            const rest = { ...this.editingRowKeys };
+            delete rest[dataKeyValue];
             this.editingRowKeys = rest;
         }
     }
     cancelRowEdit(rowData) {
         let dataKeyValue = String(ObjectUtils.resolveFieldData(rowData, this.dataKey()));
-        const { [dataKeyValue]: removed, ...rest } = this.editingRowKeys;
+        const rest = { ...this.editingRowKeys };
+        delete rest[dataKeyValue];
         this.editingRowKeys = rest;
     }
     toggleRow(rowData, event) {
@@ -2963,7 +2973,9 @@ class Table extends BaseComponent {
     }
     onColumnResize(event) {
         let containerLeft = DomHandler.getOffset(this.el?.nativeElement).left;
-        !this.$unstyled() && DomHandler.addClass(this.el?.nativeElement, 'p-unselectable-text');
+        if (!this.$unstyled()) {
+            DomHandler.addClass(this.el?.nativeElement, 'p-unselectable-text');
+        }
         this.resizeHelperViewChild().nativeElement.style.height = this.el?.nativeElement.offsetHeight + 'px';
         this.resizeHelperViewChild().nativeElement.style.top = 0 + 'px';
         if (event.type == 'touchmove') {
@@ -3060,6 +3072,7 @@ class Table extends BaseComponent {
             this.reorderIndicatorDownViewChild().nativeElement.style.display = 'none';
         }
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onColumnDragEnd(event) {
         if (this.reorderableColumns() && this.draggedColumn) {
             this.reorderIndicatorUpViewChild().nativeElement.style.display = 'none';
@@ -3147,27 +3160,38 @@ class Table extends BaseComponent {
                 this.droppedRowIndex = index;
                 if (prevRowElement && !this.$unstyled())
                     DomHandler.addClass(prevRowElement, 'p-datatable-dragpoint-bottom');
-                else
-                    !this.$unstyled() && DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
+                else if (!this.$unstyled()) {
+                    DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
+                }
             }
             else {
                 if (prevRowElement && !this.$unstyled())
                     DomHandler.removeClass(prevRowElement, 'p-datatable-dragpoint-bottom');
-                else
-                    !this.$unstyled() && DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
+                else if (!this.$unstyled()) {
+                    DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
+                }
                 this.droppedRowIndex = index + 1;
-                !this.$unstyled() && DomHandler.addClass(rowElement, 'p-datatable-dragpoint-bottom');
+                if (!this.$unstyled()) {
+                    DomHandler.addClass(rowElement, 'p-datatable-dragpoint-bottom');
+                }
             }
         }
     }
     onRowDragLeave(event, rowElement) {
         let prevRowElement = rowElement.previousElementSibling;
         if (prevRowElement) {
-            !this.$unstyled() && DomHandler.removeClass(prevRowElement, 'p-datatable-dragpoint-bottom');
+            if (!this.$unstyled()) {
+                DomHandler.removeClass(prevRowElement, 'p-datatable-dragpoint-bottom');
+            }
+        }
+        if (!this.$unstyled()) {
+            DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-bottom');
+        }
+        if (!this.$unstyled()) {
+            DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-top');
         }
-        !this.$unstyled() && DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-bottom');
-        !this.$unstyled() && DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-top');
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onRowDragEnd(event) {
         this.rowDragging = false;
         this.draggedRowIndex = null;
@@ -3289,7 +3313,7 @@ class Table extends BaseComponent {
                 this.restoringFilter = true;
                 // When restoring with given value, set applyFilter true to fill the filter icon
                 for (const key in state.filters) {
-                    if (state.filters.hasOwnProperty(key) && (state.filters[key]['value'] || state.filters[key][0]['value'])) {
+                    if (Object.prototype.hasOwnProperty.call(state.filters, key) && (state.filters[key]['value'] || state.filters[key][0]['value'])) {
                         if (Array.isArray(state.filters[key])) {
                             state.filters[key][0]['applyFilter'] = true;
                         }
@@ -3432,8 +3456,8 @@ class Table extends BaseComponent {
             empty: this.isEmpty()
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: Table, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: Table, isStandalone: true, selector: "p-table", inputs: { frozenColumns: { classPropertyName: "frozenColumns", publicName: "frozenColumns", isSignal: true, isRequired: false, transformFunction: null }, frozenValue: { classPropertyName: "frozenValue", publicName: "frozenValue", 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 }, paginator: { classPropertyName: "paginator", publicName: "paginator", 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 }, paginatorDropdownScrollHeight: { classPropertyName: "paginatorDropdownScrollHeight", publicName: "paginatorDropdownScrollHeight", 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 }, showJumpToPageInput: { classPropertyName: "showJumpToPageInput", publicName: "showJumpToPageInput", 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 }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selectionPageOnly: { classPropertyName: "selectionPageOnly", publicName: "selectionPageOnly", isSignal: true, isRequired: false, transformFunction: null }, contextMenuSelectionInput: { classPropertyName: "contextMenuSelectionInput", 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 }, rowSelectable: { classPropertyName: "rowSelectable", publicName: "rowSelectable", isSignal: true, isRequired: false, transformFunction: null }, rowTrackBy: { classPropertyName: "rowTrackBy", publicName: "rowTrackBy", 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 }, compareSelectionBy: { classPropertyName: "compareSelectionBy", publicName: "compareSelectionBy", isSignal: true, isRequired: false, transformFunction: null }, csvSeparator: { classPropertyName: "csvSeparator", publicName: "csvSeparator", isSignal: true, isRequired: false, transformFunction: null }, exportFilename: { classPropertyName: "exportFilename", publicName: "exportFilename", 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 }, filterLocale: { classPropertyName: "filterLocale", publicName: "filterLocale", isSignal: true, isRequired: false, transformFunction: null }, expandedRowKeysInput: { classPropertyName: "expandedRowKeysInput", publicName: "expandedRowKeys", isSignal: true, isRequired: false, transformFunction: null }, editingRowKeysInput: { classPropertyName: "editingRowKeysInput", publicName: "editingRowKeys", isSignal: true, isRequired: false, transformFunction: null }, rowExpandMode: { classPropertyName: "rowExpandMode", publicName: "rowExpandMode", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, rowGroupMode: { classPropertyName: "rowGroupMode", publicName: "rowGroupMode", 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 }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", 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 }, 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 }, rowHover: { classPropertyName: "rowHover", publicName: "rowHover", isSignal: true, isRequired: false, transformFunction: null }, customSort: { classPropertyName: "customSort", publicName: "customSort", isSignal: true, isRequired: false, transformFunction: null }, showInitialSortBadge: { classPropertyName: "showInitialSortBadge", publicName: "showInitialSortBadge", isSignal: true, isRequired: false, transformFunction: null }, exportFunction: { classPropertyName: "exportFunction", publicName: "exportFunction", isSignal: true, isRequired: false, transformFunction: null }, exportHeader: { classPropertyName: "exportHeader", publicName: "exportHeader", isSignal: true, isRequired: false, transformFunction: null }, stateKey: { classPropertyName: "stateKey", publicName: "stateKey", isSignal: true, isRequired: false, transformFunction: null }, stateStorage: { classPropertyName: "stateStorage", publicName: "stateStorage", isSignal: true, isRequired: false, transformFunction: null }, editMode: { classPropertyName: "editMode", publicName: "editMode", isSignal: true, isRequired: false, transformFunction: null }, groupRowsBy: { classPropertyName: "groupRowsBy", publicName: "groupRowsBy", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showGridlines: { classPropertyName: "showGridlines", publicName: "showGridlines", isSignal: true, isRequired: false, transformFunction: null }, stripedRows: { classPropertyName: "stripedRows", publicName: "stripedRows", isSignal: true, isRequired: false, transformFunction: null }, groupRowsByOrder: { classPropertyName: "groupRowsByOrder", publicName: "groupRowsByOrder", isSignal: true, isRequired: false, transformFunction: null }, paginatorLocale: { classPropertyName: "paginatorLocale", publicName: "paginatorLocale", isSignal: true, isRequired: false, transformFunction: null }, valueInput: { classPropertyName: "valueInput", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, columnsInput: { classPropertyName: "columnsInput", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", 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 }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, selectAllInput: { classPropertyName: "selectAllInput", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contextMenuSelectionChange: "contextMenuSelectionChange", first: "firstChange", rows: "rowsChange", totalRecords: "totalRecordsChange", selection: "selectionChange", selectAllChange: "selectAllChange", onRowSelect: "onRowSelect", onRowUnselect: "onRowUnselect", onPage: "onPage", onSort: "onSort", onFilter: "onFilter", onLazyLoad: "onLazyLoad", onRowExpand: "onRowExpand", onRowCollapse: "onRowCollapse", onContextMenuSelect: "onContextMenuSelect", onColResize: "onColResize", onColReorder: "onColReorder", onRowReorder: "onRowReorder", onEditInit: "onEditInit", onEditComplete: "onEditComplete", onEditCancel: "onEditCancel", onHeaderCheckboxToggle: "onHeaderCheckboxToggle", sortFunction: "sortFunction", onStateSave: "onStateSave", onStateRestore: "onStateRestore" }, host: { properties: { "class": "cx('root')", "attr.data-p": "dataP" } }, providers: [TableService, TableStyle, { provide: TABLE_INSTANCE, useExisting: Table }, { provide: PARENT_INSTANCE, useExisting: Table }], queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"], isSignal: true }, { propertyName: "headerGroupedTemplate", first: true, predicate: ["headergrouped"], isSignal: true }, { propertyName: "bodyTemplate", first: true, predicate: ["body"], isSignal: true }, { propertyName: "loadingBodyTemplate", first: true, predicate: ["loadingbody"], isSignal: true }, { propertyName: "captionTemplate", first: true, predicate: ["caption"], isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: ["footer"], isSignal: true }, { propertyName: "footerGroupedTemplate", first: true, predicate: ["footergrouped"], isSignal: true }, { propertyName: "summaryTemplate", first: true, predicate: ["summary"], isSignal: true }, { propertyName: "colGroupTemplate", first: true, predicate: ["colgroup"], isSignal: true }, { propertyName: "expandedRowTemplate", first: true, predicate: ["expandedrow"], isSignal: true }, { propertyName: "groupHeaderTemplate", first: true, predicate: ["groupheader"], isSignal: true }, { propertyName: "groupFooterTemplate", first: true, predicate: ["groupfooter"], isSignal: true }, { propertyName: "frozenExpandedRowTemplate", first: true, predicate: ["frozenexpandedrow"], 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: "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: "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: "paginatorDropdownIconTemplate", first: true, predicate: ["paginatordropdownicon"], 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 }], 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: "wrapperViewChild", first: true, predicate: ["wrapper"], descendants: true, isSignal: true }, { propertyName: "tableViewChild", first: true, predicate: ["table"], descendants: true, isSignal: true }, { propertyName: "tableHeaderViewChild", first: true, predicate: ["thead"], descendants: true, isSignal: true }, { propertyName: "tableFooterViewChild", first: true, predicate: ["tfoot"], descendants: true, isSignal: true }, { propertyName: "scroller", first: true, predicate: ["scroller"], 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: Table, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: Table, isStandalone: true, selector: "p-table", inputs: { frozenColumns: { classPropertyName: "frozenColumns", publicName: "frozenColumns", isSignal: true, isRequired: false, transformFunction: null }, frozenValue: { classPropertyName: "frozenValue", publicName: "frozenValue", 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 }, paginator: { classPropertyName: "paginator", publicName: "paginator", 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 }, paginatorDropdownScrollHeight: { classPropertyName: "paginatorDropdownScrollHeight", publicName: "paginatorDropdownScrollHeight", 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 }, showJumpToPageInput: { classPropertyName: "showJumpToPageInput", publicName: "showJumpToPageInput", 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 }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selectionPageOnly: { classPropertyName: "selectionPageOnly", publicName: "selectionPageOnly", isSignal: true, isRequired: false, transformFunction: null }, contextMenuSelectionInput: { classPropertyName: "contextMenuSelectionInput", 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 }, rowSelectable: { classPropertyName: "rowSelectable", publicName: "rowSelectable", isSignal: true, isRequired: false, transformFunction: null }, rowTrackBy: { classPropertyName: "rowTrackBy", publicName: "rowTrackBy", 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 }, compareSelectionBy: { classPropertyName: "compareSelectionBy", publicName: "compareSelectionBy", isSignal: true, isRequired: false, transformFunction: null }, csvSeparator: { classPropertyName: "csvSeparator", publicName: "csvSeparator", isSignal: true, isRequired: false, transformFunction: null }, exportFilename: { classPropertyName: "exportFilename", publicName: "exportFilename", 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 }, filterLocale: { classPropertyName: "filterLocale", publicName: "filterLocale", isSignal: true, isRequired: false, transformFunction: null }, expandedRowKeysInput: { classPropertyName: "expandedRowKeysInput", publicName: "expandedRowKeys", isSignal: true, isRequired: false, transformFunction: null }, editingRowKeysInput: { classPropertyName: "editingRowKeysInput", publicName: "editingRowKeys", isSignal: true, isRequired: false, transformFunction: null }, rowExpandMode: { classPropertyName: "rowExpandMode", publicName: "rowExpandMode", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, rowGroupMode: { classPropertyName: "rowGroupMode", publicName: "rowGroupMode", 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 }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", 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 }, 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 }, rowHover: { classPropertyName: "rowHover", publicName: "rowHover", isSignal: true, isRequired: false, transformFunction: null }, customSort: { classPropertyName: "customSort", publicName: "customSort", isSignal: true, isRequired: false, transformFunction: null }, showInitialSortBadge: { classPropertyName: "showInitialSortBadge", publicName: "showInitialSortBadge", isSignal: true, isRequired: false, transformFunction: null }, exportFunction: { classPropertyName: "exportFunction", publicName: "exportFunction", isSignal: true, isRequired: false, transformFunction: null }, exportHeader: { classPropertyName: "exportHeader", publicName: "exportHeader", isSignal: true, isRequired: false, transformFunction: null }, stateKey: { classPropertyName: "stateKey", publicName: "stateKey", isSignal: true, isRequired: false, transformFunction: null }, stateStorage: { classPropertyName: "stateStorage", publicName: "stateStorage", isSignal: true, isRequired: false, transformFunction: null }, editMode: { classPropertyName: "editMode", publicName: "editMode", isSignal: true, isRequired: false, transformFunction: null }, groupRowsBy: { classPropertyName: "groupRowsBy", publicName: "groupRowsBy", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showGridlines: { classPropertyName: "showGridlines", publicName: "showGridlines", isSignal: true, isRequired: false, transformFunction: null }, stripedRows: { classPropertyName: "stripedRows", publicName: "stripedRows", isSignal: true, isRequired: false, transformFunction: null }, groupRowsByOrder: { classPropertyName: "groupRowsByOrder", publicName: "groupRowsByOrder", isSignal: true, isRequired: false, transformFunction: null }, paginatorLocale: { classPropertyName: "paginatorLocale", publicName: "paginatorLocale", isSignal: true, isRequired: false, transformFunction: null }, valueInput: { classPropertyName: "valueInput", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, columnsInput: { classPropertyName: "columnsInput", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", 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 }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, selectAllInput: { classPropertyName: "selectAllInput", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contextMenuSelectionChange: "contextMenuSelectionChange", first: "firstChange", rows: "rowsChange", totalRecords: "totalRecordsChange", selection: "selectionChange", selectAllChange: "selectAllChange", onRowSelect: "onRowSelect", onRowUnselect: "onRowUnselect", onPage: "onPage", onSort: "onSort", onFilter: "onFilter", onLazyLoad: "onLazyLoad", onRowExpand: "onRowExpand", onRowCollapse: "onRowCollapse", onContextMenuSelect: "onContextMenuSelect", onColResize: "onColResize", onColReorder: "onColReorder", onRowReorder: "onRowReorder", onEditInit: "onEditInit", onEditComplete: "onEditComplete", onEditCancel: "onEditCancel", onHeaderCheckboxToggle: "onHeaderCheckboxToggle", sortFunction: "sortFunction", onStateSave: "onStateSave", onStateRestore: "onStateRestore" }, host: { properties: { "class": "cx('root')", "attr.data-p": "dataP" } }, providers: [TableService, TableStyle, { provide: TABLE_INSTANCE, useExisting: Table }, { provide: PARENT_INSTANCE, useExisting: Table }], queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"], isSignal: true }, { propertyName: "headerGroupedTemplate", first: true, predicate: ["headergrouped"], isSignal: true }, { propertyName: "bodyTemplate", first: true, predicate: ["body"], isSignal: true }, { propertyName: "loadingBodyTemplate", first: true, predicate: ["loadingbody"], isSignal: true }, { propertyName: "captionTemplate", first: true, predicate: ["caption"], isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: ["footer"], isSignal: true }, { propertyName: "footerGroupedTemplate", first: true, predicate: ["footergrouped"], isSignal: true }, { propertyName: "summaryTemplate", first: true, predicate: ["summary"], isSignal: true }, { propertyName: "colGroupTemplate", first: true, predicate: ["colgroup"], isSignal: true }, { propertyName: "expandedRowTemplate", first: true, predicate: ["expandedrow"], isSignal: true }, { propertyName: "groupHeaderTemplate", first: true, predicate: ["groupheader"], isSignal: true }, { propertyName: "groupFooterTemplate", first: true, predicate: ["groupfooter"], isSignal: true }, { propertyName: "frozenExpandedRowTemplate", first: true, predicate: ["frozenexpandedrow"], 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: "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: "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: "paginatorDropdownIconTemplate", first: true, predicate: ["paginatordropdownicon"], 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 }], 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: "wrapperViewChild", first: true, predicate: ["wrapper"], descendants: true, isSignal: true }, { propertyName: "tableViewChild", first: true, predicate: ["table"], descendants: true, isSignal: true }, { propertyName: "tableHeaderViewChild", first: true, predicate: ["thead"], descendants: true, isSignal: true }, { propertyName: "tableFooterViewChild", first: true, predicate: ["tfoot"], descendants: true, isSignal: true }, { propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
         @if (showLoadingMask()) {
             <div [class]="cx('mask')" [pBind]="ptm('mask')" animate.enter="p-overlay-mask-enter-active" animate.leave="p-overlay-mask-leave-active">
                 @if (loadingIcon()) {
@@ -3699,7 +3723,7 @@ class Table extends BaseComponent {
         }
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "ngmodule", type: ScrollerModule }, { kind: "component", type: i3.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: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.Bind, selector: "[pBind]", inputs: ["pBind"] }, { 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: TableBody, selector: "[pTableBody]", inputs: ["pTableBody", "pTableBodyTemplate", "value", "frozen", "frozenRows", "scrollerOptions"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: Table, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: Table, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-table',
@@ -4064,10 +4088,10 @@ class FrozenColumn extends BaseComponent {
             this.resizeObserver.disconnect();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: FrozenColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: FrozenColumn, isStandalone: true, selector: "[pFrozenColumn]", inputs: { frozen: { classPropertyName: "frozen", publicName: "frozen", isSignal: true, isRequired: false, transformFunction: null }, alignFrozen: { classPropertyName: "alignFrozen", publicName: "alignFrozen", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cx(\"frozenColumn\")" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: FrozenColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: FrozenColumn, isStandalone: true, selector: "[pFrozenColumn]", inputs: { frozen: { classPropertyName: "frozen", publicName: "frozen", isSignal: true, isRequired: false, transformFunction: null }, alignFrozen: { classPropertyName: "alignFrozen", publicName: "alignFrozen", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cx(\"frozenColumn\")" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: FrozenColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: FrozenColumn, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pFrozenColumn]',
@@ -4085,10 +4109,10 @@ class EditableRow extends BaseComponent {
     isEnabled() {
         return this.pEditableRowDisabled() !== true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EditableRow, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: EditableRow, isStandalone: true, selector: "[pEditableRow]", inputs: { data: { classPropertyName: "data", publicName: "pEditableRow", isSignal: true, isRequired: false, transformFunction: null }, pEditableRowDisabled: { classPropertyName: "pEditableRowDisabled", publicName: "pEditableRowDisabled", 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: EditableRow, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: EditableRow, isStandalone: true, selector: "[pEditableRow]", inputs: { data: { classPropertyName: "data", publicName: "pEditableRow", isSignal: true, isRequired: false, transformFunction: null }, pEditableRowDisabled: { classPropertyName: "pEditableRowDisabled", publicName: "pEditableRowDisabled", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EditableRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: EditableRow, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pEditableRow]',
@@ -4097,24 +4121,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
         }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "pEditableRow", required: false }] }], pEditableRowDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "pEditableRowDisabled", required: false }] }] } });
 
 class ReorderableRowHandle extends BaseComponent {
-    el;
     hostName = 'Table';
     bindDirectiveInstance = inject(Bind, { self: true });
+    _componentStyle = inject(TableStyle);
+    el = inject(ElementRef);
     onAfterViewChecked() {
         this.bindDirectiveInstance.setAttrs(this.ptm('reorderableRowHandle'));
     }
-    _componentStyle = inject(TableStyle);
-    constructor(el) {
-        super();
-        this.el = el;
-    }
     onAfterViewInit() {
         // DomHandler.addClass(this.el.nativeElement, 'p-datatable-reorderable-row-handle');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ReorderableRowHandle, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: ReorderableRowHandle, isStandalone: true, selector: "[pReorderableRowHandle]", host: { properties: { "class": "cx('reorderableRowHandle')" } }, providers: [TableStyle], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ReorderableRowHandle, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.5", type: ReorderableRowHandle, isStandalone: true, selector: "[pReorderableRowHandle]", host: { properties: { "class": "cx('reorderableRowHandle')" } }, providers: [TableStyle], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ReorderableRowHandle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ReorderableRowHandle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pReorderableRowHandle]',
@@ -4125,7 +4145,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                     providers: [TableStyle],
                     hostDirectives: [Bind]
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+        }] });
 
 class RowGroupHeader extends BaseComponent {
     dataTable = inject(TABLE_INSTANCE);
@@ -4133,10 +4153,10 @@ class RowGroupHeader extends BaseComponent {
     get getFrozenRowGroupHeaderStickyPosition() {
         return this.dataTable.rowGroupHeaderStyleObject ? this.dataTable.rowGroupHeaderStyleObject.top : '';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: RowGroupHeader, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: RowGroupHeader, isStandalone: true, selector: "[pRowGroupHeader]", host: { properties: { "class": "cx(\"rowGroupHeader\")", "style": "sx(\"rowGroupHeader\")" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: RowGroupHeader, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.5", type: RowGroupHeader, isStandalone: true, selector: "[pRowGroupHeader]", host: { properties: { "class": "cx(\"rowGroupHeader\")", "style": "sx(\"rowGroupHeader\")" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: RowGroupHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: RowGroupHeader, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pRowGroupHeader]',
@@ -4162,10 +4182,10 @@ class RowToggler extends BaseComponent {
     isEnabled() {
         return this.pRowTogglerDisabled() !== true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: RowToggler, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: RowToggler, isStandalone: true, selector: "[pRowToggler]", inputs: { data: { classPropertyName: "data", publicName: "pRowToggler", isSignal: true, isRequired: false, transformFunction: null }, pRowTogglerDisabled: { classPropertyName: "pRowTogglerDisabled", publicName: "pRowTogglerDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: RowToggler, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: RowToggler, isStandalone: true, selector: "[pRowToggler]", inputs: { data: { classPropertyName: "data", publicName: "pRowToggler", isSignal: true, isRequired: false, transformFunction: null }, pRowTogglerDisabled: { classPropertyName: "pRowTogglerDisabled", publicName: "pRowTogglerDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: RowToggler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: RowToggler, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pRowToggler]',
@@ -4243,12 +4263,15 @@ class SortableColumn extends BaseComponent {
         return this.isFilterElementIconOrButton(element) || this.isFilterElementIconOrButton(element?.parentElement?.parentElement);
     }
     isFilterElementIconOrButton(element) {
+        if (!element) {
+            return false;
+        }
         return getAttribute(element, '[data-pc-name="pccolumnfilterbutton"]') || getAttribute(element, '[data-pc-section="columnfilterbuttonicon"]');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SortableColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: SortableColumn, isStandalone: true, selector: "[pSortableColumn]", inputs: { field: { classPropertyName: "field", publicName: "pSortableColumn", isSignal: true, isRequired: false, transformFunction: null }, pSortableColumnDisabled: { classPropertyName: "pSortableColumnDisabled", publicName: "pSortableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "columnheader" }, listeners: { "click": "onClick($event)", "keydown.space": "onEnterKey($event)", "keydown.enter": "onEnterKey($event)" }, properties: { "class": "cx('sortableColumn')", "tabindex": "$tabindex()", "attr.aria-sort": "ariaSort()" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SortableColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: SortableColumn, isStandalone: true, selector: "[pSortableColumn]", inputs: { field: { classPropertyName: "field", publicName: "pSortableColumn", isSignal: true, isRequired: false, transformFunction: null }, pSortableColumnDisabled: { classPropertyName: "pSortableColumnDisabled", publicName: "pSortableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "columnheader" }, listeners: { "click": "onClick($event)", "keydown.space": "onEnterKey($event)", "keydown.enter": "onEnterKey($event)" }, properties: { "class": "cx('sortableColumn')", "tabindex": "$tabindex()", "attr.aria-sort": "ariaSort()" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SortableColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SortableColumn, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pSortableColumn]',
@@ -4377,7 +4400,9 @@ class SelectableRow extends BaseComponent {
     }
     onEndKey(event) {
         const lastRow = this.findLastSelectableRow();
-        lastRow && this.focusRowChange(this.el.nativeElement, lastRow);
+        if (lastRow) {
+            this.focusRowChange(this.el.nativeElement, lastRow);
+        }
         if (event.ctrlKey && event.shiftKey) {
             const data = this.dataTable.dataToRender(this.dataTable.rows());
             const lastSelectableRowIndex = DomHandler.getAttribute(lastRow, 'index');
@@ -4389,7 +4414,9 @@ class SelectableRow extends BaseComponent {
     }
     onHomeKey(event) {
         const firstRow = this.findFirstSelectableRow();
-        firstRow && this.focusRowChange(this.el.nativeElement, firstRow);
+        if (firstRow) {
+            this.focusRowChange(this.el.nativeElement, firstRow);
+        }
         if (event.ctrlKey && event.shiftKey) {
             const data = this.dataTable.dataToRender(this.dataTable.rows());
             const firstSelectableRowIndex = DomHandler.getAttribute(firstRow, 'index');
@@ -4466,10 +4493,10 @@ class SelectableRow extends BaseComponent {
     isEnabled() {
         return this.pSelectableRowDisabled() !== true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SelectableRow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: SelectableRow, isStandalone: true, selector: "[pSelectableRow]", inputs: { data: { classPropertyName: "data", publicName: "pSelectableRow", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "pSelectableRowIndex", isSignal: true, isRequired: false, transformFunction: null }, pSelectableRowDisabled: { classPropertyName: "pSelectableRowDisabled", publicName: "pSelectableRowDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)", "touchend": "onTouchEnd($event)", "keydown": "onKeyDown($event)" }, properties: { "class": "cx('selectableRow')", "tabindex": "setRowTabIndex()", "attr.data-p-selectable-row": "true" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SelectableRow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: SelectableRow, isStandalone: true, selector: "[pSelectableRow]", inputs: { data: { classPropertyName: "data", publicName: "pSelectableRow", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "pSelectableRowIndex", isSignal: true, isRequired: false, transformFunction: null }, pSelectableRowDisabled: { classPropertyName: "pSelectableRowDisabled", publicName: "pSelectableRowDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)", "touchend": "onTouchEnd($event)", "keydown": "onKeyDown($event)" }, properties: { "class": "cx('selectableRow')", "tabindex": "setRowTabIndex()", "attr.data-p-selectable-row": "true" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SelectableRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SelectableRow, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pSelectableRow]',
@@ -4494,6 +4521,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 
 class SelectableRowDblClick extends BaseComponent {
     data = input(undefined, { ...(ngDevMode ? { debugName: "data" } : /* istanbul ignore next */ {}), alias: 'pSelectableRowDblClick' });
+    // eslint-disable-next-line @angular-eslint/no-input-rename
     index = input(undefined, { ...(ngDevMode ? { debugName: "index" } : /* istanbul ignore next */ {}), alias: 'pSelectableRowIndex' });
     pSelectableRowDisabled = input(undefined, { ...(ngDevMode ? { debugName: "pSelectableRowDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     selected;
@@ -4525,10 +4553,10 @@ class SelectableRowDblClick extends BaseComponent {
     isEnabled() {
         return this.pSelectableRowDisabled() !== true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SelectableRowDblClick, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: SelectableRowDblClick, isStandalone: true, selector: "[pSelectableRowDblClick]", inputs: { data: { classPropertyName: "data", publicName: "pSelectableRowDblClick", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "pSelectableRowIndex", isSignal: true, isRequired: false, transformFunction: null }, pSelectableRowDisabled: { classPropertyName: "pSelectableRowDisabled", publicName: "pSelectableRowDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "dblclick": "onClick($event)" }, properties: { "class": "cx(\"selectableRow\")" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SelectableRowDblClick, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: SelectableRowDblClick, isStandalone: true, selector: "[pSelectableRowDblClick]", inputs: { data: { classPropertyName: "data", publicName: "pSelectableRowDblClick", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "pSelectableRowIndex", isSignal: true, isRequired: false, transformFunction: null }, pSelectableRowDisabled: { classPropertyName: "pSelectableRowDisabled", publicName: "pSelectableRowDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "dblclick": "onClick($event)" }, properties: { "class": "cx(\"selectableRow\")" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SelectableRowDblClick, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SelectableRowDblClick, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pSelectableRowDblClick]',
@@ -4573,10 +4601,10 @@ class ContextMenuRow extends BaseComponent {
     isEnabled() {
         return this.pContextMenuRowDisabled() !== true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ContextMenuRow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: ContextMenuRow, isStandalone: true, selector: "[pContextMenuRow]", inputs: { data: { classPropertyName: "data", publicName: "pContextMenuRow", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "pContextMenuRowIndex", isSignal: true, isRequired: false, transformFunction: null }, pContextMenuRowDisabled: { classPropertyName: "pContextMenuRowDisabled", publicName: "pContextMenuRowDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "contextmenu": "onContextMenu($event)" }, properties: { "class": "cx(\"contextMenuRowSelected\")", "attr.tabindex": "isEnabled() ? 0 : undefined" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ContextMenuRow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: ContextMenuRow, isStandalone: true, selector: "[pContextMenuRow]", inputs: { data: { classPropertyName: "data", publicName: "pContextMenuRow", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "pContextMenuRowIndex", isSignal: true, isRequired: false, transformFunction: null }, pContextMenuRowDisabled: { classPropertyName: "pContextMenuRowDisabled", publicName: "pContextMenuRowDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "contextmenu": "onContextMenu($event)" }, properties: { "class": "cx(\"contextMenuRowSelected\")", "attr.tabindex": "isEnabled() ? 0 : undefined" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ContextMenuRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ContextMenuRow, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pContextMenuRow]',
@@ -4608,7 +4636,9 @@ class ResizableColumn extends BaseComponent {
             if (this.isEnabled()) {
                 this.resizer = this.renderer.createElement('span');
                 setAttribute(this.resizer, 'data-pc-column-resizer', 'true');
-                !this.$unstyled() && this.renderer.addClass(this.resizer, 'p-datatable-column-resizer');
+                if (!this.$unstyled()) {
+                    this.renderer.addClass(this.resizer, 'p-datatable-column-resizer');
+                }
                 this.renderer.appendChild(this.el.nativeElement, this.resizer);
                 this.resizerMouseDownListener = this.renderer.listen(this.resizer, 'mousedown', this.onMouseDown.bind(this));
                 this.resizerTouchStartListener = this.renderer.listen(this.resizer, 'touchstart', this.onTouchStart.bind(this));
@@ -4653,10 +4683,12 @@ class ResizableColumn extends BaseComponent {
     onDocumentMouseMove(event) {
         this.dataTable.onColumnResize(event);
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onDocumentMouseUp(event) {
         this.dataTable.onColumnResizeEnd();
         this.unbindDocumentEvents();
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onTouchEnd(event) {
         this.dataTable.onColumnResizeEnd();
         this.unbindDocumentEvents();
@@ -4671,10 +4703,10 @@ class ResizableColumn extends BaseComponent {
         }
         this.unbindDocumentEvents();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ResizableColumn, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: ResizableColumn, isStandalone: true, selector: "[pResizableColumn]", inputs: { pResizableColumnDisabled: { classPropertyName: "pResizableColumnDisabled", publicName: "pResizableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cx('resizableColumn')" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ResizableColumn, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: ResizableColumn, isStandalone: true, selector: "[pResizableColumn]", inputs: { pResizableColumnDisabled: { classPropertyName: "pResizableColumnDisabled", publicName: "pResizableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cx('resizableColumn')" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ResizableColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ResizableColumn, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pResizableColumn]',
@@ -4769,10 +4801,10 @@ class ReorderableColumn extends BaseComponent {
     onDestroy() {
         this.unbindEvents();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ReorderableColumn, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: ReorderableColumn, isStandalone: true, selector: "[pReorderableColumn]", inputs: { pReorderableColumnDisabled: { classPropertyName: "pReorderableColumnDisabled", publicName: "pReorderableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "drop": "onDrop($event)" }, properties: { "class": "cx('reorderableColumn')" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ReorderableColumn, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: ReorderableColumn, isStandalone: true, selector: "[pReorderableColumn]", inputs: { pReorderableColumnDisabled: { classPropertyName: "pReorderableColumnDisabled", publicName: "pReorderableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "drop": "onDrop($event)" }, properties: { "class": "cx('reorderableColumn')" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ReorderableColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ReorderableColumn, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pReorderableColumn]',
@@ -4803,8 +4835,6 @@ class EditableColumn extends BaseComponent {
         effect(() => {
             const data = this.data();
             untracked(() => {
-                // only refresh editing state for the cell that is currently being edited;
-                // declaring any cell whose data changes as the editing cell opens its editor
                 if (this.el.nativeElement && this.initialized && this.dataTable.editingCell === this.el.nativeElement) {
                     this.dataTable.updateEditingCell(this.el.nativeElement, data, this.field(), this.rowIndex());
                 }
@@ -4814,7 +4844,9 @@ class EditableColumn extends BaseComponent {
     }
     onAfterViewInit() {
         if (this.isEnabled()) {
-            !this.$unstyled() && DomHandler.addClass(this.el.nativeElement, 'p-editable-column');
+            if (!this.$unstyled()) {
+                DomHandler.addClass(this.el.nativeElement, 'p-editable-column');
+            }
         }
     }
     onClick(event) {
@@ -4837,11 +4869,11 @@ class EditableColumn extends BaseComponent {
     openCell() {
         const editingRow = this.resolveEditingRow();
         const field = this.field();
-        // Snapshot the value before editing so Escape can restore it. Depending on the
-        // binding style, `data()` is either the row object or the cell value itself.
         this.originalCellValue = editingRow && field != null ? editingRow[field] : this.data();
         this.dataTable.updateEditingCell(this.el.nativeElement, this.data(), this.field(), this.rowIndex());
-        !this.$unstyled() && DomHandler.addClass(this.el.nativeElement, 'p-cell-editing');
+        if (!this.$unstyled()) {
+            DomHandler.addClass(this.el.nativeElement, 'p-cell-editing');
+        }
         setAttribute(this.el.nativeElement, 'data-p-cell-editing', 'true');
         this.dataTable.onEditInit.emit({
             field: this.field(),
@@ -4883,7 +4915,9 @@ class EditableColumn extends BaseComponent {
             }
         }
         this.originalCellValue = undefined;
-        !this.$unstyled() && DomHandler.removeClass(this.dataTable.editingCell, 'p-cell-editing');
+        if (!this.$unstyled()) {
+            DomHandler.removeClass(this.dataTable.editingCell, 'p-cell-editing');
+        }
         setAttribute(this.el.nativeElement, 'data-p-cell-editing', 'false');
         this.dataTable.editingCell = null;
         this.dataTable.editingCellData = null;
@@ -5108,10 +5142,10 @@ class EditableColumn extends BaseComponent {
             this.dataTable.overlaySubscription.unsubscribe();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EditableColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: EditableColumn, isStandalone: true, selector: "[pEditableColumn]", inputs: { data: { classPropertyName: "data", publicName: "pEditableColumn", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "pEditableColumnField", isSignal: true, isRequired: false, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "pEditableColumnRowIndex", isSignal: true, isRequired: false, transformFunction: null }, pEditableColumnDisabled: { classPropertyName: "pEditableColumnDisabled", publicName: "pEditableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null }, pFocusCellSelector: { classPropertyName: "pFocusCellSelector", publicName: "pFocusCellSelector", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)", "keydown.enter": "onEnterKeyDown($event)", "keydown.tab": "onShiftKeyDown($event)", "keydown.escape": "onEscapeKeyDown($event)", "keydown.shift.tab": "onShiftKeyDown($event)", "keydown.meta.tab": "onShiftKeyDown($event)", "keydown.arrowdown": "onArrowDown($event)", "keydown.arrowup": "onArrowUp($event)", "keydown.arrowleft": "onArrowLeft($event)", "keydown.arrowright": "onArrowRight($event)" }, properties: { "attr.data-p-editable-column": "true" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: EditableColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: EditableColumn, isStandalone: true, selector: "[pEditableColumn]", inputs: { data: { classPropertyName: "data", publicName: "pEditableColumn", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "pEditableColumnField", isSignal: true, isRequired: false, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "pEditableColumnRowIndex", isSignal: true, isRequired: false, transformFunction: null }, pEditableColumnDisabled: { classPropertyName: "pEditableColumnDisabled", publicName: "pEditableColumnDisabled", isSignal: true, isRequired: false, transformFunction: null }, pFocusCellSelector: { classPropertyName: "pFocusCellSelector", publicName: "pFocusCellSelector", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)", "keydown.enter": "onEnterKeyDown($event)", "keydown.tab": "onShiftKeyDown($event)", "keydown.escape": "onEscapeKeyDown($event)", "keydown.shift.tab": "onShiftKeyDown($event)", "keydown.meta.tab": "onShiftKeyDown($event)", "keydown.arrowdown": "onArrowDown($event)", "keydown.arrowup": "onArrowUp($event)", "keydown.arrowleft": "onArrowLeft($event)", "keydown.arrowright": "onArrowRight($event)" }, properties: { "attr.data-p-editable-column": "true" } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EditableColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: EditableColumn, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pEditableColumn]',
@@ -5158,9 +5192,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 class ReorderableRow extends BaseComponent {
     hostName = 'Table';
     bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptm('reorderableRow'));
-    }
     index = input(undefined, { ...(ngDevMode ? { debugName: "index" } : /* istanbul ignore next */ {}), alias: 'pReorderableRow' });
     pReorderableRowDisabled = input(undefined, { ...(ngDevMode ? { debugName: "pReorderableRowDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     mouseDownListener;
@@ -5170,6 +5201,9 @@ class ReorderableRow extends BaseComponent {
     dragLeaveListener;
     dropListener;
     dataTable = inject(TABLE_INSTANCE);
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptm('reorderableRow'));
+    }
     onAfterViewInit() {
         if (this.isEnabled()) {
             this.el.nativeElement.droppable = true;
@@ -5245,10 +5279,10 @@ class ReorderableRow extends BaseComponent {
     onDestroy() {
         this.unbindEvents();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ReorderableRow, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: ReorderableRow, isStandalone: true, selector: "[pReorderableRow]", inputs: { index: { classPropertyName: "index", publicName: "pReorderableRow", isSignal: true, isRequired: false, transformFunction: null }, pReorderableRowDisabled: { classPropertyName: "pReorderableRowDisabled", publicName: "pReorderableRowDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "drop": "onDrop($event)" } }, usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ReorderableRow, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: ReorderableRow, isStandalone: true, selector: "[pReorderableRow]", inputs: { index: { classPropertyName: "index", publicName: "pReorderableRow", isSignal: true, isRequired: false, transformFunction: null }, pReorderableRowDisabled: { classPropertyName: "pReorderableRowDisabled", publicName: "pReorderableRowDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "drop": "onDrop($event)" } }, usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ReorderableRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ReorderableRow, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pReorderableRow]',
@@ -5267,10 +5301,10 @@ class InitEditableRow extends BaseComponent {
         this.dataTable.initRowEdit(this.editableRow.data());
         event.preventDefault();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: InitEditableRow, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: InitEditableRow, isStandalone: true, selector: "[pInitEditableRow]", host: { listeners: { "click": "onClick($event)" }, classAttribute: "p-datatable-row-editor-init" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: InitEditableRow, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.5", type: InitEditableRow, isStandalone: true, selector: "[pInitEditableRow]", host: { listeners: { "click": "onClick($event)" }, classAttribute: "p-datatable-row-editor-init" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: InitEditableRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: InitEditableRow, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pInitEditableRow]',
@@ -5293,10 +5327,10 @@ class SaveEditableRow extends BaseComponent {
         this.dataTable.saveRowEdit(this.editableRow.data(), this.editableRow.el.nativeElement);
         event.preventDefault();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SaveEditableRow, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: SaveEditableRow, isStandalone: true, selector: "[pSaveEditableRow]", host: { listeners: { "click": "onClick($event)" }, properties: { "class": "cx(\"pcRowEditorSave\")" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SaveEditableRow, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.5", type: SaveEditableRow, isStandalone: true, selector: "[pSaveEditableRow]", host: { listeners: { "click": "onClick($event)" }, properties: { "class": "cx(\"pcRowEditorSave\")" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SaveEditableRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SaveEditableRow, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pSaveEditableRow]',
@@ -5319,10 +5353,10 @@ class CancelEditableRow extends BaseComponent {
         this.dataTable.cancelRowEdit(this.editableRow.data());
         event.preventDefault();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CancelEditableRow, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: CancelEditableRow, isStandalone: true, selector: "[pCancelEditableRow]", host: { listeners: { "click": "onClick($event)" }, properties: { "class": "cx('rowEditorCancel')" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CancelEditableRow, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.5", type: CancelEditableRow, isStandalone: true, selector: "[pCancelEditableRow]", host: { listeners: { "click": "onClick($event)" }, properties: { "class": "cx('rowEditorCancel')" } }, providers: [TableStyle], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CancelEditableRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CancelEditableRow, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pCancelEditableRow]',
@@ -5386,8 +5420,8 @@ class SortIcon extends BaseComponent {
     isMultiSorted() {
         return this.dataTable.sortMode() === 'multiple' && this.getMultiSortMetaIndex() > -1;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SortIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: SortIcon, isStandalone: true, selector: "p-sort-icon, p-sorticon", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TableStyle], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SortIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: SortIcon, isStandalone: true, selector: "p-sort-icon, p-sorticon", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TableStyle], usesInheritance: true, ngImport: i0, template: `
         @if (!dataTable.sortIconTemplate()) {
             @if (sortOrder() === 0) {
                 <svg data-p-icon="sort-alt" [class]="cx('sortableColumnIcon')" />
@@ -5409,7 +5443,7 @@ class SortIcon extends BaseComponent {
         }
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: SortIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: SortIcon, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-sort-icon, p-sorticon',
@@ -5452,8 +5486,8 @@ class CellEditor extends BaseComponent {
         return !!((this.dataTable.editingCell && this.editableColumn && this.dataTable.editingCell === this.editableColumn.el.nativeElement) ||
             (this.editableRow && this.dataTable.editMode() === 'row' && this.dataTable.isRowEditing(this.editableRow.data())));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CellEditor, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: CellEditor, isStandalone: true, selector: "p-cell-editor, p-celleditor", queries: [{ propertyName: "_inputTemplate", first: true, predicate: ["input"], isSignal: true }, { propertyName: "_outputTemplate", first: true, predicate: ["output"], isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CellEditor, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: CellEditor, isStandalone: true, selector: "p-cell-editor, p-celleditor", queries: [{ propertyName: "_inputTemplate", first: true, predicate: ["input"], isSignal: true }, { propertyName: "_outputTemplate", first: true, predicate: ["output"], isSignal: true }], usesInheritance: true, ngImport: i0, template: `
         @if (editing) {
             <ng-container *ngTemplateOutlet="_inputTemplate()"></ng-container>
         }
@@ -5462,7 +5496,7 @@ class CellEditor 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: CellEditor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CellEditor, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-cell-editor, p-celleditor',
@@ -5523,8 +5557,8 @@ class TableRadioButton extends BaseComponent {
         }
         DomHandler.clearSelection();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableRadioButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: TableRadioButton, isStandalone: true, selector: "p-table-radio-button, p-tableradiobutton", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "inputViewChild", first: true, predicate: ["rb"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<p-radiobutton
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableRadioButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.5", type: TableRadioButton, isStandalone: true, selector: "p-table-radio-button, p-tableradiobutton", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "inputViewChild", first: true, predicate: ["rb"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<p-radiobutton
         #rb
         [ngModel]="checked()"
         (ngModelChange)="checked.set($event)"
@@ -5538,7 +5572,7 @@ class TableRadioButton extends BaseComponent {
         [unstyled]="unstyled()"
     /> `, isInline: true, dependencies: [{ kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i1$2.RadioButton, selector: "p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableRadioButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableRadioButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-table-radio-button, p-tableradiobutton',
@@ -5609,8 +5643,8 @@ class TableCheckbox extends BaseComponent {
         }
         DomHandler.clearSelection();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: TableCheckbox, isStandalone: true, selector: "p-table-checkbox, p-tablecheckbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: TableCheckbox, isStandalone: true, selector: "p-table-checkbox, p-tablecheckbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
         <p-checkbox
             [ngModel]="checked()"
             (ngModelChange)="checked.set($event)"
@@ -5631,7 +5665,7 @@ class TableCheckbox extends BaseComponent {
         </p-checkbox>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i1$3.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: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableCheckbox, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-table-checkbox, p-tablecheckbox',
@@ -5665,9 +5699,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 class TableHeaderCheckbox extends BaseComponent {
     hostName = 'Table';
     bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptm('headerCheckbox'));
-    }
     disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     inputId = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "inputId" }] : /* istanbul ignore next */ []));
@@ -5692,6 +5723,9 @@ class TableHeaderCheckbox extends BaseComponent {
             this.checked = this.updateCheckedState();
         });
     }
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptm('headerCheckbox'));
+    }
     onInit() {
         this.checked = this.updateCheckedState();
     }
@@ -5719,8 +5753,8 @@ class TableHeaderCheckbox extends BaseComponent {
             return ObjectUtils.isNotEmpty(selectableVal) && ObjectUtils.isNotEmpty(this.dataTable.selection()) && selectableVal.every(isRowSelected);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableHeaderCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: TableHeaderCheckbox, isStandalone: true, selector: "p-table-header-checkbox, p-tableheadercheckbox", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableHeaderCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: TableHeaderCheckbox, isStandalone: true, selector: "p-table-header-checkbox, p-tableheadercheckbox", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
         <p-checkbox [pt]="ptm('pcCheckbox')" [(ngModel)]="checked" (onChange)="onClick($event)" [binary]="true" [disabled]="isDisabled()" [inputId]="inputId()" [name]="name()!" [ariaLabel]="resolvedAriaLabel" [unstyled]="unstyled()">
             @if (dataTable.headerCheckboxIconTemplate(); as template) {
                 <ng-template #icon>
@@ -5730,7 +5764,7 @@ class TableHeaderCheckbox extends BaseComponent {
         </p-checkbox>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i1$3.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: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableHeaderCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableHeaderCheckbox, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-table-header-checkbox, p-tableheadercheckbox',
@@ -5755,9 +5789,6 @@ class ColumnFilterFormElement extends BaseComponent {
     hostName = 'Table';
     bindDirectiveInstance = inject(Bind, { self: true });
     _componentStyle = inject(TableStyle);
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptm('columnFilterFormElement'));
-    }
     field = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "field" }] : /* istanbul ignore next */ []));
     type = input(/* @ts-ignore */
@@ -5787,6 +5818,8 @@ class ColumnFilterFormElement extends BaseComponent {
     ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
     filterOn = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "filterOn" }] : /* istanbul ignore next */ []));
+    dataTable = inject(TABLE_INSTANCE);
+    colFilter = inject(COLUMN_FILTER_INSTANCE);
     showButtons = computed(() => this.colFilter.showButtons(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "showButtons" }] : /* istanbul ignore next */ []));
     onFilterCallback = ((value) => {
@@ -5817,12 +5850,13 @@ class ColumnFilterFormElement extends BaseComponent {
             showButtons: this.showButtons()
         };
     }
-    dataTable = inject(TABLE_INSTANCE);
-    colFilter = inject(COLUMN_FILTER_INSTANCE);
     constructor() {
         super();
         this.dataTable.tableService.valueSource$.pipe(takeUntilDestroyed()).subscribe(() => this.cd.markForCheck());
     }
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptm('columnFilterFormElement'));
+    }
     onModelChange(value) {
         const constraint = this.filterConstraint();
         if (constraint) {
@@ -5845,8 +5879,8 @@ class ColumnFilterFormElement extends BaseComponent {
             event.preventDefault();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColumnFilterFormElement, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: ColumnFilterFormElement, isStandalone: true, selector: "p-column-filter-form-element, p-columnfilterformelement", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, filterConstraint: { classPropertyName: "filterConstraint", publicName: "filterConstraint", isSignal: true, isRequired: false, transformFunction: null }, filterTemplate: { classPropertyName: "filterTemplate", publicName: "filterTemplate", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, minFractionDigits: { classPropertyName: "minFractionDigits", publicName: "minFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, maxFractionDigits: { classPropertyName: "maxFractionDigits", publicName: "maxFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, localeMatcher: { classPropertyName: "localeMatcher", publicName: "localeMatcher", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, currencyDisplay: { classPropertyName: "currencyDisplay", publicName: "currencyDisplay", isSignal: true, isRequired: false, transformFunction: null }, useGrouping: { classPropertyName: "useGrouping", publicName: "useGrouping", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, filterOn: { classPropertyName: "filterOn", publicName: "filterOn", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TableStyle], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ColumnFilterFormElement, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: ColumnFilterFormElement, isStandalone: true, selector: "p-column-filter-form-element, p-columnfilterformelement", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, filterConstraint: { classPropertyName: "filterConstraint", publicName: "filterConstraint", isSignal: true, isRequired: false, transformFunction: null }, filterTemplate: { classPropertyName: "filterTemplate", publicName: "filterTemplate", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, minFractionDigits: { classPropertyName: "minFractionDigits", publicName: "minFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, maxFractionDigits: { classPropertyName: "maxFractionDigits", publicName: "maxFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, localeMatcher: { classPropertyName: "localeMatcher", publicName: "localeMatcher", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, currencyDisplay: { classPropertyName: "currencyDisplay", publicName: "currencyDisplay", isSignal: true, isRequired: false, transformFunction: null }, useGrouping: { classPropertyName: "useGrouping", publicName: "useGrouping", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, filterOn: { classPropertyName: "filterOn", publicName: "filterOn", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TableStyle], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
         @if (filterTemplate()) {
             <ng-container *ngTemplateOutlet="filterTemplate(); context: filterTemplateContext()" />
         } @else {
@@ -5896,7 +5930,7 @@ class ColumnFilterFormElement extends BaseComponent {
         }
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3$1.InputText, selector: "[pInputText]", inputs: ["hostName", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i4.InputNumber, selector: "p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i1$3.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: DatePickerModule }, { kind: "component", type: i6.DatePicker, selector: "p-datepicker, p-date-picker", inputs: ["iconDisplay", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: BindModule }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColumnFilterFormElement, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ColumnFilterFormElement, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-column-filter-form-element, p-columnfilterformelement',
@@ -5965,16 +5999,6 @@ class ColumnFilter extends BaseComponent {
     hostName = 'Table';
     bindDirectiveInstance = inject(Bind, { self: true });
     _componentStyle = inject(TableStyle);
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptm('columnFilter'));
-    }
-    ptmFilterConstraintOptions(matchMode) {
-        return {
-            context: {
-                highlighted: matchMode && this.isRowMatchModeSelected(matchMode.value)
-            }
-        };
-    }
     /**
      * Property represented by the column.
      * @group Props
@@ -6168,12 +6192,10 @@ class ColumnFilter extends BaseComponent {
     ...(ngDevMode ? [{ debugName: "computedFilterButtonProps" }] : /* istanbul ignore next */ []));
     motionOptions = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "motionOptions" }] : /* istanbul ignore next */ []));
-    computedMotionOptions = computed(() => {
-        return {
-            ...this.ptm('motion'),
-            ...this.motionOptions()
-        };
-    }, /* @ts-ignore */
+    computedMotionOptions = computed(() => ({
+        ...this.ptm('motion'),
+        ...this.motionOptions()
+    }), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "computedMotionOptions" }] : /* istanbul ignore next */ []));
     /**
      * Callback to invoke on overlay is shown.
@@ -6296,6 +6318,16 @@ class ColumnFilter extends BaseComponent {
             this.cd.markForCheck();
         });
     }
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptm('columnFilter'));
+    }
+    ptmFilterConstraintOptions(matchMode) {
+        return {
+            context: {
+                highlighted: matchMode && this.isRowMatchModeSelected(matchMode.value)
+            }
+        };
+    }
     onInit() {
         this.overlayId = UniqueComponentId();
         if (!this.dataTable.filters[this.field()]) {
@@ -6307,12 +6339,10 @@ class ColumnFilter extends BaseComponent {
     generateMatchModeOptions() {
         this.matchModes =
             this.matchModeOptions() ||
-                this.config.filterMatchModeOptions[this.type()]?.map((key) => {
-                    return {
-                        label: this.translate(key),
-                        value: key
-                    };
-                });
+                this.config.filterMatchModeOptions[this.type()]?.map((key) => ({
+                    label: this.translate(key),
+                    value: key
+                }));
     }
     generateOperatorOptions() {
         this.operatorOptions = [
@@ -6356,8 +6386,8 @@ class ColumnFilter extends BaseComponent {
     onRowMatchModeKeyDown(event) {
         let item = event.target;
         switch (event.key) {
-            case 'ArrowDown':
-                var nextItem = this.findNextItem(item);
+            case 'ArrowDown': {
+                const nextItem = this.findNextItem(item);
                 if (nextItem) {
                     item.removeAttribute('tabindex');
                     nextItem.tabIndex = '0';
@@ -6365,8 +6395,9 @@ class ColumnFilter extends BaseComponent {
                 }
                 event.preventDefault();
                 break;
-            case 'ArrowUp':
-                var prevItem = this.findPrevItem(item);
+            }
+            case 'ArrowUp': {
+                const prevItem = this.findPrevItem(item);
                 if (prevItem) {
                     item.removeAttribute('tabindex');
                     prevItem.tabIndex = '0';
@@ -6374,6 +6405,7 @@ class ColumnFilter extends BaseComponent {
                 }
                 event.preventDefault();
                 break;
+            }
         }
     }
     onRowClearItemClick() {
@@ -6539,7 +6571,6 @@ class ColumnFilter extends BaseComponent {
     }
     get hasFilter() {
         if (!Array.isArray(this.fieldConstraints) && this.fieldConstraints?.applyFilter) {
-            // This can only happen when legacy "filter(value: any, field: string, matchMode: string)" is programmatically called or when the table state is restored with filter value (type object)
             delete this.fieldConstraints.applyFilter;
             this.setHasFilter(true);
         }
@@ -6551,7 +6582,6 @@ class ColumnFilter extends BaseComponent {
         if (!this.filterApplied) {
             return false;
         }
-        // Because Table's clearFilterValues method may have been called (which clears all filters, but doesn't update filterApplied), must call setHasFilter to make sure that filterApplied is up to date.
         this.setHasFilter(true);
         return this.filterApplied;
     }
@@ -6589,7 +6619,7 @@ class ColumnFilter extends BaseComponent {
     }
     bindDocumentResizeListener() {
         if (!this.documentResizeListener) {
-            this.documentResizeListener = this.renderer.listen(this.document.defaultView, 'resize', (event) => {
+            this.documentResizeListener = this.renderer.listen(this.document.defaultView, 'resize', () => {
                 if (this.overlayVisible && !DomHandler.isTouchDevice()) {
                     this.hide();
                 }
@@ -6619,13 +6649,6 @@ class ColumnFilter extends BaseComponent {
     }
     hide() {
         this.overlayVisible = false;
-        // Remove this overlay's entry from the ZIndexUtils stack synchronously. When another
-        // column's filter is opened while this one is open, the document mousedown listener
-        // closes this overlay (hide()) *before* the click opens the next one and assigns its
-        // z-index. Deferring the clear to the leave animation (onOverlayAnimationAfterLeave)
-        // let the new overlay stack on top of this stale entry, so the z-index kept growing on
-        // every cross-open (#19602). The inline z-index is kept for the leave animation and
-        // fully cleared in onOverlayAnimationAfterLeave.
         if (this.overlay) {
             ZIndexUtils.revertZIndex(ZIndexUtils.get(this.overlay));
         }
@@ -6659,8 +6682,8 @@ class ColumnFilter extends BaseComponent {
             this.overlaySubscription.unsubscribe();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColumnFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: ColumnFilter, isStandalone: true, selector: "p-column-filter, p-columnfilter", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, showMenu: { classPropertyName: "showMenu", publicName: "showMenu", isSignal: true, isRequired: false, transformFunction: null }, matchMode: { classPropertyName: "matchMode", publicName: "matchMode", isSignal: true, isRequired: false, transformFunction: null }, operator: { classPropertyName: "operator", publicName: "operator", isSignal: true, isRequired: false, transformFunction: null }, showOperator: { classPropertyName: "showOperator", publicName: "showOperator", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, showApplyButton: { classPropertyName: "showApplyButton", publicName: "showApplyButton", isSignal: true, isRequired: false, transformFunction: null }, showMatchModes: { classPropertyName: "showMatchModes", publicName: "showMatchModes", isSignal: true, isRequired: false, transformFunction: null }, showAddButton: { classPropertyName: "showAddButton", publicName: "showAddButton", isSignal: true, isRequired: false, transformFunction: null }, hideOnClear: { classPropertyName: "hideOnClear", publicName: "hideOnClear", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, matchModeOptions: { classPropertyName: "matchModeOptions", publicName: "matchModeOptions", isSignal: true, isRequired: false, transformFunction: null }, maxConstraints: { classPropertyName: "maxConstraints", publicName: "maxConstraints", isSignal: true, isRequired: false, transformFunction: null }, minFractionDigits: { classPropertyName: "minFractionDigits", publicName: "minFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, maxFractionDigits: { classPropertyName: "maxFractionDigits", publicName: "maxFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, localeMatcher: { classPropertyName: "localeMatcher", publicName: "localeMatcher", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, currencyDisplay: { classPropertyName: "currencyDisplay", publicName: "currencyDisplay", isSignal: true, isRequired: false, transformFunction: null }, filterOn: { classPropertyName: "filterOn", publicName: "filterOn", isSignal: true, isRequired: false, transformFunction: null }, useGrouping: { classPropertyName: "useGrouping", publicName: "useGrouping", isSignal: true, isRequired: false, transformFunction: null }, showButtons: { classPropertyName: "showButtons", publicName: "showButtons", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, filterButtonProps: { classPropertyName: "filterButtonProps", publicName: "filterButtonProps", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { operator: "operatorChange", onShow: "onShow", onHide: "onHide" }, providers: [TableStyle, { provide: COLUMN_FILTER_INSTANCE, useExisting: ColumnFilter }], queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"], isSignal: true }, { propertyName: "filterTemplate", first: true, predicate: ["filter"], isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: ["footer"], isSignal: true }, { propertyName: "filterIconTemplate", first: true, predicate: ["filtericon"], isSignal: true }, { propertyName: "removeRuleIconTemplate", first: true, predicate: ["removeruleicon"], isSignal: true }, { propertyName: "addRuleIconTemplate", first: true, predicate: ["addruleicon"], isSignal: true }], viewQueries: [{ propertyName: "icon", first: true, predicate: ["menuButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "clearButtonViewChild", first: true, predicate: ["clearBtn"], 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: ColumnFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: ColumnFilter, isStandalone: true, selector: "p-column-filter, p-columnfilter", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, showMenu: { classPropertyName: "showMenu", publicName: "showMenu", isSignal: true, isRequired: false, transformFunction: null }, matchMode: { classPropertyName: "matchMode", publicName: "matchMode", isSignal: true, isRequired: false, transformFunction: null }, operator: { classPropertyName: "operator", publicName: "operator", isSignal: true, isRequired: false, transformFunction: null }, showOperator: { classPropertyName: "showOperator", publicName: "showOperator", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, showApplyButton: { classPropertyName: "showApplyButton", publicName: "showApplyButton", isSignal: true, isRequired: false, transformFunction: null }, showMatchModes: { classPropertyName: "showMatchModes", publicName: "showMatchModes", isSignal: true, isRequired: false, transformFunction: null }, showAddButton: { classPropertyName: "showAddButton", publicName: "showAddButton", isSignal: true, isRequired: false, transformFunction: null }, hideOnClear: { classPropertyName: "hideOnClear", publicName: "hideOnClear", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, matchModeOptions: { classPropertyName: "matchModeOptions", publicName: "matchModeOptions", isSignal: true, isRequired: false, transformFunction: null }, maxConstraints: { classPropertyName: "maxConstraints", publicName: "maxConstraints", isSignal: true, isRequired: false, transformFunction: null }, minFractionDigits: { classPropertyName: "minFractionDigits", publicName: "minFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, maxFractionDigits: { classPropertyName: "maxFractionDigits", publicName: "maxFractionDigits", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, localeMatcher: { classPropertyName: "localeMatcher", publicName: "localeMatcher", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, currencyDisplay: { classPropertyName: "currencyDisplay", publicName: "currencyDisplay", isSignal: true, isRequired: false, transformFunction: null }, filterOn: { classPropertyName: "filterOn", publicName: "filterOn", isSignal: true, isRequired: false, transformFunction: null }, useGrouping: { classPropertyName: "useGrouping", publicName: "useGrouping", isSignal: true, isRequired: false, transformFunction: null }, showButtons: { classPropertyName: "showButtons", publicName: "showButtons", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, filterButtonProps: { classPropertyName: "filterButtonProps", publicName: "filterButtonProps", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { operator: "operatorChange", onShow: "onShow", onHide: "onHide" }, providers: [TableStyle, { provide: COLUMN_FILTER_INSTANCE, useExisting: ColumnFilter }], queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"], isSignal: true }, { propertyName: "filterTemplate", first: true, predicate: ["filter"], isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: ["footer"], isSignal: true }, { propertyName: "filterIconTemplate", first: true, predicate: ["filtericon"], isSignal: true }, { propertyName: "removeRuleIconTemplate", first: true, predicate: ["removeruleicon"], isSignal: true }, { propertyName: "addRuleIconTemplate", first: true, predicate: ["addruleicon"], isSignal: true }], viewQueries: [{ propertyName: "icon", first: true, predicate: ["menuButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "clearButtonViewChild", first: true, predicate: ["clearBtn"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
         <div [class]="cx('filter')">
             @if (display() === 'row') {
                 <p-column-filter-form-element
@@ -6866,7 +6889,7 @@ class ColumnFilter extends BaseComponent {
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$2.ButtonDirective, selector: "[pButton]", inputs: ["pButton", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "link", "rounded", "fluid", "variant", "iconOnly", "loading", "severity"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i4$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "multiple", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: InputNumberModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "ngmodule", type: DatePickerModule }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.Bind, selector: "[pBind]", inputs: ["pBind"] }, { kind: "ngmodule", type: MotionModule }, { kind: "directive", type: i5.MotionDirective, selector: "[pMotion]", inputs: ["pMotion", "pMotionName", "pMotionType", "pMotionSafe", "pMotionDisabled", "pMotionAppear", "pMotionEnter", "pMotionLeave", "pMotionDuration", "pMotionHideStrategy", "pMotionEnterFromClass", "pMotionEnterToClass", "pMotionEnterActiveClass", "pMotionLeaveFromClass", "pMotionLeaveToClass", "pMotionLeaveActiveClass", "pMotionOptions"], outputs: ["pMotionOnBeforeEnter", "pMotionOnEnter", "pMotionOnAfterEnter", "pMotionOnEnterCancelled", "pMotionOnBeforeLeave", "pMotionOnLeave", "pMotionOnAfterLeave", "pMotionOnLeaveCancelled"] }, { kind: "component", type: Filter, selector: "svg[data-p-icon=\"filter\"]" }, { kind: "component", type: FilterFill, selector: "svg[data-p-icon=\"filter-fill\"]" }, { kind: "component", type: Trash, selector: "svg[data-p-icon=\"trash\"]" }, { kind: "component", type: Plus, selector: "svg[data-p-icon=\"plus\"]" }, { kind: "component", type: ColumnFilterFormElement, selector: "p-column-filter-form-element, p-columnfilterformelement", inputs: ["field", "type", "filterConstraint", "filterTemplate", "placeholder", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping", "ariaLabel", "filterOn"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ColumnFilter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ColumnFilter, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-column-filter, p-columnfilter',
@@ -7084,8 +7107,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
         }], ctorParameters: () => [], propDecorators: { field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], display: [{ type: i0.Input, args: [{ isSignal: true, alias: "display", required: false }] }], showMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMenu", required: false }] }], matchMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "matchMode", required: false }] }], operator: [{ type: i0.Input, args: [{ isSignal: true, alias: "operator", required: false }] }, { type: i0.Output, args: ["operatorChange"] }], showOperator: [{ type: i0.Input, args: [{ isSignal: true, alias: "showOperator", required: false }] }], showClearButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearButton", required: false }] }], showApplyButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showApplyButton", required: false }] }], showMatchModes: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMatchModes", required: false }] }], showAddButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAddButton", required: false }] }], hideOnClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideOnClear", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], matchModeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "matchModeOptions", required: false }] }], maxConstraints: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxConstraints", required: false }] }], minFractionDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "minFractionDigits", required: false }] }], maxFractionDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFractionDigits", required: false }] }], prefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefix", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], localeMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "localeMatcher", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], currencyDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyDisplay", required: false }] }], filterOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterOn", required: false }] }], useGrouping: [{ type: i0.Input, args: [{ isSignal: true, alias: "useGrouping", required: false }] }], showButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "showButtons", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], filterButtonProps: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterButtonProps", required: false }] }], motionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionOptions", required: false }] }], onShow: [{ type: i0.Output, args: ["onShow"] }], onHide: [{ type: i0.Output, args: ["onHide"] }], icon: [{ type: i0.ViewChild, args: ['menuButton', { ...{ read: ElementRef }, isSignal: true }] }], clearButtonViewChild: [{ type: i0.ViewChild, args: ['clearBtn', { isSignal: true }] }], headerTemplate: [{ type: i0.ContentChild, args: ['header', { ...{ descendants: false }, isSignal: true }] }], filterTemplate: [{ type: i0.ContentChild, args: ['filter', { ...{ descendants: false }, isSignal: true }] }], footerTemplate: [{ type: i0.ContentChild, args: ['footer', { ...{ descendants: false }, isSignal: true }] }], filterIconTemplate: [{ type: i0.ContentChild, args: ['filtericon', { ...{ descendants: false }, isSignal: true }] }], removeRuleIconTemplate: [{ type: i0.ContentChild, args: ['removeruleicon', { ...{ descendants: false }, isSignal: true }] }], addRuleIconTemplate: [{ type: i0.ContentChild, args: ['addruleicon', { ...{ descendants: false }, isSignal: true }] }] } });
 
 class TableModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: TableModule, imports: [Table,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.5", ngImport: i0, type: TableModule, imports: [Table,
             TableBody,
             SortableColumn,
             FrozenColumn,
@@ -7135,7 +7158,7 @@ class TableModule {
             ColumnFilter,
             ColumnFilterFormElement,
             ScrollerModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableModule, imports: [Table,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableModule, imports: [Table,
             SortIcon,
             TableRadioButton,
             TableCheckbox,
@@ -7144,7 +7167,7 @@ class TableModule {
             ColumnFilterFormElement, SharedModule,
             ScrollerModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: TableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: TableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [