primeng 22.1.4 → 22.1.5

package/fesm2022/primeng-table.mjs

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, Directive, ElementRef, HostListener, Injectable, InjectionToken, NgModule, ViewEncapsulation, booleanAttribute, computed, contentChild, effect, inject, input, model, numberAttribute, output, signal, untracked, viewChild } from "@angular/core";
-import { style } from "@primeuix/styles/datatable";
+import { style as style$1 } from "@primeuix/styles/datatable";
 import { BaseStyle } from "primeng/base";
 import { Subject } from "rxjs";
 import { NgTemplateOutlet, isPlatformBrowser } from "@angular/common";
@@ -47,8 +47,8 @@ import { MotionModule } from "primeng/motion";
 import * as i4 from "primeng/select";
 import { SelectModule } from "primeng/select";
 export * from "primeng/types/table";
-const style$1 = `
-${style}
+const style = `
+${style$1}
 
 /* For PrimeNG */
 .p-datatable-scrollable-table > .p-datatable-thead {
@@ -276,12 +276,12 @@ const inlineStyles = {
 };
 var TableStyle = class TableStyle extends BaseStyle {
 	name = "datatable";
-	style = style$1;
+	style = style;
 	classes = classes;
 	inlineStyles = inlineStyles;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TableStyle,
 		deps: null,
@@ -289,14 +289,14 @@ var TableStyle = class TableStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TableStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: TableStyle,
 	decorators: [{ type: Injectable }]
@@ -390,7 +390,7 @@ var TableService = class TableService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TableService,
 		deps: [],
@@ -398,14 +398,14 @@ var TableService = class TableService {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TableService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: TableService,
 	decorators: [{ type: Injectable }]
@@ -505,7 +505,7 @@ var TableBody = class TableBody extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TableBody,
 		deps: [],
@@ -513,7 +513,7 @@ var TableBody = class TableBody extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: TableBody,
 		isStandalone: true,
 		selector: "[pTableBody]",
@@ -756,7 +756,7 @@ var TableBody = class TableBody extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: TableBody,
 	decorators: [{
@@ -1377,6 +1377,7 @@ var Table = class Table extends BaseComponent {
 	selectionKeys = {};
 	disabledSelectionKeys = /* @__PURE__ */ new Set();
 	lastResizerHelperX;
+	resizerHelperX;
 	reorderIconWidth;
 	reorderIconHeight;
 	draggedColumn;
@@ -2366,17 +2367,18 @@ var Table = class Table extends BaseComponent {
 		if (!this.$unstyled()) DomHandler.addClass(this.el?.nativeElement, this.pcn("p-unselectable-text"));
 		this.resizeHelperViewChild().nativeElement.style.height = this.el?.nativeElement.offsetHeight + "px";
 		this.resizeHelperViewChild().nativeElement.style.top = "0px";
-		if (event.type == "touchmove") this.resizeHelperViewChild().nativeElement.style.left = event.changedTouches[0].clientX - containerLeft + this.el?.nativeElement.scrollLeft + "px";
-		else this.resizeHelperViewChild().nativeElement.style.left = event.pageX - containerLeft + this.el?.nativeElement.scrollLeft + "px";
+		if (event.type == "touchmove") this.resizerHelperX = event.changedTouches[0].clientX - containerLeft + this.el?.nativeElement.scrollLeft;
+		else this.resizerHelperX = event.pageX - containerLeft + this.el?.nativeElement.scrollLeft;
+		this.resizeHelperViewChild().nativeElement.style.left = this.resizerHelperX + "px";
 		this.resizeHelperViewChild().nativeElement.style.display = "block";
 	}
 	onColumnResizeEnd() {
 		const isRTL = getComputedStyle(this.el?.nativeElement ?? document.documentElement).direction === "rtl";
-		const rawDelta = this.resizeHelperViewChild()?.nativeElement.offsetLeft - this.lastResizerHelperX;
+		const rawDelta = this.resizerHelperX - this.lastResizerHelperX;
 		const delta = isRTL ? -rawDelta : rawDelta;
 		const newColumnWidth = this.resizeColumnElement.offsetWidth + delta;
 		const elementMinWidth = this.resizeColumnElement.style.minWidth.replace(/[^\d.]/g, "");
-		if (newColumnWidth >= (elementMinWidth ? parseFloat(elementMinWidth) : 15)) {
+		if (delta !== 0 && newColumnWidth >= (elementMinWidth ? parseFloat(elementMinWidth) : 15)) {
 			if (this.columnResizeMode() === "fit") {
 				const nextColumnWidth = this.resizeColumnElement.nextElementSibling.offsetWidth - delta;
 				if (newColumnWidth > 15 && nextColumnWidth > 15) this.resizeTableCells(newColumnWidth, nextColumnWidth);
@@ -2626,9 +2628,10 @@ var Table = class Table extends BaseComponent {
 			}
 			if (state.filters) {
 				this.restoringFilter = true;
-				for (const key in state.filters) 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;
-					else state.filters[key]["applyFilter"] = true;
+				for (const key in state.filters) if (Object.prototype.hasOwnProperty.call(state.filters, key)) {
+					const fieldFilter = state.filters[key];
+					const filter = Array.isArray(fieldFilter) ? fieldFilter[0] : fieldFilter;
+					if (filter && !this.isFilterBlank(filter.value)) filter.applyFilter = true;
 				}
 				this.filters = state.filters;
 			}
@@ -2745,7 +2748,7 @@ var Table = class Table extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: Table,
 		deps: [],
@@ -2753,7 +2756,7 @@ var Table = class Table extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: Table,
 		isStandalone: true,
 		selector: "p-table",
@@ -4013,7 +4016,7 @@ var Table = class Table extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: Table,
 	decorators: [{
@@ -5379,7 +5382,7 @@ var FrozenColumn = class FrozenColumn extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: FrozenColumn,
 		deps: [],
@@ -5387,7 +5390,7 @@ var FrozenColumn = class FrozenColumn extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: FrozenColumn,
 		isStandalone: true,
 		selector: "[pFrozenColumn]",
@@ -5415,7 +5418,7 @@ var FrozenColumn = class FrozenColumn extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: FrozenColumn,
 	decorators: [{
@@ -5461,7 +5464,7 @@ var EditableRow = class EditableRow extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: EditableRow,
 		deps: null,
@@ -5469,7 +5472,7 @@ var EditableRow = class EditableRow extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: EditableRow,
 		isStandalone: true,
 		selector: "[pEditableRow]",
@@ -5495,7 +5498,7 @@ var EditableRow = class EditableRow extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: EditableRow,
 	decorators: [{
@@ -5535,7 +5538,7 @@ var ReorderableRowHandle = class ReorderableRowHandle extends BaseComponent {
 	onAfterViewInit() {}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: ReorderableRowHandle,
 		deps: null,
@@ -5543,7 +5546,7 @@ var ReorderableRowHandle = class ReorderableRowHandle extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: ReorderableRowHandle,
 		isStandalone: true,
 		selector: "[pReorderableRowHandle]",
@@ -5556,7 +5559,7 @@ var ReorderableRowHandle = class ReorderableRowHandle extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: ReorderableRowHandle,
 	decorators: [{
@@ -5578,7 +5581,7 @@ var RowGroupHeader = class RowGroupHeader extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: RowGroupHeader,
 		deps: null,
@@ -5586,7 +5589,7 @@ var RowGroupHeader = class RowGroupHeader extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: RowGroupHeader,
 		isStandalone: true,
 		selector: "[pRowGroupHeader]",
@@ -5601,7 +5604,7 @@ var RowGroupHeader = class RowGroupHeader extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: RowGroupHeader,
 	decorators: [{
@@ -5638,7 +5641,7 @@ var RowToggler = class RowToggler extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: RowToggler,
 		deps: null,
@@ -5646,7 +5649,7 @@ var RowToggler = class RowToggler extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: RowToggler,
 		isStandalone: true,
 		selector: "[pRowToggler]",
@@ -5673,7 +5676,7 @@ var RowToggler = class RowToggler extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: RowToggler,
 	decorators: [{
@@ -5750,7 +5753,7 @@ var SortableColumn = class SortableColumn extends BaseComponent {
 		this.sortOrder.set(sortOrder);
 	}
 	onClick(event) {
-		if (this.isEnabled() && !this.isFilterElement(event.target)) {
+		if (this.isEnabled() && !this.isFilterElement(event.target) && !this.isResizerElement(event.target)) {
 			this.updateSortState();
 			this.dataTable.sort({
 				originalEvent: event,
@@ -5769,13 +5772,16 @@ var SortableColumn = class SortableColumn extends BaseComponent {
 	isFilterElement(element) {
 		return this.isFilterElementIconOrButton(element) || this.isFilterElementIconOrButton(element?.parentElement?.parentElement);
 	}
+	isResizerElement(element) {
+		return element?.getAttribute?.("data-pc-column-resizer") === "true";
+	}
 	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.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: SortableColumn,
 		deps: [],
@@ -5783,7 +5789,7 @@ var SortableColumn = class SortableColumn extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: SortableColumn,
 		isStandalone: true,
 		selector: "[pSortableColumn]",
@@ -5823,7 +5829,7 @@ var SortableColumn = class SortableColumn extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: SortableColumn,
 	decorators: [{
@@ -6039,7 +6045,7 @@ var SelectableRow = class SelectableRow extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: SelectableRow,
 		deps: [],
@@ -6047,7 +6053,7 @@ var SelectableRow = class SelectableRow extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: SelectableRow,
 		isStandalone: true,
 		selector: "[pSelectableRow]",
@@ -6093,7 +6099,7 @@ var SelectableRow = class SelectableRow extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: SelectableRow,
 	decorators: [{
@@ -6187,7 +6193,7 @@ var SelectableRowDblClick = class SelectableRowDblClick extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: SelectableRowDblClick,
 		deps: [],
@@ -6195,7 +6201,7 @@ var SelectableRowDblClick = class SelectableRowDblClick extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: SelectableRowDblClick,
 		isStandalone: true,
 		selector: "[pSelectableRowDblClick]",
@@ -6233,7 +6239,7 @@ var SelectableRowDblClick = class SelectableRowDblClick extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: SelectableRowDblClick,
 	decorators: [{
@@ -6316,7 +6322,7 @@ var ContextMenuRow = class ContextMenuRow extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: ContextMenuRow,
 		deps: [],
@@ -6324,7 +6330,7 @@ var ContextMenuRow = class ContextMenuRow extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: ContextMenuRow,
 		isStandalone: true,
 		selector: "[pContextMenuRow]",
@@ -6365,7 +6371,7 @@ var ContextMenuRow = class ContextMenuRow extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: ContextMenuRow,
 	decorators: [{
@@ -6496,7 +6502,7 @@ var ResizableColumn = class ResizableColumn extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: ResizableColumn,
 		deps: null,
@@ -6504,7 +6510,7 @@ var ResizableColumn = class ResizableColumn extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: ResizableColumn,
 		isStandalone: true,
 		selector: "[pResizableColumn]",
@@ -6523,7 +6529,7 @@ var ResizableColumn = class ResizableColumn extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: ResizableColumn,
 	decorators: [{
@@ -6626,7 +6632,7 @@ var ReorderableColumn = class ReorderableColumn extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: ReorderableColumn,
 		deps: null,
@@ -6634,7 +6640,7 @@ var ReorderableColumn = class ReorderableColumn extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: ReorderableColumn,
 		isStandalone: true,
 		selector: "[pReorderableColumn]",
@@ -6656,7 +6662,7 @@ var ReorderableColumn = class ReorderableColumn extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: ReorderableColumn,
 	decorators: [{
@@ -6924,7 +6930,7 @@ var EditableColumn = class EditableColumn extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: EditableColumn,
 		deps: [],
@@ -6932,7 +6938,7 @@ var EditableColumn = class EditableColumn extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: EditableColumn,
 		isStandalone: true,
 		selector: "[pEditableColumn]",
@@ -6994,7 +7000,7 @@ var EditableColumn = class EditableColumn extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: EditableColumn,
 	decorators: [{
@@ -7187,7 +7193,7 @@ var ReorderableRow = class ReorderableRow extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: ReorderableRow,
 		deps: null,
@@ -7195,7 +7201,7 @@ var ReorderableRow = class ReorderableRow extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: ReorderableRow,
 		isStandalone: true,
 		selector: "[pReorderableRow]",
@@ -7223,7 +7229,7 @@ var ReorderableRow = class ReorderableRow extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: ReorderableRow,
 	decorators: [{
@@ -7266,7 +7272,7 @@ var InitEditableRow = class InitEditableRow extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: InitEditableRow,
 		deps: null,
@@ -7274,7 +7280,7 @@ var InitEditableRow = class InitEditableRow extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: InitEditableRow,
 		isStandalone: true,
 		selector: "[pInitEditableRow]",
@@ -7288,7 +7294,7 @@ var InitEditableRow = class InitEditableRow extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: InitEditableRow,
 	decorators: [{
@@ -7315,7 +7321,7 @@ var SaveEditableRow = class SaveEditableRow extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: SaveEditableRow,
 		deps: null,
@@ -7323,7 +7329,7 @@ var SaveEditableRow = class SaveEditableRow extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: SaveEditableRow,
 		isStandalone: true,
 		selector: "[pSaveEditableRow]",
@@ -7338,7 +7344,7 @@ var SaveEditableRow = class SaveEditableRow extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: SaveEditableRow,
 	decorators: [{
@@ -7365,7 +7371,7 @@ var CancelEditableRow = class CancelEditableRow extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: CancelEditableRow,
 		deps: null,
@@ -7373,7 +7379,7 @@ var CancelEditableRow = class CancelEditableRow extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: CancelEditableRow,
 		isStandalone: true,
 		selector: "[pCancelEditableRow]",
@@ -7388,7 +7394,7 @@ var CancelEditableRow = class CancelEditableRow extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: CancelEditableRow,
 	decorators: [{
@@ -7451,7 +7457,7 @@ var SortIcon = class SortIcon extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: SortIcon,
 		deps: [],
@@ -7459,7 +7465,7 @@ var SortIcon = class SortIcon extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: SortIcon,
 		isStandalone: true,
 		selector: "p-sort-icon, p-sorticon",
@@ -7544,7 +7550,7 @@ var SortIcon = class SortIcon extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: SortIcon,
 	decorators: [{
@@ -7612,7 +7618,7 @@ var CellEditor = class CellEditor extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: CellEditor,
 		deps: null,
@@ -7620,7 +7626,7 @@ var CellEditor = class CellEditor extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: CellEditor,
 		isStandalone: true,
 		selector: "p-cell-editor, p-celleditor",
@@ -7661,7 +7667,7 @@ var CellEditor = class CellEditor extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: CellEditor,
 	decorators: [{
@@ -7742,7 +7748,7 @@ var TableRadioButton = class TableRadioButton extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TableRadioButton,
 		deps: [],
@@ -7750,7 +7756,7 @@ var TableRadioButton = class TableRadioButton extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.2.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: TableRadioButton,
 		isStandalone: true,
 		selector: "p-table-radio-button, p-tableradiobutton",
@@ -7810,6 +7816,7 @@ var TableRadioButton = class TableRadioButton extends BaseComponent {
 		template: `<p-radiobutton
         #rb
         [ngModel]="checked()"
+        [ngModelOptions]="{ standalone: true }"
         (ngModelChange)="checked.set($event)"
         [disabled]="disabled()"
         [inputId]="inputId()"
@@ -7876,7 +7883,7 @@ var TableRadioButton = class TableRadioButton extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: TableRadioButton,
 	decorators: [{
@@ -7888,6 +7895,7 @@ i0.ɵɵngDeclareClassMetadata({
 			template: `<p-radiobutton
         #rb
         [ngModel]="checked()"
+        [ngModelOptions]="{ standalone: true }"
         (ngModelChange)="checked.set($event)"
         [disabled]="disabled()"
         [inputId]="inputId()"
@@ -8008,7 +8016,7 @@ var TableCheckbox = class TableCheckbox extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TableCheckbox,
 		deps: [],
@@ -8016,7 +8024,7 @@ var TableCheckbox = class TableCheckbox extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: TableCheckbox,
 		isStandalone: true,
 		selector: "p-table-checkbox, p-tablecheckbox",
@@ -8076,6 +8084,7 @@ var TableCheckbox = class TableCheckbox extends BaseComponent {
 		template: `
         <p-checkbox
             [ngModel]="checked()"
+            [ngModelOptions]="{ standalone: true }"
             (ngModelChange)="checked.set($event)"
             [binary]="true"
             (onChange)="onClick($event)"
@@ -8173,7 +8182,7 @@ var TableCheckbox = class TableCheckbox extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: TableCheckbox,
 	decorators: [{
@@ -8189,6 +8198,7 @@ i0.ɵɵngDeclareClassMetadata({
 			template: `
         <p-checkbox
             [ngModel]="checked()"
+            [ngModelOptions]="{ standalone: true }"
             (ngModelChange)="checked.set($event)"
             [binary]="true"
             (onChange)="onClick($event)"
@@ -8327,7 +8337,7 @@ var TableHeaderCheckbox = class TableHeaderCheckbox extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TableHeaderCheckbox,
 		deps: [],
@@ -8335,7 +8345,7 @@ var TableHeaderCheckbox = class TableHeaderCheckbox extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: TableHeaderCheckbox,
 		isStandalone: true,
 		selector: "p-table-header-checkbox, p-tableheadercheckbox",
@@ -8373,7 +8383,18 @@ var TableHeaderCheckbox = class TableHeaderCheckbox extends BaseComponent {
 		hostDirectives: [{ directive: i1$3.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()">
+        <p-checkbox
+            [pt]="ptm('pcCheckbox')"
+            [(ngModel)]="checked"
+            [ngModelOptions]="{ standalone: true }"
+            (onChange)="onClick($event)"
+            [binary]="true"
+            [disabled]="isDisabled()"
+            [inputId]="inputId()"
+            [name]="name()!"
+            [ariaLabel]="resolvedAriaLabel"
+            [unstyled]="unstyled()"
+        >
             @if (dataTable.headerCheckboxIconTemplate(); as template) {
                 <ng-template #icon>
                     <ng-template *ngTemplateOutlet="template; context: { $implicit: checked }" />
@@ -8455,7 +8476,7 @@ var TableHeaderCheckbox = class TableHeaderCheckbox extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: TableHeaderCheckbox,
 	decorators: [{
@@ -8469,7 +8490,18 @@ i0.ɵɵngDeclareClassMetadata({
 				FormsModule
 			],
 			template: `
-        <p-checkbox [pt]="ptm('pcCheckbox')" [(ngModel)]="checked" (onChange)="onClick($event)" [binary]="true" [disabled]="isDisabled()" [inputId]="inputId()" [name]="name()!" [ariaLabel]="resolvedAriaLabel" [unstyled]="unstyled()">
+        <p-checkbox
+            [pt]="ptm('pcCheckbox')"
+            [(ngModel)]="checked"
+            [ngModelOptions]="{ standalone: true }"
+            (onChange)="onClick($event)"
+            [binary]="true"
+            [disabled]="isDisabled()"
+            [inputId]="inputId()"
+            [name]="name()!"
+            [ariaLabel]="resolvedAriaLabel"
+            [unstyled]="unstyled()"
+        >
             @if (dataTable.headerCheckboxIconTemplate(); as template) {
                 <ng-template #icon>
                     <ng-template *ngTemplateOutlet="template; context: { $implicit: checked }" />
@@ -8605,7 +8637,7 @@ var ColumnFilterFormElement = class ColumnFilterFormElement extends BaseComponen
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: ColumnFilterFormElement,
 		deps: [],
@@ -8613,7 +8645,7 @@ var ColumnFilterFormElement = class ColumnFilterFormElement extends BaseComponen
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: ColumnFilterFormElement,
 		isStandalone: true,
 		selector: "p-column-filter-form-element, p-columnfilterformelement",
@@ -8756,6 +8788,7 @@ var ColumnFilterFormElement = class ColumnFilterFormElement extends BaseComponen
                 @case ('numeric') {
                     <p-input-number
                         [ngModel]="filterConstraint()?.value"
+                        [ngModelOptions]="{ standalone: true }"
                         (ngModelChange)="onModelChange($event)"
                         (onKeyDown)="onNumericInputKeyDown($event)"
                         [showButtons]="showButtons()"
@@ -8776,10 +8809,27 @@ var ColumnFilterFormElement = class ColumnFilterFormElement extends BaseComponen
                     />
                 }
                 @case ('boolean') {
-                    <p-checkbox [pt]="ptm('pcFilterCheckbox')" [indeterminate]="filterConstraint()?.value === null" [binary]="true" [ngModel]="filterConstraint()?.value" (ngModelChange)="onModelChange($event)" [unstyled]="unstyled()" />
+                    <p-checkbox
+                        [pt]="ptm('pcFilterCheckbox')"
+                        [indeterminate]="filterConstraint()?.value === null"
+                        [binary]="true"
+                        [ngModel]="filterConstraint()?.value"
+                        [ngModelOptions]="{ standalone: true }"
+                        (ngModelChange)="onModelChange($event)"
+                        [unstyled]="unstyled()"
+                    />
                 }
                 @case ('date') {
-                    <p-datepicker [pt]="ptm('pcFilterDatePicker')" [ariaLabel]="ariaLabel()" [placeholder]="placeholder()" [ngModel]="filterConstraint()?.value" (ngModelChange)="onModelChange($event)" appendTo="body" [unstyled]="unstyled()" />
+                    <p-datepicker
+                        [pt]="ptm('pcFilterDatePicker')"
+                        [ariaLabel]="ariaLabel()"
+                        [placeholder]="placeholder()"
+                        [ngModel]="filterConstraint()?.value"
+                        [ngModelOptions]="{ standalone: true }"
+                        (ngModelChange)="onModelChange($event)"
+                        appendTo="body"
+                        [unstyled]="unstyled()"
+                    />
                 }
             }
         }
@@ -9011,7 +9061,7 @@ var ColumnFilterFormElement = class ColumnFilterFormElement extends BaseComponen
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: ColumnFilterFormElement,
 	decorators: [{
@@ -9049,6 +9099,7 @@ i0.ɵɵngDeclareClassMetadata({
                 @case ('numeric') {
                     <p-input-number
                         [ngModel]="filterConstraint()?.value"
+                        [ngModelOptions]="{ standalone: true }"
                         (ngModelChange)="onModelChange($event)"
                         (onKeyDown)="onNumericInputKeyDown($event)"
                         [showButtons]="showButtons()"
@@ -9069,10 +9120,27 @@ i0.ɵɵngDeclareClassMetadata({
                     />
                 }
                 @case ('boolean') {
-                    <p-checkbox [pt]="ptm('pcFilterCheckbox')" [indeterminate]="filterConstraint()?.value === null" [binary]="true" [ngModel]="filterConstraint()?.value" (ngModelChange)="onModelChange($event)" [unstyled]="unstyled()" />
+                    <p-checkbox
+                        [pt]="ptm('pcFilterCheckbox')"
+                        [indeterminate]="filterConstraint()?.value === null"
+                        [binary]="true"
+                        [ngModel]="filterConstraint()?.value"
+                        [ngModelOptions]="{ standalone: true }"
+                        (ngModelChange)="onModelChange($event)"
+                        [unstyled]="unstyled()"
+                    />
                 }
                 @case ('date') {
-                    <p-datepicker [pt]="ptm('pcFilterDatePicker')" [ariaLabel]="ariaLabel()" [placeholder]="placeholder()" [ngModel]="filterConstraint()?.value" (ngModelChange)="onModelChange($event)" appendTo="body" [unstyled]="unstyled()" />
+                    <p-datepicker
+                        [pt]="ptm('pcFilterDatePicker')"
+                        [ariaLabel]="ariaLabel()"
+                        [placeholder]="placeholder()"
+                        [ngModel]="filterConstraint()?.value"
+                        [ngModelOptions]="{ standalone: true }"
+                        (ngModelChange)="onModelChange($event)"
+                        appendTo="body"
+                        [unstyled]="unstyled()"
+                    />
                 }
             }
         }
@@ -9719,7 +9787,7 @@ var ColumnFilter = class ColumnFilter extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: ColumnFilter,
 		deps: [],
@@ -9727,7 +9795,7 @@ var ColumnFilter = class ColumnFilter extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: ColumnFilter,
 		isStandalone: true,
 		selector: "p-column-filter, p-columnfilter",
@@ -10091,7 +10159,15 @@ var ColumnFilter = class ColumnFilter extends BaseComponent {
                     } @else {
                         @if (isShowOperator) {
                             <div [class]="cx('filterOperator')" [pBind]="ptm('filterOperator')">
-                                <p-select [options]="operatorOptions" [pt]="ptm('pcFilterOperatorDropdown')" [ngModel]="operator()" (ngModelChange)="onOperatorChange($event)" [class]="cx('pcFilterOperatorDropdown')" [unstyled]="unstyled()" />
+                                <p-select
+                                    [options]="operatorOptions"
+                                    [pt]="ptm('pcFilterOperatorDropdown')"
+                                    [ngModel]="operator()"
+                                    [ngModelOptions]="{ standalone: true }"
+                                    (ngModelChange)="onOperatorChange($event)"
+                                    [class]="cx('pcFilterOperatorDropdown')"
+                                    [unstyled]="unstyled()"
+                                />
                             </div>
                         }
                         <div [class]="cx('filterRuleList')" [pBind]="ptm('filterRuleList')">
@@ -10101,6 +10177,7 @@ var ColumnFilter = class ColumnFilter extends BaseComponent {
                                         <p-select
                                             [options]="matchModes"
                                             [ngModel]="fieldConstraint.matchMode"
+                                            [ngModelOptions]="{ standalone: true }"
                                             (ngModelChange)="onMenuMatchModeChange($event, fieldConstraint)"
                                             [class]="cx('pcFilterConstraintDropdown')"
                                             [pt]="ptm('pcFilterConstraintDropdown')"
@@ -10455,7 +10532,7 @@ var ColumnFilter = class ColumnFilter extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: ColumnFilter,
 	decorators: [{
@@ -10571,7 +10648,15 @@ i0.ɵɵngDeclareClassMetadata({
                     } @else {
                         @if (isShowOperator) {
                             <div [class]="cx('filterOperator')" [pBind]="ptm('filterOperator')">
-                                <p-select [options]="operatorOptions" [pt]="ptm('pcFilterOperatorDropdown')" [ngModel]="operator()" (ngModelChange)="onOperatorChange($event)" [class]="cx('pcFilterOperatorDropdown')" [unstyled]="unstyled()" />
+                                <p-select
+                                    [options]="operatorOptions"
+                                    [pt]="ptm('pcFilterOperatorDropdown')"
+                                    [ngModel]="operator()"
+                                    [ngModelOptions]="{ standalone: true }"
+                                    (ngModelChange)="onOperatorChange($event)"
+                                    [class]="cx('pcFilterOperatorDropdown')"
+                                    [unstyled]="unstyled()"
+                                />
                             </div>
                         }
                         <div [class]="cx('filterRuleList')" [pBind]="ptm('filterRuleList')">
@@ -10581,6 +10666,7 @@ i0.ɵɵngDeclareClassMetadata({
                                         <p-select
                                             [options]="matchModes"
                                             [ngModel]="fieldConstraint.matchMode"
+                                            [ngModelOptions]="{ standalone: true }"
                                             (ngModelChange)="onMenuMatchModeChange($event, fieldConstraint)"
                                             [class]="cx('pcFilterConstraintDropdown')"
                                             [pt]="ptm('pcFilterConstraintDropdown')"
@@ -10995,7 +11081,7 @@ i0.ɵɵngDeclareClassMetadata({
 var TableModule = class TableModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TableModule,
 		deps: [],
@@ -11003,7 +11089,7 @@ var TableModule = class TableModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TableModule,
 		imports: [
@@ -11064,7 +11150,7 @@ var TableModule = class TableModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TableModule,
 		imports: [
@@ -11082,7 +11168,7 @@ var TableModule = class TableModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: TableModule,
 	decorators: [{