primeng 22.1.2 → 22.1.3

package/fesm2022/primeng-treetable.mjs

@@ -564,7 +564,7 @@ const classes = {
 	mask: "p-treetable-mask p-overlay-mask",
 	loadingIcon: "p-treetable-loading-icon",
 	header: "p-treetable-header",
-	pcPaginator: ({ instance }) => ["p-treetable-paginator-" + instance.paginatorPosition(), instance.paginatorStyleClass()],
+	pcPaginator: ({ instance }) => "p-treetable-paginator-" + instance.paginatorPosition(),
 	tableContainer: "p-treetable-table-container",
 	table: ({ instance }) => {
 		const scrollable = instance.scrollable();
@@ -623,7 +623,7 @@ var TreeTableStyle = class TreeTableStyle extends BaseStyle {
 	inlineStyles = inlineStyles;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TreeTableStyle,
 		deps: null,
@@ -631,14 +631,14 @@ var TreeTableStyle = class TreeTableStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TreeTableStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TreeTableStyle,
 	decorators: [{ type: Injectable }]
@@ -711,7 +711,7 @@ var TreeTableService = class TreeTableService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TreeTableService,
 		deps: [],
@@ -719,14 +719,14 @@ var TreeTableService = class TreeTableService {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TreeTableService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TreeTableService,
 	decorators: [{ type: Injectable }]
@@ -784,7 +784,7 @@ var TTBody = class TTBody extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TTBody,
 		deps: [],
@@ -792,7 +792,7 @@ var TTBody = class TTBody extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TTBody,
 		isStandalone: true,
 		selector: "[pTreeTableBody]",
@@ -862,7 +862,7 @@ var TTBody = class TTBody extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TTBody,
 	decorators: [{
@@ -979,7 +979,7 @@ var TTScrollableView = class TTScrollableView extends BaseComponent {
 	onAfterViewInit() {
 		if (isPlatformBrowser(this.platformId)) {
 			if (!this.frozen()) {
-				if (this.tt.frozenColumns() || this.tt.frozenBodyTemplate()) addClass(this.el.nativeElement, "p-treetable-unfrozen-view");
+				if (this.tt.frozenColumns() || this.tt.frozenBodyTemplate()) addClass(this.el.nativeElement, this.pcn("p-treetable-unfrozen-view"));
 				let frozenView = this.el.nativeElement.previousElementSibling;
 				if (frozenView) {
 					if (this.tt.virtualScroll()) this.frozenSiblingBody = findSingle(frozenView, "[data-pc-name=\"virtualscroller\"]");
@@ -1076,7 +1076,7 @@ var TTScrollableView = class TTScrollableView extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TTScrollableView,
 		deps: [],
@@ -1084,7 +1084,7 @@ var TTScrollableView = class TTScrollableView extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TTScrollableView,
 		isStandalone: true,
 		selector: "[ttScrollableView]",
@@ -1317,7 +1317,7 @@ var TTScrollableView = class TTScrollableView extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TTScrollableView,
 	decorators: [{
@@ -1738,6 +1738,8 @@ var TreeTable = class TreeTable extends BaseComponent {
 		...ngDevMode ? { debugName: "togglerIconTemplate" } : /* istanbul ignore next */ {},
 		descendants: false
 	});
+	$togglerIconTemplate = signal(void 0, ...ngDevMode ? [{ debugName: "$togglerIconTemplate" }] : /* istanbul ignore next */ []);
+	$checkboxIconTemplate = signal(void 0, ...ngDevMode ? [{ debugName: "$checkboxIconTemplate" }] : /* istanbul ignore next */ []);
 	paginatorFirstPageLinkIconTemplate = contentChild("paginatorfirstpagelinkicon", {
 		...ngDevMode ? { debugName: "paginatorFirstPageLinkIconTemplate" } : /* istanbul ignore next */ {},
 		descendants: false
@@ -1904,6 +1906,10 @@ var TreeTable = class TreeTable extends BaseComponent {
 			});
 		});
 	}
+	onAfterContentChecked() {
+		this.$togglerIconTemplate.set(this.togglerIconTemplate());
+		this.$checkboxIconTemplate.set(this.checkboxIconTemplate());
+	}
 	onAfterViewChecked() {
 		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
 	}
@@ -2770,7 +2776,7 @@ var TreeTable = class TreeTable extends BaseComponent {
 	bindDocumentEditListener() {
 		if (!this.documentEditListener) this.documentEditListener = this.renderer.listen(this.document, "click", () => {
 			if (this.editingCell && !this.editingCellClick && this.isEditingCellValid()) {
-				if (!this.$unstyled()) removeClass(this.editingCell, "p-cell-editing");
+				if (!this.$unstyled()) removeClass(this.editingCell, this.pcn("p-cell-editing"));
 				this.editingCell = null;
 				this.onEditComplete.emit({
 					field: this.editingCellField,
@@ -2798,7 +2804,7 @@ var TreeTable = class TreeTable extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TreeTable,
 		deps: [],
@@ -2806,7 +2812,7 @@ var TreeTable = class TreeTable extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TreeTable,
 		isStandalone: true,
 		selector: "p-treetable, p-tree-table",
@@ -3265,7 +3271,7 @@ var TreeTable = class TreeTable extends BaseComponent {
 		host: { properties: {
 			"class": "cx('root')",
 			"attr.data-p": "dataP()",
-			"attr.data-scrollselectors": "'.p-treetable-scrollable-body'"
+			"attr.data-scrollselectors": "psel('.p-treetable-scrollable-body')"
 		} },
 		providers: [
 			TreeTableService,
@@ -3486,7 +3492,7 @@ var TreeTable = class TreeTable extends BaseComponent {
 		ngImport: i0,
 		template: `
         @if (showLoadingMask()) {
-            <div [pBind]="ptm('mask')" [class]="cx('mask')" animate.enter="p-overlay-mask-enter-active" animate.leave="p-overlay-mask-leave-active">
+            <div [pBind]="ptm('mask')" [class]="cx('mask')" [animate.enter]="pcn('p-overlay-mask-enter-active')" [animate.leave]="pcn('p-overlay-mask-leave-active')">
                 @if (loadingIcon()) {
                     <i [class]="cn(cx('loadingIcon'), 'pi-spin' + loadingIcon())"></i>
                 }
@@ -3514,7 +3520,7 @@ var TreeTable = class TreeTable extends BaseComponent {
                 [first]="first"
                 [totalRecords]="totalRecords"
                 [pageLinkSize]="pageLinks()"
-                [class]="cx('pcPaginator')"
+                [class]="cn(cx('pcPaginator'), paginatorStyleClass())"
                 [alwaysShow]="alwaysShowPaginator()"
                 (onPageChange)="onPageChange($event)"
                 [rowsPerPageOptions]="rowsPerPageOptions()"
@@ -3605,7 +3611,7 @@ var TreeTable = class TreeTable extends BaseComponent {
                 [first]="first"
                 [totalRecords]="totalRecords"
                 [pageLinkSize]="pageLinks()"
-                [class]="cx('pcPaginator')"
+                [class]="cn(cx('pcPaginator'), paginatorStyleClass())"
                 [alwaysShow]="alwaysShowPaginator()"
                 (onPageChange)="onPageChange($event)"
                 [rowsPerPageOptions]="rowsPerPageOptions()"
@@ -3766,7 +3772,7 @@ var TreeTable = class TreeTable extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TreeTable,
 	decorators: [{
@@ -3786,7 +3792,7 @@ i0.ɵɵngDeclareClassMetadata({
 			],
 			template: `
         @if (showLoadingMask()) {
-            <div [pBind]="ptm('mask')" [class]="cx('mask')" animate.enter="p-overlay-mask-enter-active" animate.leave="p-overlay-mask-leave-active">
+            <div [pBind]="ptm('mask')" [class]="cx('mask')" [animate.enter]="pcn('p-overlay-mask-enter-active')" [animate.leave]="pcn('p-overlay-mask-leave-active')">
                 @if (loadingIcon()) {
                     <i [class]="cn(cx('loadingIcon'), 'pi-spin' + loadingIcon())"></i>
                 }
@@ -3814,7 +3820,7 @@ i0.ɵɵngDeclareClassMetadata({
                 [first]="first"
                 [totalRecords]="totalRecords"
                 [pageLinkSize]="pageLinks()"
-                [class]="cx('pcPaginator')"
+                [class]="cn(cx('pcPaginator'), paginatorStyleClass())"
                 [alwaysShow]="alwaysShowPaginator()"
                 (onPageChange)="onPageChange($event)"
                 [rowsPerPageOptions]="rowsPerPageOptions()"
@@ -3905,7 +3911,7 @@ i0.ɵɵngDeclareClassMetadata({
                 [first]="first"
                 [totalRecords]="totalRecords"
                 [pageLinkSize]="pageLinks()"
-                [class]="cx('pcPaginator')"
+                [class]="cn(cx('pcPaginator'), paginatorStyleClass())"
                 [alwaysShow]="alwaysShowPaginator()"
                 (onPageChange)="onPageChange($event)"
                 [rowsPerPageOptions]="rowsPerPageOptions()"
@@ -3986,7 +3992,7 @@ i0.ɵɵngDeclareClassMetadata({
 			host: {
 				"[class]": "cx('root')",
 				"[attr.data-p]": "dataP()",
-				"[attr.data-scrollselectors]": "'.p-treetable-scrollable-body'"
+				"[attr.data-scrollselectors]": "psel('.p-treetable-scrollable-body')"
 			},
 			hostDirectives: [Bind]
 		}]
@@ -4827,7 +4833,7 @@ var TTSortableColumn = class TTSortableColumn extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TTSortableColumn,
 		deps: [],
@@ -4835,7 +4841,7 @@ var TTSortableColumn = class TTSortableColumn extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TTSortableColumn,
 		isStandalone: true,
 		selector: "[ttSortableColumn]",
@@ -4875,7 +4881,7 @@ var TTSortableColumn = class TTSortableColumn extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TTSortableColumn,
 	decorators: [{
@@ -4967,7 +4973,7 @@ var TTSortIcon = class TTSortIcon extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TTSortIcon,
 		deps: [],
@@ -4975,7 +4981,7 @@ var TTSortIcon = class TTSortIcon extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TTSortIcon,
 		isStandalone: true,
 		selector: "p-treetable-sort-icon, p-tree-table-sort-icon",
@@ -5082,7 +5088,7 @@ var TTSortIcon = class TTSortIcon extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TTSortIcon,
 	decorators: [{
@@ -5166,9 +5172,9 @@ var TTResizableColumn = class TTResizableColumn extends BaseComponent {
 	onAfterViewInit() {
 		if (isPlatformBrowser(this.platformId)) {
 			if (this.isEnabled()) {
-				addClass(this.el.nativeElement, "p-resizable-column");
+				addClass(this.el.nativeElement, this.pcn("p-resizable-column"));
 				this.resizer = this.renderer.createElement("span");
-				if (!this.$unstyled()) this.renderer.addClass(this.resizer, "p-column-resizer");
+				if (!this.$unstyled()) this.renderer.addClass(this.resizer, this.pcn("p-column-resizer"));
 				this.resizer.setAttribute("data-pc-section", "columnresizer");
 				this.renderer.appendChild(this.el.nativeElement, this.resizer);
 				this.resizerMouseDownListener = this.renderer.listen(this.resizer, "mousedown", this.onMouseDown.bind(this));
@@ -5212,7 +5218,7 @@ var TTResizableColumn = class TTResizableColumn extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TTResizableColumn,
 		deps: null,
@@ -5220,7 +5226,7 @@ var TTResizableColumn = class TTResizableColumn extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TTResizableColumn,
 		isStandalone: true,
 		selector: "[ttResizableColumn]",
@@ -5237,7 +5243,7 @@ var TTResizableColumn = class TTResizableColumn extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TTResizableColumn,
 	decorators: [{
@@ -5327,7 +5333,7 @@ var TTReorderableColumn = class TTReorderableColumn extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TTReorderableColumn,
 		deps: null,
@@ -5335,7 +5341,7 @@ var TTReorderableColumn = class TTReorderableColumn extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TTReorderableColumn,
 		isStandalone: true,
 		selector: "[ttReorderableColumn]",
@@ -5353,7 +5359,7 @@ var TTReorderableColumn = class TTReorderableColumn extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TTReorderableColumn,
 	decorators: [{
@@ -5442,7 +5448,7 @@ var TTSelectableRow = class TTSelectableRow extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TTSelectableRow,
 		deps: [],
@@ -5450,7 +5456,7 @@ var TTSelectableRow = class TTSelectableRow extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TTSelectableRow,
 		isStandalone: true,
 		selector: "[ttSelectableRow]",
@@ -5489,7 +5495,7 @@ var TTSelectableRow = class TTSelectableRow extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TTSelectableRow,
 	decorators: [{
@@ -5569,7 +5575,7 @@ var TTSelectableRowDblClick = class TTSelectableRowDblClick extends BaseComponen
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TTSelectableRowDblClick,
 		deps: [],
@@ -5577,7 +5583,7 @@ var TTSelectableRowDblClick = class TTSelectableRowDblClick extends BaseComponen
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TTSelectableRowDblClick,
 		isStandalone: true,
 		selector: "[ttSelectableRowDblClick]",
@@ -5608,7 +5614,7 @@ var TTSelectableRowDblClick = class TTSelectableRowDblClick extends BaseComponen
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TTSelectableRowDblClick,
 	decorators: [{
@@ -5680,7 +5686,7 @@ var TTContextMenuRow = class TTContextMenuRow extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TTContextMenuRow,
 		deps: [],
@@ -5688,7 +5694,7 @@ var TTContextMenuRow = class TTContextMenuRow extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TTContextMenuRow,
 		isStandalone: true,
 		selector: "[ttContextMenuRow]",
@@ -5722,7 +5728,7 @@ var TTContextMenuRow = class TTContextMenuRow extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TTContextMenuRow,
 	decorators: [{
@@ -5814,7 +5820,7 @@ var TTCheckbox = class TTCheckbox extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TTCheckbox,
 		deps: [],
@@ -5822,7 +5828,7 @@ var TTCheckbox = class TTCheckbox extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TTCheckbox,
 		isStandalone: true,
 		selector: "p-treetable-checkbox, p-tree-table-checkbox",
@@ -5847,9 +5853,9 @@ var TTCheckbox = class TTCheckbox extends BaseComponent {
 		ngImport: i0,
 		template: `
         <p-checkbox [ngModel]="checked()" [pt]="ptm('pcRowCheckbox')" (onChange)="onClick($event)" [binary]="true" [disabled]="disabled()" [indeterminate]="partialChecked()" [class]="cx('pcNodeCheckbox')" [tabIndex]="-1" [unstyled]="unstyled()">
-            @if (tt.checkboxIconTemplate()) {
+            @if (tt.$checkboxIconTemplate()) {
                 <ng-template #icon>
-                    <ng-template *ngTemplateOutlet="tt.checkboxIconTemplate(); context: { $implicit: checked(), partialSelected: partialChecked() }"></ng-template>
+                    <ng-template *ngTemplateOutlet="tt.$checkboxIconTemplate(); context: { $implicit: checked(), partialSelected: partialChecked() }"></ng-template>
                 </ng-template>
             }
         </p-checkbox>
@@ -5928,7 +5934,7 @@ var TTCheckbox = class TTCheckbox extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TTCheckbox,
 	decorators: [{
@@ -5944,9 +5950,9 @@ i0.ɵɵngDeclareClassMetadata({
 			],
 			template: `
         <p-checkbox [ngModel]="checked()" [pt]="ptm('pcRowCheckbox')" (onChange)="onClick($event)" [binary]="true" [disabled]="disabled()" [indeterminate]="partialChecked()" [class]="cx('pcNodeCheckbox')" [tabIndex]="-1" [unstyled]="unstyled()">
-            @if (tt.checkboxIconTemplate()) {
+            @if (tt.$checkboxIconTemplate()) {
                 <ng-template #icon>
-                    <ng-template *ngTemplateOutlet="tt.checkboxIconTemplate(); context: { $implicit: checked(), partialSelected: partialChecked() }"></ng-template>
+                    <ng-template *ngTemplateOutlet="tt.$checkboxIconTemplate(); context: { $implicit: checked(), partialSelected: partialChecked() }"></ng-template>
                 </ng-template>
             }
         </p-checkbox>
@@ -6017,7 +6023,7 @@ var TTHeaderCheckbox = class TTHeaderCheckbox extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TTHeaderCheckbox,
 		deps: [],
@@ -6025,7 +6031,7 @@ var TTHeaderCheckbox = class TTHeaderCheckbox extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TTHeaderCheckbox,
 		isStandalone: true,
 		selector: "p-treetableheadercheckbox, p-treetable-header-checkbox",
@@ -6114,7 +6120,7 @@ var TTHeaderCheckbox = class TTHeaderCheckbox extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TTHeaderCheckbox,
 	decorators: [{
@@ -6160,7 +6166,7 @@ var TTEditableColumn = class TTEditableColumn extends BaseComponent {
 	suppressFocusOpen = false;
 	onAfterViewInit() {
 		if (this.isEnabled()) {
-			if (!this.$unstyled()) addClass(this.el.nativeElement, "p-editable-column");
+			if (!this.$unstyled()) addClass(this.el.nativeElement, this.pcn("p-editable-column"));
 			this.el?.nativeElement.setAttribute("data-p-editable-column", "true");
 		}
 	}
@@ -6178,7 +6184,7 @@ var TTEditableColumn = class TTEditableColumn extends BaseComponent {
 			if (this.tt.editingCell !== this.el.nativeElement) {
 				if (!this.tt.isEditingCellValid()) return;
 				if (this.tt.editingCell) {
-					if (!this.$unstyled()) removeClass(this.tt.editingCell, "p-cell-editing");
+					if (!this.$unstyled()) removeClass(this.tt.editingCell, this.pcn("p-cell-editing"));
 					this.tt.editingCell.setAttribute("data-p-cell-editing", "false");
 				}
 				this.openCell();
@@ -6187,7 +6193,7 @@ var TTEditableColumn = class TTEditableColumn extends BaseComponent {
 	}
 	openCell() {
 		this.tt.updateEditingCell(this.el.nativeElement, this.data(), this.field());
-		if (!this.$unstyled()) addClass(this.el.nativeElement, "p-cell-editing");
+		if (!this.$unstyled()) addClass(this.el.nativeElement, this.pcn("p-cell-editing"));
 		this.el?.nativeElement.setAttribute("data-p-cell-editing", "true");
 		this.tt.onEditInit.emit({
 			field: this.field(),
@@ -6200,7 +6206,7 @@ var TTEditableColumn = class TTEditableColumn extends BaseComponent {
 		}, 50);
 	}
 	closeEditingCell() {
-		if (this.tt.editingCell && !this.$unstyled()) removeClass(this.tt.editingCell, "p-cell-editing");
+		if (this.tt.editingCell && !this.$unstyled()) removeClass(this.tt.editingCell, this.pcn("p-cell-editing"));
 		this.tt.editingCell = null;
 		this.tt.unbindDocumentEditListener();
 	}
@@ -6222,7 +6228,7 @@ var TTEditableColumn = class TTEditableColumn extends BaseComponent {
 			if (event.keyCode == 13 && !event.shiftKey) {
 				if (this.tt.isEditingCellValid()) {
 					if (this.tt.editingCell) {
-						if (!this.$unstyled()) removeClass(this.tt.editingCell, "p-cell-editing");
+						if (!this.$unstyled()) removeClass(this.tt.editingCell, this.pcn("p-cell-editing"));
 						this.el?.nativeElement.setAttribute("data-p-cell-editing", "false");
 					}
 					this.closeEditingCell();
@@ -6236,7 +6242,7 @@ var TTEditableColumn = class TTEditableColumn extends BaseComponent {
 			} else if (event.keyCode == 27) {
 				if (this.tt.isEditingCellValid()) {
 					if (this.tt.editingCell) {
-						if (!this.$unstyled()) removeClass(this.tt.editingCell, "p-cell-editing");
+						if (!this.$unstyled()) removeClass(this.tt.editingCell, this.pcn("p-cell-editing"));
 						this.el?.nativeElement.setAttribute("data-p-cell-editing", "false");
 					}
 					this.closeEditingCell();
@@ -6256,7 +6262,7 @@ var TTEditableColumn = class TTEditableColumn extends BaseComponent {
 		const target = event.relatedTarget;
 		if (!editingThisCell || !(target instanceof Node) || cell.contains(target)) return;
 		if (this.tt.isEditingCellValid()) {
-			if (!this.$unstyled()) removeClass(cell, "p-cell-editing");
+			if (!this.$unstyled()) removeClass(cell, this.pcn("p-cell-editing"));
 			cell.setAttribute("data-p-cell-editing", "false");
 			this.closeEditingCell();
 			this.tt.onEditComplete.emit({
@@ -6270,7 +6276,7 @@ var TTEditableColumn = class TTEditableColumn extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TTEditableColumn,
 		deps: null,
@@ -6278,7 +6284,7 @@ var TTEditableColumn = class TTEditableColumn extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TTEditableColumn,
 		isStandalone: true,
 		selector: "[ttEditableColumn]",
@@ -6316,7 +6322,7 @@ var TTEditableColumn = class TTEditableColumn extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TTEditableColumn,
 	decorators: [{
@@ -6393,7 +6399,7 @@ var TreeTableCellEditor = class TreeTableCellEditor extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TreeTableCellEditor,
 		deps: null,
@@ -6401,7 +6407,7 @@ var TreeTableCellEditor = class TreeTableCellEditor extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TreeTableCellEditor,
 		isStandalone: true,
 		selector: "p-treetablecelleditor, p-treetable-cell-editor",
@@ -6446,7 +6452,7 @@ var TreeTableCellEditor = class TreeTableCellEditor extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TreeTableCellEditor,
 	decorators: [{
@@ -6503,7 +6509,7 @@ var TTRow = class TTRow extends BaseComponent {
 		return this.rowNode()?.["level"] + 1;
 	}
 	get hostClass() {
-		return this.cn("p-element", this.rowNode()?.node["styleClass"]);
+		return this.cn(this.pcn("p-element"), this.rowNode()?.node["styleClass"]);
 	}
 	get expanded() {
 		return this.rowNode()?.node["expanded"];
@@ -6627,7 +6633,7 @@ var TTRow = class TTRow extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TTRow,
 		deps: null,
@@ -6635,7 +6641,7 @@ var TTRow = class TTRow extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TTRow,
 		isStandalone: true,
 		selector: "[ttRow]",
@@ -6663,7 +6669,7 @@ var TTRow = class TTRow extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TTRow,
 	decorators: [{
@@ -6742,7 +6748,7 @@ var TreeTableToggler = class TreeTableToggler extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TreeTableToggler,
 		deps: null,
@@ -6750,7 +6756,7 @@ var TreeTableToggler = class TreeTableToggler extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TreeTableToggler,
 		isStandalone: true,
 		selector: "p-treetabletoggler, p-treetable-toggler",
@@ -6777,7 +6783,7 @@ var TreeTableToggler = class TreeTableToggler extends BaseComponent {
             [attr.data-pc-group-section]="'rowactionbutton'"
             [attr.aria-label]="toggleButtonAriaLabel"
         >
-            @if (!tt.togglerIconTemplate()) {
+            @if (!tt.$togglerIconTemplate()) {
                 @if (rowNode().node.expanded) {
                     <svg data-p-icon="chevron-down" [pBind]="ptm('nodetoggleicon')" [attr.aria-hidden]="true" />
                 }
@@ -6785,7 +6791,7 @@ var TreeTableToggler = class TreeTableToggler extends BaseComponent {
                     <svg data-p-icon="chevron-right" [pBind]="ptm('nodetoggleicon')" [attr.aria-hidden]="true" />
                 }
             }
-            <ng-template *ngTemplateOutlet="tt.togglerIconTemplate(); context: togglerIconContext"></ng-template>
+            <ng-template *ngTemplateOutlet="tt.$togglerIconTemplate(); context: togglerIconContext"></ng-template>
         </button>
     `,
 		isInline: true,
@@ -6827,7 +6833,7 @@ var TreeTableToggler = class TreeTableToggler extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TreeTableToggler,
 	decorators: [{
@@ -6854,7 +6860,7 @@ i0.ɵɵngDeclareClassMetadata({
             [attr.data-pc-group-section]="'rowactionbutton'"
             [attr.aria-label]="toggleButtonAriaLabel"
         >
-            @if (!tt.togglerIconTemplate()) {
+            @if (!tt.$togglerIconTemplate()) {
                 @if (rowNode().node.expanded) {
                     <svg data-p-icon="chevron-down" [pBind]="ptm('nodetoggleicon')" [attr.aria-hidden]="true" />
                 }
@@ -6862,7 +6868,7 @@ i0.ɵɵngDeclareClassMetadata({
                     <svg data-p-icon="chevron-right" [pBind]="ptm('nodetoggleicon')" [attr.aria-hidden]="true" />
                 }
             }
-            <ng-template *ngTemplateOutlet="tt.togglerIconTemplate(); context: togglerIconContext"></ng-template>
+            <ng-template *ngTemplateOutlet="tt.$togglerIconTemplate(); context: togglerIconContext"></ng-template>
         </button>
     `,
 			encapsulation: ViewEncapsulation.None,
@@ -6882,7 +6888,7 @@ i0.ɵɵngDeclareClassMetadata({
 var TreeTableModule = class TreeTableModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TreeTableModule,
 		deps: [],
@@ -6890,7 +6896,7 @@ var TreeTableModule = class TreeTableModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TreeTableModule,
 		imports: [
@@ -6933,7 +6939,7 @@ var TreeTableModule = class TreeTableModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TreeTableModule,
 		imports: [
@@ -6950,7 +6956,7 @@ var TreeTableModule = class TreeTableModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TreeTableModule,
 	decorators: [{
@@ -6998,4 +7004,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { TREETABLE_INSTANCE, TTBody, TTCheckbox, TTContextMenuRow, TTEditableColumn, TTHeaderCheckbox, TTReorderableColumn, TTResizableColumn, TTRow, TTScrollableView, TTSelectableRow, TTSelectableRowDblClick, TTSortIcon, TTSortableColumn, TreeTable, TreeTableCellEditor, TreeTableClasses, TreeTableModule, TreeTableService, TreeTableStyle, TreeTableToggler };
 
-//# sourceMappingURL=primeng-treetable.mjs.map