primeng 18.0.0-rc.1 → 18.0.0-rc.2

package/fesm2022/primeng-table.mjs

@@ -2,18 +2,18 @@ import { trigger, transition, style, animate } from '@angular/animations';
 import * as i1 from '@angular/common';
 import { isPlatformBrowser, CommonModule, DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, Directive, PLATFORM_ID, Inject, Input, HostListener, booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, inject, ContentChild, Optional, numberAttribute, ViewChild, EventEmitter, forwardRef, ElementRef, Output, NgZone, NgModule } from '@angular/core';
+import { Injectable, Directive, PLATFORM_ID, Inject, Input, HostListener, booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, inject, ContentChild, Optional, numberAttribute, ViewChild, EventEmitter, forwardRef, ElementRef, Output, ContentChildren, NgZone, NgModule } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { getIndex, getOuterWidth, clearSelection, hasClass, getAttribute, isNotEmpty, findIndexInList, focus, find, findSingle, addClass, removeClass, invokeElementMethod, uuid, getFocusableElements, absolutePosition, getFirstFocusableElement, isTouchDevice, resolveFieldData, getOuterHeight, equals, getOffset, getHiddenElementOuterWidth, getHiddenElementOuterHeight, reorderArray, setAttribute } from '@primeuix/utils';
+import { getIndex, getOuterWidth, clearSelection, hasClass, getAttribute, isNotEmpty, findIndexInList, focus, find, findSingle, addClass, removeClass, invokeElementMethod, uuid, getFocusableElements, absolutePosition, getFirstFocusableElement, isTouchDevice, resolveFieldData, getOuterHeight, equals, getOffset, isRTL, getHiddenElementOuterWidth, getHiddenElementOuterHeight, reorderArray, setAttribute } from '@primeuix/utils';
 import * as i3 from 'primeng/api';
-import { FilterOperator, OverlayService, TranslationKeys, FilterMatchMode, FilterService, SharedModule } from 'primeng/api';
+import { FilterOperator, OverlayService, TranslationKeys, FilterMatchMode, PrimeTemplate, FilterService, SharedModule } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { Button, ButtonDirective } from 'primeng/button';
 import { Checkbox } from 'primeng/checkbox';
 import { DatePicker } from 'primeng/datepicker';
 import { DomHandler, ConnectedOverlayScrollHandler } from 'primeng/dom';
-import { SortAltIcon, SortAmountUpAltIcon, SortAmountDownIcon, FilterIcon, FilterSlashIcon, PlusIcon, ArrowDownIcon, ArrowUpIcon, SpinnerIcon, CheckIcon, TrashIcon } from 'primeng/icons';
+import { SortAltIcon, SortAmountUpAltIcon, SortAmountDownIcon, FilterIcon, TrashIcon, FilterSlashIcon, PlusIcon, ArrowDownIcon, ArrowUpIcon, SpinnerIcon, CheckIcon } from 'primeng/icons';
 import { InputNumber } from 'primeng/inputnumber';
 import { InputText } from 'primeng/inputtext';
 import { Paginator } from 'primeng/paginator';
@@ -32,6 +32,7 @@ const theme = ({ dt }) => `
 
 .p-datatable-table {
     border-spacing: 0;
+    border-collapse: separate;
     width: 100%;
 }
 
@@ -115,7 +116,7 @@ const theme = ({ dt }) => `
     display: block;
     position: absolute;
     top: 0;
-    right: 0;
+    inset-inline-end: 0;
     margin: 0;
     width: ${dt('datatable.column.resizer.width')};
     height: 100%;
@@ -232,7 +233,7 @@ const theme = ({ dt }) => `
 
 .p-datatable-popover-filter {
     display: inline-flex;
-    margin-left: auto;
+    margin-inline-start: auto;
 }
 
 .p-datatable-filter-overlay-popover {
@@ -291,7 +292,7 @@ const theme = ({ dt }) => `
     min-height: 0;
     position: sticky;
     top: 0;
-    left: 0;
+    inset-inline-start: 0;
 }
 
 .p-datatable-paginator-top {
@@ -332,11 +333,17 @@ const theme = ({ dt }) => `
     border-width: 0 0 1px 0;
     color: ${dt('datatable.header.cell.color')};
     font-weight: ${dt('datatable.column.title.font.weight')};
-    text-align: left;
+    text-align: start;
     transition: background ${dt('datatable.transition.duration')}, color ${dt('datatable.transition.duration')}, border-color ${dt('datatable.transition.duration')},
             outline-color ${dt('datatable.transition.duration')}, box-shadow ${dt('datatable.transition.duration')};
 }
 
+/** For PrimeNG **/
+.p-datatable-thead > tr > th p-columnfilter {
+    font-weight: normal;
+}
+/** For PrimeNG End **/
+
 /*
 .p-datatable-column-title {
     font-weight: ${dt('datatable.column.title.font.weight')};
@@ -352,7 +359,7 @@ const theme = ({ dt }) => `
 }
 
 .p-datatable-tbody > tr > td {
-    text-align: left;
+    text-align: start;
     border-color: ${dt('datatable.body.cell.border.color')};
     border-style: solid;
     border-width: 0 0 1px 0;
@@ -385,7 +392,7 @@ const theme = ({ dt }) => `
 }
 
 .p-datatable-tfoot > tr > td {
-    text-align: left;
+    text-align: start;
     padding: ${dt('datatable.footer.cell.padding')};
     border-color: ${dt('datatable.footer.cell.border.color')};
     border-style: solid;
@@ -1045,7 +1052,7 @@ function ColumnFilterFormElement_ng_container_0_Template(rf, ctx) { if (rf & 1)
 function ColumnFilterFormElement_ng_template_1_input_1_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "input", 8);
-    i0.ɵɵlistener("input", function ColumnFilterFormElement_ng_template_1_input_1_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onModelChange($event == null ? null : $event.target == null ? null : $event.target.value)); })("keydown.enter", function ColumnFilterFormElement_ng_template_1_input_1_Template_input_keydown_enter_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onTextInputEnterKeyDown($event)); });
+    i0.ɵɵlistener("input", function ColumnFilterFormElement_ng_template_1_input_1_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onModelChange($event == null ? null : $event.target == null ? null : $event.target.value)); })("keydown.enter", function ColumnFilterFormElement_ng_template_1_input_1_Template_input_keydown_enter_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onTextInputEnterKeyDown($event)); })("keydown", function ColumnFilterFormElement_ng_template_1_input_1_Template_input_keydown_0_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); })("click", function ColumnFilterFormElement_ng_template_1_input_1_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -1095,69 +1102,79 @@ function ColumnFilterFormElement_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngSwitchCase", "date");
 } }
-const _c5 = ["clearBtn"];
+const _c5 = ["header"];
+const _c6 = ["filter"];
+const _c7 = ["footer"];
+const _c8 = ["filtericon"];
+const _c9 = ["removeruleicon"];
+const _c10 = ["addruleicon"];
+const _c11 = ["clearfiltericon"];
+const _c12 = ["clearBtn"];
 function ColumnFilter_p_columnFilterFormElement_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "p-columnFilterFormElement", 8);
 } if (rf & 2) {
+    let tmp_5_0;
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("type", ctx_r0.type)("field", ctx_r0.field)("ariaLabel", ctx_r0.ariaLabel)("filterConstraint", ctx_r0.dt.filters[ctx_r0.field])("filterTemplate", ctx_r0.filterTemplate)("placeholder", ctx_r0.placeholder)("minFractionDigits", ctx_r0.minFractionDigits)("maxFractionDigits", ctx_r0.maxFractionDigits)("prefix", ctx_r0.prefix)("suffix", ctx_r0.suffix)("locale", ctx_r0.locale)("localeMatcher", ctx_r0.localeMatcher)("currency", ctx_r0.currency)("currencyDisplay", ctx_r0.currencyDisplay)("useGrouping", ctx_r0.useGrouping)("showButtons", ctx_r0.showButtons);
+    i0.ɵɵproperty("type", ctx_r0.type)("field", ctx_r0.field)("ariaLabel", ctx_r0.ariaLabel)("filterConstraint", ctx_r0.dt.filters[ctx_r0.field])("filterTemplate", (tmp_5_0 = ctx_r0.filterTemplate) !== null && tmp_5_0 !== undefined ? tmp_5_0 : ctx_r0._filterTemplate)("placeholder", ctx_r0.placeholder)("minFractionDigits", ctx_r0.minFractionDigits)("maxFractionDigits", ctx_r0.maxFractionDigits)("prefix", ctx_r0.prefix)("suffix", ctx_r0.suffix)("locale", ctx_r0.locale)("localeMatcher", ctx_r0.localeMatcher)("currency", ctx_r0.currency)("currencyDisplay", ctx_r0.currencyDisplay)("useGrouping", ctx_r0.useGrouping)("showButtons", ctx_r0.showButtons);
 } }
-function ColumnFilter_p_button_2_ng_template_2_FilterIcon_0_Template(rf, ctx) { if (rf & 1) {
+function ColumnFilter_p_button_2_ng_template_1_FilterIcon_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "FilterIcon");
 } }
-function ColumnFilter_p_button_2_ng_template_2_span_1_1_ng_template_0_Template(rf, ctx) { }
-function ColumnFilter_p_button_2_ng_template_2_span_1_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ColumnFilter_p_button_2_ng_template_2_span_1_1_ng_template_0_Template, 0, 0, "ng-template");
+function ColumnFilter_p_button_2_ng_template_1_span_1_1_ng_template_0_Template(rf, ctx) { }
+function ColumnFilter_p_button_2_ng_template_1_span_1_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, ColumnFilter_p_button_2_ng_template_1_span_1_1_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function ColumnFilter_p_button_2_ng_template_2_span_1_Template(rf, ctx) { if (rf & 1) {
+function ColumnFilter_p_button_2_ng_template_1_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 12);
-    i0.ɵɵtemplate(1, ColumnFilter_p_button_2_ng_template_2_span_1_1_Template, 1, 0, null, 13);
+    i0.ɵɵtemplate(1, ColumnFilter_p_button_2_ng_template_1_span_1_1_Template, 1, 0, null, 13);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_4_0;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.filterIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_4_0 = ctx_r0.filterIconTemplate) !== null && tmp_4_0 !== undefined ? tmp_4_0 : ctx_r0._filterIconTemplate);
 } }
-function ColumnFilter_p_button_2_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ColumnFilter_p_button_2_ng_template_2_FilterIcon_0_Template, 1, 0, "FilterIcon", 10)(1, ColumnFilter_p_button_2_ng_template_2_span_1_Template, 2, 1, "span", 11);
+function ColumnFilter_p_button_2_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, ColumnFilter_p_button_2_ng_template_1_FilterIcon_0_Template, 1, 0, "FilterIcon", 10)(1, ColumnFilter_p_button_2_ng_template_1_span_1_Template, 2, 1, "span", 11);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngIf", !ctx_r0.filterIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r0.filterIconTemplate && !ctx_r0._filterIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.filterIconTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r0.filterIconTemplate || ctx_r0._filterIconTemplate);
 } }
 function ColumnFilter_p_button_2_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-button", 9, 0);
-    i0.ɵɵlistener("click", function ColumnFilter_p_button_2_Template_p_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleMenu()); })("keydown", function ColumnFilter_p_button_2_Template_p_button_keydown_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onToggleButtonKeyDown($event)); });
-    i0.ɵɵtemplate(2, ColumnFilter_p_button_2_ng_template_2_Template, 2, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementStart(0, "p-button", 9);
+    i0.ɵɵlistener("click", function ColumnFilter_p_button_2_Template_p_button_click_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleMenu($event)); })("keydown", function ColumnFilter_p_button_2_Template_p_button_keydown_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onToggleButtonKeyDown($event)); });
+    i0.ɵɵtemplate(1, ColumnFilter_p_button_2_ng_template_1_Template, 2, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_8_0;
+    let tmp_7_0;
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("styleClass", ctx_r0.cx("pcColumnFilterButton"))("ariaLabel", ctx_r0.filterMenuButtonAriaLabel)("buttonProps", ctx_r0.filterButtonProps == null ? null : ctx_r0.filterButtonProps.filter);
-    i0.ɵɵattribute("aria-haspopup", true)("aria-controls", ctx_r0.overlayVisible ? ctx_r0.overlayId : null)("aria-expanded", (tmp_8_0 = ctx_r0.overlayVisible) !== null && tmp_8_0 !== undefined ? tmp_8_0 : false);
+    i0.ɵɵattribute("aria-haspopup", true)("aria-controls", ctx_r0.overlayVisible ? ctx_r0.overlayId : null)("aria-expanded", (tmp_7_0 = ctx_r0.overlayVisible) !== null && tmp_7_0 !== undefined ? tmp_7_0 : false);
 } }
-function ColumnFilter_p_button_3_ng_template_2_FilterSlashIcon_0_Template(rf, ctx) { if (rf & 1) {
+function ColumnFilter_p_button_3_ng_template_1_FilterSlashIcon_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "FilterSlashIcon");
 } }
-function ColumnFilter_p_button_3_ng_template_2_1_ng_template_0_Template(rf, ctx) { }
-function ColumnFilter_p_button_3_ng_template_2_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ColumnFilter_p_button_3_ng_template_2_1_ng_template_0_Template, 0, 0, "ng-template");
+function ColumnFilter_p_button_3_ng_template_1_1_ng_template_0_Template(rf, ctx) { }
+function ColumnFilter_p_button_3_ng_template_1_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, ColumnFilter_p_button_3_ng_template_1_1_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function ColumnFilter_p_button_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ColumnFilter_p_button_3_ng_template_2_FilterSlashIcon_0_Template, 1, 0, "FilterSlashIcon", 10)(1, ColumnFilter_p_button_3_ng_template_2_1_Template, 1, 0, null, 13);
+function ColumnFilter_p_button_3_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, ColumnFilter_p_button_3_ng_template_1_FilterSlashIcon_0_Template, 1, 0, "FilterSlashIcon", 10)(1, ColumnFilter_p_button_3_ng_template_1_1_Template, 1, 0, null, 13);
 } if (rf & 2) {
+    let tmp_4_0;
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngIf", !ctx_r0.clearFilterIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r0.clearFilterIconTemplate && !ctx_r0._clearFilterIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.clearFilterIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_4_0 = ctx_r0.clearFilterIconTemplate) !== null && tmp_4_0 !== undefined ? tmp_4_0 : ctx_r0._clearFilterIconTemplate);
 } }
 function ColumnFilter_p_button_3_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-button", 14, 0);
+    i0.ɵɵelementStart(0, "p-button", 14);
     i0.ɵɵlistener("onClick", function ColumnFilter_p_button_3_Template_p_button_onClick_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.clearFilter()); });
-    i0.ɵɵtemplate(2, ColumnFilter_p_button_3_ng_template_2_Template, 2, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(1, ColumnFilter_p_button_3_ng_template_1_Template, 2, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1238,12 +1255,13 @@ function ColumnFilter_div_4_ng_template_3_div_2_p_button_4_Template(rf, ctx) { i
     i0.ɵɵtemplate(1, ColumnFilter_div_4_ng_template_3_div_2_p_button_4_TrashIcon_1_Template, 1, 0, "TrashIcon", 10)(2, ColumnFilter_div_4_ng_template_3_div_2_p_button_4_2_Template, 1, 0, null, 13);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_13_0;
     const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("styleClass", ctx_r0.cx("pcFilterRemoveRuleButton"))("text", true)("ariaLabel", ctx_r0.removeRuleButtonLabel)("label", ctx_r0.removeRuleButtonLabel)("buttonProps", ctx_r0.filterButtonProps == null ? null : ctx_r0.filterButtonProps.popover == null ? null : ctx_r0.filterButtonProps.popover.removeRule);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.removeRuleIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r0.removeRuleIconTemplate && !ctx_r0._removeRuleIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.removeRuleIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_13_0 = ctx_r0.removeRuleIconTemplate) !== null && tmp_13_0 !== undefined ? tmp_13_0 : ctx_r0._removeRuleIconTemplate);
 } }
 function ColumnFilter_div_4_ng_template_3_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
@@ -1253,13 +1271,14 @@ function ColumnFilter_div_4_ng_template_3_div_2_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵtemplate(4, ColumnFilter_div_4_ng_template_3_div_2_p_button_4_Template, 3, 7, "p-button", 27);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
+    let tmp_11_0;
     const fieldConstraint_r11 = ctx.$implicit;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r0.cx("filterRule"));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r0.showMatchModes && ctx_r0.matchModes);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("type", ctx_r0.type)("field", ctx_r0.field)("filterConstraint", fieldConstraint_r11)("filterTemplate", ctx_r0.filterTemplate)("placeholder", ctx_r0.placeholder)("minFractionDigits", ctx_r0.minFractionDigits)("maxFractionDigits", ctx_r0.maxFractionDigits)("prefix", ctx_r0.prefix)("suffix", ctx_r0.suffix)("locale", ctx_r0.locale)("localeMatcher", ctx_r0.localeMatcher)("currency", ctx_r0.currency)("currencyDisplay", ctx_r0.currencyDisplay)("useGrouping", ctx_r0.useGrouping);
+    i0.ɵɵproperty("type", ctx_r0.type)("field", ctx_r0.field)("filterConstraint", fieldConstraint_r11)("filterTemplate", (tmp_11_0 = ctx_r0.filterTemplate) !== null && tmp_11_0 !== undefined ? tmp_11_0 : ctx_r0._filterTemplate)("placeholder", ctx_r0.placeholder)("minFractionDigits", ctx_r0.minFractionDigits)("maxFractionDigits", ctx_r0.maxFractionDigits)("prefix", ctx_r0.prefix)("suffix", ctx_r0.suffix)("locale", ctx_r0.locale)("localeMatcher", ctx_r0.localeMatcher)("currency", ctx_r0.currency)("currencyDisplay", ctx_r0.currencyDisplay)("useGrouping", ctx_r0.useGrouping);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r0.showRemoveIcon);
 } }
@@ -1277,14 +1296,15 @@ function ColumnFilter_div_4_ng_template_3_div_3_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵtemplate(2, ColumnFilter_div_4_ng_template_3_div_3_PlusIcon_2_Template, 1, 0, "PlusIcon", 10)(3, ColumnFilter_div_4_ng_template_3_div_3_3_Template, 1, 0, null, 13);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
+    let tmp_10_0;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵproperty("label", ctx_r0.addRuleButtonLabel)("styleClass", ctx_r0.cx("pcFilterAddRuleButton"))("text", true)("buttonProps", ctx_r0.filterButtonProps == null ? null : ctx_r0.filterButtonProps.popover == null ? null : ctx_r0.filterButtonProps.popover.addRule);
     i0.ɵɵattribute("aria-label", ctx_r0.addRuleButtonLabel);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.addRuleIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r0.addRuleIconTemplate && !ctx_r0._addRuleIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.addRuleIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_10_0 = ctx_r0.addRuleIconTemplate) !== null && tmp_10_0 !== undefined ? tmp_10_0 : ctx_r0._addRuleIconTemplate);
 } }
 function ColumnFilter_div_4_ng_template_3_p_button_5_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
@@ -1341,23 +1361,25 @@ function ColumnFilter_div_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(1, ColumnFilter_div_4_ng_container_1_Template, 1, 0, "ng-container", 16)(2, ColumnFilter_div_4_ul_2_Template, 5, 5, "ul", 17)(3, ColumnFilter_div_4_ng_template_3_Template, 7, 7, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(5, ColumnFilter_div_4_ng_container_5_Template, 1, 0, "ng-container", 16);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_6_0;
+    let tmp_10_0;
     const menu_r16 = i0.ɵɵreference(4);
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.cx("filterOverlay"))("id", ctx_r0.overlayId)("@overlayAnimation", "visible");
     i0.ɵɵattribute("aria-modal", true);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.headerTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(10, _c0, ctx_r0.field));
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_6_0 = ctx_r0.headerTemplate) !== null && tmp_6_0 !== undefined ? tmp_6_0 : ctx_r0._headerTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(10, _c0, ctx_r0.field));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r0.display === "row")("ngIfElse", menu_r16);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.footerTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(12, _c0, ctx_r0.field));
-} }
-const _c6 = ["pTableBody", ""];
-const _c7 = (a0, a1, a2, a3, a4) => ({ $implicit: a0, rowIndex: a1, columns: a2, editing: a3, frozen: a4 });
-const _c8 = (a0, a1, a2, a3, a4, a5, a6) => ({ $implicit: a0, rowIndex: a1, columns: a2, editing: a3, frozen: a4, rowgroup: a5, rowspan: a6 });
-const _c9 = (a0, a1, a2, a3, a4, a5) => ({ $implicit: a0, rowIndex: a1, columns: a2, expanded: a3, editing: a4, frozen: a5 });
-const _c10 = (a0, a1, a2, a3) => ({ $implicit: a0, rowIndex: a1, columns: a2, frozen: a3 });
-const _c11 = (a0, a1) => ({ $implicit: a0, frozen: a1 });
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_10_0 = ctx_r0.footerTemplate) !== null && tmp_10_0 !== undefined ? tmp_10_0 : ctx_r0._footerTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(12, _c0, ctx_r0.field));
+} }
+const _c13 = ["pTableBody", ""];
+const _c14 = (a0, a1, a2, a3, a4) => ({ $implicit: a0, rowIndex: a1, columns: a2, editing: a3, frozen: a4 });
+const _c15 = (a0, a1, a2, a3, a4, a5, a6) => ({ $implicit: a0, rowIndex: a1, columns: a2, editing: a3, frozen: a4, rowgroup: a5, rowspan: a6 });
+const _c16 = (a0, a1, a2, a3, a4, a5) => ({ $implicit: a0, rowIndex: a1, columns: a2, expanded: a3, editing: a4, frozen: a5 });
+const _c17 = (a0, a1, a2, a3) => ({ $implicit: a0, rowIndex: a1, columns: a2, frozen: a3 });
+const _c18 = (a0, a1) => ({ $implicit: a0, frozen: a1 });
 function TableBody_ng_container_0_ng_template_1_ng_container_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -1371,7 +1393,7 @@ function TableBody_ng_container_0_ng_template_1_ng_container_0_Template(rf, ctx)
     const rowIndex_r3 = ctx_r0.index;
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.groupHeaderTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction5(2, _c7, rowData_r2, ctx_r3.getRowIndex(rowIndex_r3), ctx_r3.columns, ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r2), ctx_r3.frozen));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.groupHeaderTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction5(2, _c14, rowData_r2, ctx_r3.getRowIndex(rowIndex_r3), ctx_r3.columns, ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r2), ctx_r3.frozen));
 } }
 function TableBody_ng_container_0_ng_template_1_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -1386,7 +1408,7 @@ function TableBody_ng_container_0_ng_template_1_ng_container_1_Template(rf, ctx)
     const rowIndex_r3 = ctx_r0.index;
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", rowData_r2 ? ctx_r3.template : ctx_r3.dt.loadingBodyTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction5(2, _c7, rowData_r2, ctx_r3.getRowIndex(rowIndex_r3), ctx_r3.columns, ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r2), ctx_r3.frozen));
+    i0.ɵɵproperty("ngTemplateOutlet", rowData_r2 ? ctx_r3.template : ctx_r3.dt.loadingBodyTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction5(2, _c14, rowData_r2, ctx_r3.getRowIndex(rowIndex_r3), ctx_r3.columns, ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r2), ctx_r3.frozen));
 } }
 function TableBody_ng_container_0_ng_template_1_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -1401,7 +1423,7 @@ function TableBody_ng_container_0_ng_template_1_ng_container_2_Template(rf, ctx)
     const rowIndex_r3 = ctx_r0.index;
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", rowData_r2 ? ctx_r3.template : ctx_r3.dt.loadingBodyTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction7(2, _c8, rowData_r2, ctx_r3.getRowIndex(rowIndex_r3), ctx_r3.columns, ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r2), ctx_r3.frozen, ctx_r3.shouldRenderRowspan(ctx_r3.value, rowData_r2, rowIndex_r3), ctx_r3.calculateRowGroupSize(ctx_r3.value, rowData_r2, rowIndex_r3)));
+    i0.ɵɵproperty("ngTemplateOutlet", rowData_r2 ? ctx_r3.template : ctx_r3.dt.loadingBodyTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction7(2, _c15, rowData_r2, ctx_r3.getRowIndex(rowIndex_r3), ctx_r3.columns, ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r2), ctx_r3.frozen, ctx_r3.shouldRenderRowspan(ctx_r3.value, rowData_r2, rowIndex_r3), ctx_r3.calculateRowGroupSize(ctx_r3.value, rowData_r2, rowIndex_r3)));
 } }
 function TableBody_ng_container_0_ng_template_1_ng_container_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -1416,7 +1438,7 @@ function TableBody_ng_container_0_ng_template_1_ng_container_3_Template(rf, ctx)
     const rowIndex_r3 = ctx_r0.index;
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.groupFooterTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction5(2, _c7, rowData_r2, ctx_r3.getRowIndex(rowIndex_r3), ctx_r3.columns, ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r2), ctx_r3.frozen));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.groupFooterTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction5(2, _c14, rowData_r2, ctx_r3.getRowIndex(rowIndex_r3), ctx_r3.columns, ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r2), ctx_r3.frozen));
 } }
 function TableBody_ng_container_0_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, TableBody_ng_container_0_ng_template_1_ng_container_0_Template, 2, 8, "ng-container", 2)(1, TableBody_ng_container_0_ng_template_1_ng_container_1_Template, 2, 8, "ng-container", 0)(2, TableBody_ng_container_0_ng_template_1_ng_container_2_Template, 2, 10, "ng-container", 0)(3, TableBody_ng_container_0_ng_template_1_ng_container_3_Template, 2, 8, "ng-container", 2);
@@ -1454,7 +1476,7 @@ function TableBody_ng_container_1_ng_template_1_ng_container_0_Template(rf, ctx)
     const rowIndex_r7 = ctx_r4.index;
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.template)("ngTemplateOutletContext", i0.ɵɵpureFunction6(2, _c9, rowData_r6, ctx_r3.getRowIndex(rowIndex_r7), ctx_r3.columns, ctx_r3.dt.isRowExpanded(rowData_r6), ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r6), ctx_r3.frozen));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.template)("ngTemplateOutletContext", i0.ɵɵpureFunction6(2, _c16, rowData_r6, ctx_r3.getRowIndex(rowIndex_r7), ctx_r3.columns, ctx_r3.dt.isRowExpanded(rowData_r6), ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r6), ctx_r3.frozen));
 } }
 function TableBody_ng_container_1_ng_template_1_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -1469,7 +1491,7 @@ function TableBody_ng_container_1_ng_template_1_ng_container_1_Template(rf, ctx)
     const rowIndex_r7 = ctx_r4.index;
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.groupHeaderTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction6(2, _c9, rowData_r6, ctx_r3.getRowIndex(rowIndex_r7), ctx_r3.columns, ctx_r3.dt.isRowExpanded(rowData_r6), ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r6), ctx_r3.frozen));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.groupHeaderTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction6(2, _c16, rowData_r6, ctx_r3.getRowIndex(rowIndex_r7), ctx_r3.columns, ctx_r3.dt.isRowExpanded(rowData_r6), ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r6), ctx_r3.frozen));
 } }
 function TableBody_ng_container_1_ng_template_1_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -1487,7 +1509,7 @@ function TableBody_ng_container_1_ng_template_1_ng_container_2_ng_container_2_Te
     const rowIndex_r7 = ctx_r4.index;
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.groupFooterTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction6(2, _c9, rowData_r6, ctx_r3.getRowIndex(rowIndex_r7), ctx_r3.columns, ctx_r3.dt.isRowExpanded(rowData_r6), ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r6), ctx_r3.frozen));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.groupFooterTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction6(2, _c16, rowData_r6, ctx_r3.getRowIndex(rowIndex_r7), ctx_r3.columns, ctx_r3.dt.isRowExpanded(rowData_r6), ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r6), ctx_r3.frozen));
 } }
 function TableBody_ng_container_1_ng_template_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -1499,7 +1521,7 @@ function TableBody_ng_container_1_ng_template_1_ng_container_2_Template(rf, ctx)
     const rowIndex_r7 = ctx_r4.index;
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.expandedRowTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction4(3, _c10, rowData_r6, ctx_r3.getRowIndex(rowIndex_r7), ctx_r3.columns, ctx_r3.frozen));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.expandedRowTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction4(3, _c17, rowData_r6, ctx_r3.getRowIndex(rowIndex_r7), ctx_r3.columns, ctx_r3.frozen));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r3.dt.groupFooterTemplate && ctx_r3.dt.rowGroupMode === "subheader" && ctx_r3.shouldRenderRowGroupFooter(ctx_r3.value, rowData_r6, ctx_r3.getRowIndex(rowIndex_r7)));
 } }
@@ -1540,7 +1562,7 @@ function TableBody_ng_container_2_ng_template_1_ng_container_1_Template(rf, ctx)
     const rowIndex_r10 = ctx_r7.index;
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.frozenExpandedRowTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction4(2, _c10, rowData_r9, ctx_r3.getRowIndex(rowIndex_r10), ctx_r3.columns, ctx_r3.frozen));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.frozenExpandedRowTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction4(2, _c17, rowData_r9, ctx_r3.getRowIndex(rowIndex_r10), ctx_r3.columns, ctx_r3.frozen));
 } }
 function TableBody_ng_container_2_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, TableBody_ng_container_2_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 4)(1, TableBody_ng_container_2_ng_template_1_ng_container_1_Template, 2, 7, "ng-container", 0);
@@ -1548,7 +1570,7 @@ function TableBody_ng_container_2_ng_template_1_Template(rf, ctx) { if (rf & 1)
     const rowData_r9 = ctx.$implicit;
     const rowIndex_r10 = ctx.index;
     const ctx_r3 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.template)("ngTemplateOutletContext", i0.ɵɵpureFunction6(3, _c9, rowData_r9, ctx_r3.getRowIndex(rowIndex_r10), ctx_r3.columns, ctx_r3.dt.isRowExpanded(rowData_r9), ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r9), ctx_r3.frozen));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.template)("ngTemplateOutletContext", i0.ɵɵpureFunction6(3, _c16, rowData_r9, ctx_r3.getRowIndex(rowIndex_r10), ctx_r3.columns, ctx_r3.dt.isRowExpanded(rowData_r9), ctx_r3.dt.editMode === "row" && ctx_r3.dt.isRowEditing(rowData_r9), ctx_r3.frozen));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r3.dt.isRowExpanded(rowData_r9));
 } }
@@ -1571,7 +1593,7 @@ function TableBody_ng_container_3_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.loadingBodyTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c11, ctx_r3.columns, ctx_r3.frozen));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.loadingBodyTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c18, ctx_r3.columns, ctx_r3.frozen));
 } }
 function TableBody_ng_container_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -1583,52 +1605,50 @@ function TableBody_ng_container_4_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.emptyMessageTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c11, ctx_r3.columns, ctx_r3.frozen));
-} }
-const _c12 = ["caption"];
-const _c13 = ["header"];
-const _c14 = ["headergrouped"];
-const _c15 = ["body"];
-const _c16 = ["loadingbody"];
-const _c17 = ["footer"];
-const _c18 = ["footergrouped"];
-const _c19 = ["summary"];
-const _c20 = ["colgroup"];
-const _c21 = ["rowexpansion"];
-const _c22 = ["groupheader"];
-const _c23 = ["groupfooter"];
-const _c24 = ["frozenheader"];
-const _c25 = ["frozenbody"];
-const _c26 = ["frozenfooter"];
-const _c27 = ["frozencolgroup"];
-const _c28 = ["frozenrowexpansion"];
-const _c29 = ["emptymessage"];
-const _c30 = ["paginatorleft"];
-const _c31 = ["paginatorright"];
-const _c32 = ["paginatordropdownicon"];
-const _c33 = ["paginatordropdownitem"];
-const _c34 = ["paginatorfirstpagelinkicon"];
-const _c35 = ["paginatorlastpagelinkicon"];
-const _c36 = ["paginatorpreviouspagelinkicon"];
-const _c37 = ["paginatornextpagelinkicon"];
-const _c38 = ["loadingicon"];
-const _c39 = ["reorderindicatorupicon"];
-const _c40 = ["reorderindicatordownicon"];
-const _c41 = ["sorticon"];
-const _c42 = ["checkboxicon"];
-const _c43 = ["headercheckboxicon"];
-const _c44 = ["container"];
-const _c45 = ["resizeHelper"];
-const _c46 = ["reorderIndicatorUp"];
-const _c47 = ["reorderIndicatorDown"];
-const _c48 = ["wrapper"];
-const _c49 = ["table"];
-const _c50 = ["thead"];
-const _c51 = ["tfoot"];
-const _c52 = ["scroller"];
-const _c53 = a0 => ({ height: a0 });
-const _c54 = (a0, a1) => ({ $implicit: a0, options: a1 });
-const _c55 = a0 => ({ columns: a0 });
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.dt.emptyMessageTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c18, ctx_r3.columns, ctx_r3.frozen));
+} }
+const _c19 = ["caption"];
+const _c20 = ["headergrouped"];
+const _c21 = ["body"];
+const _c22 = ["loadingbody"];
+const _c23 = ["footergrouped"];
+const _c24 = ["summary"];
+const _c25 = ["colgroup"];
+const _c26 = ["rowexpansion"];
+const _c27 = ["groupheader"];
+const _c28 = ["groupfooter"];
+const _c29 = ["frozenheader"];
+const _c30 = ["frozenbody"];
+const _c31 = ["frozenfooter"];
+const _c32 = ["frozencolgroup"];
+const _c33 = ["frozenrowexpansion"];
+const _c34 = ["emptymessage"];
+const _c35 = ["paginatorleft"];
+const _c36 = ["paginatorright"];
+const _c37 = ["paginatordropdownicon"];
+const _c38 = ["paginatordropdownitem"];
+const _c39 = ["paginatorfirstpagelinkicon"];
+const _c40 = ["paginatorlastpagelinkicon"];
+const _c41 = ["paginatorpreviouspagelinkicon"];
+const _c42 = ["paginatornextpagelinkicon"];
+const _c43 = ["loadingicon"];
+const _c44 = ["reorderindicatorupicon"];
+const _c45 = ["reorderindicatordownicon"];
+const _c46 = ["sorticon"];
+const _c47 = ["checkboxicon"];
+const _c48 = ["headercheckboxicon"];
+const _c49 = ["container"];
+const _c50 = ["resizeHelper"];
+const _c51 = ["reorderIndicatorUp"];
+const _c52 = ["reorderIndicatorDown"];
+const _c53 = ["wrapper"];
+const _c54 = ["table"];
+const _c55 = ["thead"];
+const _c56 = ["tfoot"];
+const _c57 = ["scroller"];
+const _c58 = a0 => ({ height: a0 });
+const _c59 = (a0, a1) => ({ $implicit: a0, options: a1 });
+const _c60 = a0 => ({ columns: a0 });
 function Table_div_2_i_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i");
 } if (rf & 2) {
@@ -1650,10 +1670,11 @@ function Table_div_2_ng_container_2_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(1, Table_div_2_ng_container_2_span_2_1_Template, 1, 0, null, 23);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_7_0;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r0.cx("loadingIcon"));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.loadingIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_7_0 = ctx_r0.loadingIconTemplate) !== null && tmp_7_0 !== undefined ? tmp_7_0 : ctx_r0._loadingIconTemplate);
 } }
 function Table_div_2_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -1662,9 +1683,9 @@ function Table_div_2_ng_container_2_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.loadingIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r0.loadingIconTemplate && !ctx_r0._loadingIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.loadingIconTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r0.loadingIconTemplate || ctx_r0._loadingIconTemplate);
 } }
 function Table_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 19);
@@ -1686,10 +1707,11 @@ function Table_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(1, Table_div_3_ng_container_1_Template, 1, 0, "ng-container", 23);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_5_0;
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.cx("header"));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.captionTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_5_0 = ctx_r0.captionTemplate) !== null && tmp_5_0 !== undefined ? tmp_5_0 : ctx_r0._captionTemplate);
 } }
 function Table_p_paginator_4_1_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -1697,8 +1719,9 @@ function Table_p_paginator_4_1_ng_template_0_ng_container_0_Template(rf, ctx) {
 function Table_p_paginator_4_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_4_1_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
 } if (rf & 2) {
+    let tmp_6_0;
     const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorDropdownIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_6_0 = ctx_r0.paginatorDropdownIconTemplate) !== null && tmp_6_0 !== undefined ? tmp_6_0 : ctx_r0._paginatorDropdownIconTemplate);
 } }
 function Table_p_paginator_4_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_4_1_ng_template_0_Template, 1, 1, "ng-template", 25);
@@ -1709,8 +1732,9 @@ function Table_p_paginator_4_2_ng_template_0_ng_container_0_Template(rf, ctx) {
 function Table_p_paginator_4_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_4_2_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
 } if (rf & 2) {
+    let tmp_6_0;
     const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorFirstPageLinkIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_6_0 = ctx_r0.paginatorFirstPageLinkIconTemplate) !== null && tmp_6_0 !== undefined ? tmp_6_0 : ctx_r0._paginatorFirstPageLinkIconTemplate);
 } }
 function Table_p_paginator_4_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_4_2_ng_template_0_Template, 1, 1, "ng-template", 26);
@@ -1721,8 +1745,9 @@ function Table_p_paginator_4_3_ng_template_0_ng_container_0_Template(rf, ctx) {
 function Table_p_paginator_4_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_4_3_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
 } if (rf & 2) {
+    let tmp_6_0;
     const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorPreviousPageLinkIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_6_0 = ctx_r0.paginatorPreviousPageLinkIconTemplate) !== null && tmp_6_0 !== undefined ? tmp_6_0 : ctx_r0._paginatorPreviousPageLinkIconTemplate);
 } }
 function Table_p_paginator_4_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_4_3_ng_template_0_Template, 1, 1, "ng-template", 27);
@@ -1733,8 +1758,9 @@ function Table_p_paginator_4_4_ng_template_0_ng_container_0_Template(rf, ctx) {
 function Table_p_paginator_4_4_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_4_4_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
 } if (rf & 2) {
+    let tmp_6_0;
     const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorLastPageLinkIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_6_0 = ctx_r0.paginatorLastPageLinkIconTemplate) !== null && tmp_6_0 !== undefined ? tmp_6_0 : ctx_r0._paginatorPreviousPageLinkIconTemplate);
 } }
 function Table_p_paginator_4_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_4_4_ng_template_0_Template, 1, 1, "ng-template", 28);
@@ -1745,8 +1771,9 @@ function Table_p_paginator_4_5_ng_template_0_ng_container_0_Template(rf, ctx) {
 function Table_p_paginator_4_5_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_4_5_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
 } if (rf & 2) {
+    let tmp_6_0;
     const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorNextPageLinkIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_6_0 = ctx_r0.paginatorNextPageLinkIconTemplate) !== null && tmp_6_0 !== undefined ? tmp_6_0 : ctx_r0._paginatorNextPageLinkIconTemplate);
 } }
 function Table_p_paginator_4_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_4_5_ng_template_0_Template, 1, 1, "ng-template", 29);
@@ -1758,18 +1785,21 @@ function Table_p_paginator_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(1, Table_p_paginator_4_1_Template, 1, 0, null, 16)(2, Table_p_paginator_4_2_Template, 1, 0, null, 16)(3, Table_p_paginator_4_3_Template, 1, 0, null, 16)(4, Table_p_paginator_4_4_Template, 1, 0, null, 16)(5, Table_p_paginator_4_5_Template, 1, 0, null, 16);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_10_0;
+    let tmp_11_0;
+    let tmp_16_0;
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("rows", ctx_r0.rows)("first", ctx_r0.first)("totalRecords", ctx_r0.totalRecords)("pageLinkSize", ctx_r0.pageLinks)("alwaysShow", ctx_r0.alwaysShowPaginator)("rowsPerPageOptions", ctx_r0.rowsPerPageOptions)("templateLeft", ctx_r0.paginatorLeftTemplate)("templateRight", ctx_r0.paginatorRightTemplate)("dropdownAppendTo", ctx_r0.paginatorDropdownAppendTo)("dropdownScrollHeight", ctx_r0.paginatorDropdownScrollHeight)("currentPageReportTemplate", ctx_r0.currentPageReportTemplate)("showFirstLastIcon", ctx_r0.showFirstLastIcon)("dropdownItemTemplate", ctx_r0.paginatorDropdownItemTemplate)("showCurrentPageReport", ctx_r0.showCurrentPageReport)("showJumpToPageDropdown", ctx_r0.showJumpToPageDropdown)("showJumpToPageInput", ctx_r0.showJumpToPageInput)("showPageLinks", ctx_r0.showPageLinks)("styleClass", ctx_r0.cx("pcPaginator"))("locale", ctx_r0.paginatorLocale);
+    i0.ɵɵproperty("rows", ctx_r0.rows)("first", ctx_r0.first)("totalRecords", ctx_r0.totalRecords)("pageLinkSize", ctx_r0.pageLinks)("alwaysShow", ctx_r0.alwaysShowPaginator)("rowsPerPageOptions", ctx_r0.rowsPerPageOptions)("templateLeft", (tmp_10_0 = ctx_r0.paginatorLeftTemplate) !== null && tmp_10_0 !== undefined ? tmp_10_0 : ctx_r0._paginatorLeftTemplate)("templateRight", (tmp_11_0 = ctx_r0.paginatorRightTemplate) !== null && tmp_11_0 !== undefined ? tmp_11_0 : ctx_r0._paginatorRightTemplate)("dropdownAppendTo", ctx_r0.paginatorDropdownAppendTo)("dropdownScrollHeight", ctx_r0.paginatorDropdownScrollHeight)("currentPageReportTemplate", ctx_r0.currentPageReportTemplate)("showFirstLastIcon", ctx_r0.showFirstLastIcon)("dropdownItemTemplate", (tmp_16_0 = ctx_r0.paginatorDropdownItemTemplate) !== null && tmp_16_0 !== undefined ? tmp_16_0 : ctx_r0._paginatorDropdownItemTemplate)("showCurrentPageReport", ctx_r0.showCurrentPageReport)("showJumpToPageDropdown", ctx_r0.showJumpToPageDropdown)("showJumpToPageInput", ctx_r0.showJumpToPageInput)("showPageLinks", ctx_r0.showPageLinks)("styleClass", ctx_r0.cx("pcPaginator"))("locale", ctx_r0.paginatorLocale);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorDropdownIconTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r0.paginatorDropdownIconTemplate || ctx_r0._paginatorDropdownIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorFirstPageLinkIconTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r0.paginatorFirstPageLinkIconTemplate || ctx_r0._paginatorFirstPageLinkIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorPreviousPageLinkIconTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r0.paginatorPreviousPageLinkIconTemplate || ctx_r0._paginatorPreviousPageLinkIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorLastPageLinkIconTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r0.paginatorLastPageLinkIconTemplate || ctx_r0._paginatorPreviousPageLinkIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorNextPageLinkIconTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r0.paginatorNextPageLinkIconTemplate || ctx_r0._paginatorNextPageLinkIconTemplate);
 } }
 function Table_p_scroller_7_ng_template_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -1781,7 +1811,7 @@ function Table_p_scroller_7_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     const scrollerOptions_r5 = ctx.options;
     i0.ɵɵnextContext(2);
     const buildInTable_r6 = i0.ɵɵreference(10);
-    i0.ɵɵproperty("ngTemplateOutlet", buildInTable_r6)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c54, items_r4, scrollerOptions_r5));
+    i0.ɵɵproperty("ngTemplateOutlet", buildInTable_r6)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c59, items_r4, scrollerOptions_r5));
 } }
 function Table_p_scroller_7_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
@@ -1790,9 +1820,10 @@ function Table_p_scroller_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(2, Table_p_scroller_7_ng_template_2_Template, 1, 5, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_18_0;
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵstyleMap(i0.ɵɵpureFunction1(15, _c53, ctx_r0.scrollHeight !== "flex" ? ctx_r0.scrollHeight : undefined));
-    i0.ɵɵproperty("items", ctx_r0.processedData)("columns", ctx_r0.columns)("scrollHeight", ctx_r0.scrollHeight !== "flex" ? undefined : "100%")("itemSize", ctx_r0.virtualScrollItemSize || ctx_r0._virtualRowHeight)("step", ctx_r0.rows)("delay", ctx_r0.lazy ? ctx_r0.virtualScrollDelay : 0)("inline", true)("autoSize", true)("lazy", ctx_r0.lazy)("loaderDisabled", true)("showSpacer", false)("showLoader", ctx_r0.loadingBodyTemplate)("options", ctx_r0.virtualScrollOptions);
+    i0.ɵɵstyleMap(i0.ɵɵpureFunction1(15, _c58, ctx_r0.scrollHeight !== "flex" ? ctx_r0.scrollHeight : undefined));
+    i0.ɵɵproperty("items", ctx_r0.processedData)("columns", ctx_r0.columns)("scrollHeight", ctx_r0.scrollHeight !== "flex" ? undefined : "100%")("itemSize", ctx_r0.virtualScrollItemSize || ctx_r0._virtualRowHeight)("step", ctx_r0.rows)("delay", ctx_r0.lazy ? ctx_r0.virtualScrollDelay : 0)("inline", true)("autoSize", true)("lazy", ctx_r0.lazy)("loaderDisabled", true)("showSpacer", false)("showLoader", !!((tmp_18_0 = ctx_r0.loadingBodyTemplate) !== null && tmp_18_0 !== undefined ? tmp_18_0 : ctx_r0._loadingBodyTemplate))("options", ctx_r0.virtualScrollOptions);
 } }
 function Table_ng_container_8_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -1805,7 +1836,7 @@ function Table_ng_container_8_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     const buildInTable_r6 = i0.ɵɵreference(10);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", buildInTable_r6)("ngTemplateOutletContext", i0.ɵɵpureFunction2(4, _c54, ctx_r0.processedData, i0.ɵɵpureFunction1(2, _c55, ctx_r0.columns)));
+    i0.ɵɵproperty("ngTemplateOutlet", buildInTable_r6)("ngTemplateOutletContext", i0.ɵɵpureFunction2(4, _c59, ctx_r0.processedData, i0.ɵɵpureFunction1(2, _c60, ctx_r0.columns)));
 } }
 function Table_ng_template_9_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -1816,9 +1847,10 @@ function Table_ng_template_9_ng_container_5_Template(rf, ctx) { if (rf & 1) {
 function Table_ng_template_9_tbody_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "tbody", 38);
 } if (rf & 2) {
+    let tmp_13_0;
     const scrollerOptions_r7 = i0.ɵɵnextContext().options;
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.cx("tbody"))("value", ctx_r0.frozenValue)("frozenRows", true)("pTableBody", scrollerOptions_r7.columns)("pTableBodyTemplate", ctx_r0.frozenBodyTemplate)("frozen", true);
+    i0.ɵɵproperty("ngClass", ctx_r0.cx("tbody"))("value", ctx_r0.frozenValue)("frozenRows", true)("pTableBody", scrollerOptions_r7.columns)("pTableBodyTemplate", (tmp_13_0 = ctx_r0.frozenBodyTemplate) !== null && tmp_13_0 !== undefined ? tmp_13_0 : ctx_r0._frozenBodyTemplate)("frozen", true);
 } }
 function Table_ng_template_9_tbody_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "tbody", 39);
@@ -1836,10 +1868,11 @@ function Table_ng_template_9_tfoot_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(3, Table_ng_template_9_tfoot_9_ng_container_3_Template, 1, 0, "ng-container", 31);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
+    let tmp_10_0;
     const scrollerOptions_r7 = i0.ɵɵnextContext().options;
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.footerGroupedTemplate || ctx_r0.footerTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, scrollerOptions_r7.columns));
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_10_0 = ctx_r0.footerGroupedTemplate || ctx_r0.footerTemplate) !== null && tmp_10_0 !== undefined ? tmp_10_0 : ctx_r0._footerTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, scrollerOptions_r7.columns));
 } }
 function Table_ng_template_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "table", 32, 5);
@@ -1852,6 +1885,9 @@ function Table_ng_template_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(8, Table_ng_template_9_tbody_8_Template, 1, 3, "tbody", 36)(9, Table_ng_template_9_tfoot_9_Template, 4, 4, "tfoot", 37);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_12_0;
+    let tmp_16_0;
+    let tmp_23_0;
     const scrollerOptions_r7 = ctx.options;
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵstyleMap(ctx_r0.tableStyle);
@@ -1859,16 +1895,16 @@ function Table_ng_template_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngClass", ctx_r0.cx("table"));
     i0.ɵɵattribute("id", ctx_r0.id + "-table");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.colGroupTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(22, _c0, scrollerOptions_r7.columns));
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_12_0 = ctx_r0.colGroupTemplate) !== null && tmp_12_0 !== undefined ? tmp_12_0 : ctx_r0._colGroupTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(22, _c0, scrollerOptions_r7.columns));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.cx("thead"))("ngStyle", ctx_r0.sx("thead"));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.headerGroupedTemplate || ctx_r0.headerTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(24, _c0, scrollerOptions_r7.columns));
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_16_0 = (tmp_16_0 = ctx_r0.headerGroupedTemplate) !== null && tmp_16_0 !== undefined ? tmp_16_0 : ctx_r0.headerTemplate) !== null && tmp_16_0 !== undefined ? tmp_16_0 : ctx_r0._headerTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(24, _c0, scrollerOptions_r7.columns));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.frozenValue || ctx_r0.frozenBodyTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r0.frozenValue || ctx_r0.frozenBodyTemplate || ctx_r0._frozenBodyTemplate);
     i0.ɵɵadvance();
     i0.ɵɵstyleMap(scrollerOptions_r7.contentStyle);
-    i0.ɵɵproperty("ngClass", ctx_r0.cx("tbody", scrollerOptions_r7.contentStyleClass))("value", ctx_r0.dataToRender(scrollerOptions_r7.rows))("pTableBody", scrollerOptions_r7.columns)("pTableBodyTemplate", ctx_r0.bodyTemplate)("scrollerOptions", scrollerOptions_r7);
+    i0.ɵɵproperty("ngClass", ctx_r0.cx("tbody", scrollerOptions_r7.contentStyleClass))("value", ctx_r0.dataToRender(scrollerOptions_r7.rows))("pTableBody", scrollerOptions_r7.columns)("pTableBodyTemplate", (tmp_23_0 = ctx_r0.bodyTemplate) !== null && tmp_23_0 !== undefined ? tmp_23_0 : ctx_r0._bodyTemplate)("scrollerOptions", scrollerOptions_r7);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", scrollerOptions_r7.spacerStyle);
     i0.ɵɵadvance();
@@ -1880,8 +1916,9 @@ function Table_p_paginator_11_1_ng_template_0_ng_container_0_Template(rf, ctx) {
 function Table_p_paginator_11_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_11_1_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
 } if (rf & 2) {
+    let tmp_6_0;
     const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorDropdownIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_6_0 = ctx_r0.paginatorDropdownIconTemplate) !== null && tmp_6_0 !== undefined ? tmp_6_0 : ctx_r0._paginatorDropdownIconTemplate);
 } }
 function Table_p_paginator_11_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_11_1_ng_template_0_Template, 1, 1, "ng-template", 25);
@@ -1892,8 +1929,9 @@ function Table_p_paginator_11_2_ng_template_0_ng_container_0_Template(rf, ctx) {
 function Table_p_paginator_11_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_11_2_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
 } if (rf & 2) {
+    let tmp_6_0;
     const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorFirstPageLinkIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_6_0 = ctx_r0.paginatorFirstPageLinkIconTemplate) !== null && tmp_6_0 !== undefined ? tmp_6_0 : ctx_r0._paginatorFirstPageLinkIconTemplate);
 } }
 function Table_p_paginator_11_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_11_2_ng_template_0_Template, 1, 1, "ng-template", 26);
@@ -1904,8 +1942,9 @@ function Table_p_paginator_11_3_ng_template_0_ng_container_0_Template(rf, ctx) {
 function Table_p_paginator_11_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_11_3_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
 } if (rf & 2) {
+    let tmp_6_0;
     const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorPreviousPageLinkIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_6_0 = ctx_r0.paginatorPreviousPageLinkIconTemplate) !== null && tmp_6_0 !== undefined ? tmp_6_0 : ctx_r0._paginatorPreviousPageLinkIconTemplate);
 } }
 function Table_p_paginator_11_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_11_3_ng_template_0_Template, 1, 1, "ng-template", 27);
@@ -1916,8 +1955,9 @@ function Table_p_paginator_11_4_ng_template_0_ng_container_0_Template(rf, ctx) {
 function Table_p_paginator_11_4_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_11_4_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
 } if (rf & 2) {
+    let tmp_6_0;
     const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorLastPageLinkIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_6_0 = ctx_r0.paginatorLastPageLinkIconTemplate) !== null && tmp_6_0 !== undefined ? tmp_6_0 : ctx_r0._paginatorPreviousPageLinkIconTemplate);
 } }
 function Table_p_paginator_11_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_11_4_ng_template_0_Template, 1, 1, "ng-template", 28);
@@ -1928,8 +1968,9 @@ function Table_p_paginator_11_5_ng_template_0_ng_container_0_Template(rf, ctx) {
 function Table_p_paginator_11_5_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_11_5_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 23);
 } if (rf & 2) {
+    let tmp_6_0;
     const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.paginatorNextPageLinkIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_6_0 = ctx_r0.paginatorNextPageLinkIconTemplate) !== null && tmp_6_0 !== undefined ? tmp_6_0 : ctx_r0._paginatorNextPageLinkIconTemplate);
 } }
 function Table_p_paginator_11_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Table_p_paginator_11_5_ng_template_0_Template, 1, 1, "ng-template", 29);
@@ -1941,18 +1982,21 @@ function Table_p_paginator_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(1, Table_p_paginator_11_1_Template, 1, 0, null, 16)(2, Table_p_paginator_11_2_Template, 1, 0, null, 16)(3, Table_p_paginator_11_3_Template, 1, 0, null, 16)(4, Table_p_paginator_11_4_Template, 1, 0, null, 16)(5, Table_p_paginator_11_5_Template, 1, 0, null, 16);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_10_0;
+    let tmp_11_0;
+    let tmp_16_0;
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("rows", ctx_r0.rows)("first", ctx_r0.first)("totalRecords", ctx_r0.totalRecords)("pageLinkSize", ctx_r0.pageLinks)("alwaysShow", ctx_r0.alwaysShowPaginator)("rowsPerPageOptions", ctx_r0.rowsPerPageOptions)("templateLeft", ctx_r0.paginatorLeftTemplate)("templateRight", ctx_r0.paginatorRightTemplate)("dropdownAppendTo", ctx_r0.paginatorDropdownAppendTo)("dropdownScrollHeight", ctx_r0.paginatorDropdownScrollHeight)("currentPageReportTemplate", ctx_r0.currentPageReportTemplate)("showFirstLastIcon", ctx_r0.showFirstLastIcon)("dropdownItemTemplate", ctx_r0.paginatorDropdownItemTemplate)("showCurrentPageReport", ctx_r0.showCurrentPageReport)("showJumpToPageDropdown", ctx_r0.showJumpToPageDropdown)("showJumpToPageInput", ctx_r0.showJumpToPageInput)("showPageLinks", ctx_r0.showPageLinks)("styleClass", ctx_r0.cx("pcPaginator"))("locale", ctx_r0.paginatorLocale);
+    i0.ɵɵproperty("rows", ctx_r0.rows)("first", ctx_r0.first)("totalRecords", ctx_r0.totalRecords)("pageLinkSize", ctx_r0.pageLinks)("alwaysShow", ctx_r0.alwaysShowPaginator)("rowsPerPageOptions", ctx_r0.rowsPerPageOptions)("templateLeft", (tmp_10_0 = ctx_r0.paginatorLeftTemplate) !== null && tmp_10_0 !== undefined ? tmp_10_0 : ctx_r0._paginatorLeftTemplate)("templateRight", (tmp_11_0 = ctx_r0.paginatorRightTemplate) !== null && tmp_11_0 !== undefined ? tmp_11_0 : ctx_r0._paginatorRightTemplate)("dropdownAppendTo", ctx_r0.paginatorDropdownAppendTo)("dropdownScrollHeight", ctx_r0.paginatorDropdownScrollHeight)("currentPageReportTemplate", ctx_r0.currentPageReportTemplate)("showFirstLastIcon", ctx_r0.showFirstLastIcon)("dropdownItemTemplate", (tmp_16_0 = ctx_r0.paginatorDropdownItemTemplate) !== null && tmp_16_0 !== undefined ? tmp_16_0 : ctx_r0._paginatorDropdownItemTemplate)("showCurrentPageReport", ctx_r0.showCurrentPageReport)("showJumpToPageDropdown", ctx_r0.showJumpToPageDropdown)("showJumpToPageInput", ctx_r0.showJumpToPageInput)("showPageLinks", ctx_r0.showPageLinks)("styleClass", ctx_r0.cx("pcPaginator"))("locale", ctx_r0.paginatorLocale);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorDropdownIconTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r0.paginatorDropdownIconTemplate || ctx_r0._paginatorDropdownIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorFirstPageLinkIconTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r0.paginatorFirstPageLinkIconTemplate || ctx_r0._paginatorFirstPageLinkIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorPreviousPageLinkIconTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r0.paginatorPreviousPageLinkIconTemplate || ctx_r0._paginatorPreviousPageLinkIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorLastPageLinkIconTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r0.paginatorLastPageLinkIconTemplate || ctx_r0._paginatorPreviousPageLinkIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.paginatorNextPageLinkIconTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r0.paginatorNextPageLinkIconTemplate || ctx_r0._paginatorNextPageLinkIconTemplate);
 } }
 function Table_div_12_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -1962,10 +2006,11 @@ function Table_div_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(1, Table_div_12_ng_container_1_Template, 1, 0, "ng-container", 23);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_5_0;
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.cx("footer"));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.summaryTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_5_0 = ctx_r0.summaryTemplate) !== null && tmp_5_0 !== undefined ? tmp_5_0 : ctx_r0._summaryTemplate);
 } }
 function Table_div_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 42, 8);
@@ -1985,12 +2030,13 @@ function Table_span_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(2, Table_span_14_ArrowDownIcon_2_Template, 1, 0, "ArrowDownIcon", 16)(3, Table_span_14_3_Template, 1, 0, null, 23);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_7_0;
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.cx("rowReorderIndicatorUp"));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", !ctx_r0.reorderIndicatorUpIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r0.reorderIndicatorUpIconTemplate && !ctx_r0._reorderIndicatorUpIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.reorderIndicatorUpIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_7_0 = ctx_r0.reorderIndicatorUpIconTemplate) !== null && tmp_7_0 !== undefined ? tmp_7_0 : ctx_r0._reorderIndicatorUpIconTemplate);
 } }
 function Table_span_15_ArrowUpIcon_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "ArrowUpIcon");
@@ -2004,12 +2050,13 @@ function Table_span_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(2, Table_span_15_ArrowUpIcon_2_Template, 1, 0, "ArrowUpIcon", 16)(3, Table_span_15_3_Template, 1, 0, null, 23);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_7_0;
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.cx("rowReorderIndicatorDown"));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", !ctx_r0.reorderIndicatorDownIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r0.reorderIndicatorDownIconTemplate && !ctx_r0._reorderIndicatorDownIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.reorderIndicatorDownIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", (tmp_7_0 = ctx_r0.reorderIndicatorDownIconTemplate) !== null && tmp_7_0 !== undefined ? tmp_7_0 : ctx_r0._reorderIndicatorDownIconTemplate);
 } }
 class TableService {
     sortSource = new Subject();
@@ -2115,7 +2162,7 @@ class FrozenColumn {
                 if (next) {
                     right = getOuterWidth(next) + (parseFloat(next.style.right) || 0);
                 }
-                this.el.nativeElement.style.right = right + 'px';
+                this.el.nativeElement.style.insetInlineEnd = right + 'px';
             }
             else {
                 let left = 0;
@@ -2123,14 +2170,14 @@ class FrozenColumn {
                 if (prev) {
                     left = getOuterWidth(prev) + (parseFloat(prev.style.left) || 0);
                 }
-                this.el.nativeElement.style.left = left + 'px';
+                this.el.nativeElement.style.insetInlineStart = left + 'px';
             }
             const filterRow = this.el.nativeElement?.parentElement?.nextElementSibling;
             if (filterRow) {
                 let index = getIndex(this.el.nativeElement);
                 if (filterRow.children && filterRow.children[index]) {
-                    filterRow.children[index].style.left = this.el.nativeElement.style.left;
-                    filterRow.children[index].style.right = this.el.nativeElement.style.right;
+                    filterRow.children[index].style.insetInlineStart = this.el.nativeElement.style.insetInlineStart;
+                    filterRow.children[index].style.insetInlineEnd = this.el.nativeElement.style.insetInlineEnd;
                 }
             }
         }
@@ -3453,7 +3500,7 @@ class CellEditor extends BaseComponent {
     editableColumn = inject(EditableColumn);
     editableRow = inject(EditableRow);
     get editing() {
-        return (this.dt.editingCell && this.editableColumn && this.dt.editingCell === this.editableColumn.el.nativeElement) || (this.editableRow && this.dt.editMode === 'row' && this.dt.isRowEditing(this.editableRow.data));
+        return (this.dt.editingCell && this.editableColumn && this.dt.editingCell.contains(this.editableColumn.el.nativeElement)) || (this.editableRow && this.dt.editMode === 'row' && this.dt.isRowEditing(this.editableRow.data));
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵCellEditor_BaseFactory; return function CellEditor_Factory(__ngFactoryType__) { return (ɵCellEditor_BaseFactory || (ɵCellEditor_BaseFactory = i0.ɵɵgetInheritedFactory(CellEditor)))(__ngFactoryType__ || CellEditor); }; })();
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CellEditor, selectors: [["p-cellEditor"]], contentQueries: function CellEditor_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
@@ -3463,7 +3510,7 @@ class CellEditor extends BaseComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.outputTemplate = _t.first);
-        } }, standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [4, "ngTemplateOutlet"]], template: function CellEditor_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: true, features: [i0.ɵɵProvidersFeature([EditableColumn, EditableRow]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [4, "ngTemplateOutlet"]], template: function CellEditor_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, CellEditor_ng_container_0_Template, 2, 1, "ng-container", 0)(1, CellEditor_ng_container_1_Template, 2, 1, "ng-container", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.editing);
@@ -3485,7 +3532,8 @@ class CellEditor extends BaseComponent {
             <ng-container *ngTemplateOutlet="outputTemplate"></ng-container>
         </ng-container>
     `,
-                encapsulation: ViewEncapsulation.None
+                encapsulation: ViewEncapsulation.None,
+                providers: [EditableColumn, EditableRow]
             }]
     }], null, { inputTemplate: [{
             type: ContentChild,
@@ -3977,7 +4025,7 @@ class ColumnFilterFormElement {
         }
     }
     static ɵfac = function ColumnFilterFormElement_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ColumnFilterFormElement)(i0.ɵɵdirectiveInject(Table), i0.ɵɵdirectiveInject(ColumnFilter)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ColumnFilterFormElement, selectors: [["p-columnFilterFormElement"]], inputs: { field: "field", type: "type", filterConstraint: "filterConstraint", filterTemplate: "filterTemplate", placeholder: "placeholder", minFractionDigits: [2, "minFractionDigits", "minFractionDigits", (value) => numberAttribute(value, null)], maxFractionDigits: [2, "maxFractionDigits", "maxFractionDigits", (value) => numberAttribute(value, null)], prefix: "prefix", suffix: "suffix", locale: "locale", localeMatcher: "localeMatcher", currency: "currency", currencyDisplay: "currencyDisplay", useGrouping: [2, "useGrouping", "useGrouping", booleanAttribute], ariaLabel: "ariaLabel" }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 2, consts: [["builtInElement", ""], [4, "ngIf", "ngIfElse"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "ngSwitch"], ["type", "text", "pInputText", "", 3, "value", "input", "keydown.enter", 4, "ngSwitchCase"], [3, "ngModel", "showButtons", "minFractionDigits", "maxFractionDigits", "ariaLabel", "prefix", "suffix", "placeholder", "mode", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping", "ngModelChange", "onKeyDown", 4, "ngSwitchCase"], [3, "indeterminate", "binary", "ngModel", "ngModelChange", 4, "ngSwitchCase"], ["appendTo", "body", 3, "ariaLabel", "placeholder", "ngModel", "ngModelChange", 4, "ngSwitchCase"], ["type", "text", "pInputText", "", 3, "input", "keydown.enter", "value"], [3, "ngModelChange", "onKeyDown", "ngModel", "showButtons", "minFractionDigits", "maxFractionDigits", "ariaLabel", "prefix", "suffix", "placeholder", "mode", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping"], [3, "ngModelChange", "indeterminate", "binary", "ngModel"], ["appendTo", "body", 3, "ngModelChange", "ariaLabel", "placeholder", "ngModel"]], template: function ColumnFilterFormElement_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ColumnFilterFormElement, selectors: [["p-columnFilterFormElement"]], inputs: { field: "field", type: "type", filterConstraint: "filterConstraint", filterTemplate: "filterTemplate", placeholder: "placeholder", minFractionDigits: [2, "minFractionDigits", "minFractionDigits", (value) => numberAttribute(value, null)], maxFractionDigits: [2, "maxFractionDigits", "maxFractionDigits", (value) => numberAttribute(value, null)], prefix: "prefix", suffix: "suffix", locale: "locale", localeMatcher: "localeMatcher", currency: "currency", currencyDisplay: "currencyDisplay", useGrouping: [2, "useGrouping", "useGrouping", booleanAttribute], ariaLabel: "ariaLabel" }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 2, consts: [["builtInElement", ""], [4, "ngIf", "ngIfElse"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "ngSwitch"], ["type", "text", "pInputText", "", 3, "value", "input", "keydown.enter", "keydown", "click", 4, "ngSwitchCase"], [3, "ngModel", "showButtons", "minFractionDigits", "maxFractionDigits", "ariaLabel", "prefix", "suffix", "placeholder", "mode", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping", "ngModelChange", "onKeyDown", 4, "ngSwitchCase"], [3, "indeterminate", "binary", "ngModel", "ngModelChange", 4, "ngSwitchCase"], ["appendTo", "body", 3, "ariaLabel", "placeholder", "ngModel", "ngModelChange", 4, "ngSwitchCase"], ["type", "text", "pInputText", "", 3, "input", "keydown.enter", "keydown", "click", "value"], [3, "ngModelChange", "onKeyDown", "ngModel", "showButtons", "minFractionDigits", "maxFractionDigits", "ariaLabel", "prefix", "suffix", "placeholder", "mode", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping"], [3, "ngModelChange", "indeterminate", "binary", "ngModel"], ["appendTo", "body", 3, "ngModelChange", "ariaLabel", "placeholder", "ngModel"]], template: function ColumnFilterFormElement_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, ColumnFilterFormElement_ng_container_0_Template, 2, 19, "ng-container", 1)(1, ColumnFilterFormElement_ng_template_1_Template, 5, 5, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             const builtInElement_r6 = i0.ɵɵreference(2);
@@ -4026,8 +4074,11 @@ class ColumnFilterFormElement {
                     [value]="filterConstraint?.value"
                     (input)="onModelChange($event?.target?.value)"
                     (keydown.enter)="onTextInputEnterKeyDown($event)"
+                    (keydown)="$event.stopPropagation()"
+                    (click)="$event.stopPropagation()"
                     [attr.placeholder]="placeholder"
                 />
+
                 <p-inputNumber
                     *ngSwitchCase="'numeric'"
                     [ngModel]="filterConstraint?.value"
@@ -4265,12 +4316,19 @@ class ColumnFilter extends BaseComponent {
     clearButtonViewChild;
     overlaySubscription;
     headerTemplate;
+    _headerTemplate;
     filterTemplate;
+    _filterTemplate;
     footerTemplate;
+    _footerTemplate;
     filterIconTemplate;
+    _filterIconTemplate;
     removeRuleIconTemplate;
+    _removeRuleIconTemplate;
     addRuleIconTemplate;
+    _addRuleIconTemplate;
     clearFilterIconTemplate;
+    _clearFilterIconTemplate;
     operatorOptions;
     overlayVisible;
     overlay;
@@ -4377,32 +4435,33 @@ class ColumnFilter extends BaseComponent {
             }
         ];
     }
+    _templates;
     ngAfterContentInit() {
-        this.templates.forEach((item) => {
+        this._templates.forEach((item) => {
             switch (item.getType()) {
                 case 'header':
-                    this.headerTemplate = item.template;
+                    this._headerTemplate = item.template;
                     break;
                 case 'filter':
-                    this.filterTemplate = item.template;
+                    this._filterTemplate = item.template;
                     break;
                 case 'footer':
-                    this.footerTemplate = item.template;
+                    this._footerTemplate = item.template;
                     break;
                 case 'filtericon':
-                    this.filterIconTemplate = item.template;
+                    this._filterIconTemplate = item.template;
                     break;
                 case 'clearfiltericon':
-                    this.clearFilterIconTemplate = item.template;
+                    this._clearFilterIconTemplate = item.template;
                     break;
                 case 'removeruleicon':
-                    this.removeRuleIconTemplate = item.template;
+                    this._removeRuleIconTemplate = item.template;
                     break;
                 case 'addruleicon':
-                    this.addRuleIconTemplate = item.template;
+                    this._addRuleIconTemplate = item.template;
                     break;
                 default:
-                    this.filterTemplate = item.template;
+                    this._filterTemplate = item.template;
                     break;
             }
         });
@@ -4488,8 +4547,9 @@ class ColumnFilter extends BaseComponent {
             this.dt._filter();
         }
     }
-    toggleMenu() {
+    toggleMenu(e) {
         this.overlayVisible = !this.overlayVisible;
+        e.stopPropagation();
     }
     onToggleButtonKeyDown(event) {
         switch (event.key) {
@@ -4511,7 +4571,7 @@ class ColumnFilter extends BaseComponent {
                 }
                 break;
             case 'Enter':
-                this.toggleMenu();
+                this.toggleMenu(event);
                 event.preventDefault();
                 break;
         }
@@ -4700,16 +4760,35 @@ class ColumnFilter extends BaseComponent {
         super.ngOnDestroy();
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵColumnFilter_BaseFactory; return function ColumnFilter_Factory(__ngFactoryType__) { return (ɵColumnFilter_BaseFactory || (ɵColumnFilter_BaseFactory = i0.ɵɵgetInheritedFactory(ColumnFilter)))(__ngFactoryType__ || ColumnFilter); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ColumnFilter, selectors: [["p-columnFilter"]], viewQuery: function ColumnFilter_Query(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ColumnFilter, selectors: [["p-columnFilter"]], contentQueries: function ColumnFilter_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, _c5, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c6, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c7, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c8, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c9, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c10, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c11, 5);
+            i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.footerTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterIconTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.removeRuleIconTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.addRuleIconTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.clearFilterIconTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._templates = _t);
+        } }, viewQuery: function ColumnFilter_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(Button, 5, ElementRef);
-            i0.ɵɵviewQuery(_c5, 5);
+            i0.ɵɵviewQuery(_c12, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.icon = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.clearButtonViewChild = _t.first);
         } }, inputs: { field: "field", type: "type", display: "display", showMenu: [2, "showMenu", "showMenu", booleanAttribute], matchMode: "matchMode", operator: "operator", showOperator: [2, "showOperator", "showOperator", booleanAttribute], showClearButton: [2, "showClearButton", "showClearButton", booleanAttribute], showApplyButton: [2, "showApplyButton", "showApplyButton", booleanAttribute], showMatchModes: [2, "showMatchModes", "showMatchModes", booleanAttribute], showAddButton: [2, "showAddButton", "showAddButton", booleanAttribute], hideOnClear: [2, "hideOnClear", "hideOnClear", booleanAttribute], placeholder: "placeholder", matchModeOptions: "matchModeOptions", maxConstraints: [2, "maxConstraints", "maxConstraints", numberAttribute], minFractionDigits: [2, "minFractionDigits", "minFractionDigits", (value) => numberAttribute(value, null)], maxFractionDigits: [2, "maxFractionDigits", "maxFractionDigits", (value) => numberAttribute(value, null)], prefix: "prefix", suffix: "suffix", locale: "locale", localeMatcher: "localeMatcher", currency: "currency", currencyDisplay: "currencyDisplay", useGrouping: [2, "useGrouping", "useGrouping", booleanAttribute], showButtons: [2, "showButtons", "showButtons", booleanAttribute], ariaLabel: "ariaLabel", filterButtonProps: "filterButtonProps" }, outputs: { onShow: "onShow", onHide: "onHide" }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 5, vars: 5, consts: [["icon", ""], ["menu", ""], ["clearBtn", ""], [3, "ngClass"], ["class", "p-fluid", 3, "type", "field", "ariaLabel", "filterConstraint", "filterTemplate", "placeholder", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping", "showButtons", 4, "ngIf"], [3, "styleClass", "ariaLabel", "buttonProps", "click", "keydown", 4, "ngIf"], [3, "styleClass", "ariaLabel", "buttonProps", "onClick", 4, "ngIf"], ["role", "dialog", 3, "ngClass", "id", "click", "keydown.escape", 4, "ngIf"], [1, "p-fluid", 3, "type", "field", "ariaLabel", "filterConstraint", "filterTemplate", "placeholder", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping", "showButtons"], [3, "click", "keydown", "styleClass", "ariaLabel", "buttonProps"], [4, "ngIf"], ["class", "pi-filter-icon", 4, "ngIf"], [1, "pi-filter-icon"], [4, "ngTemplateOutlet"], [3, "onClick", "styleClass", "ariaLabel", "buttonProps"], ["role", "dialog", 3, "click", "keydown.escape", "ngClass", "id"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "ngClass", 4, "ngIf", "ngIfElse"], [3, "ngClass", "p-datatable-filter-constraint-selected", "click", "keydown", "keydown.enter", 4, "ngFor", "ngForOf"], [3, "click", "keydown", "keydown.enter", "ngClass"], [3, "ngClass", 4, "ngIf"], [3, "ngClass", 4, "ngFor", "ngForOf"], [3, "outlined", "label", "buttonProps", "onClick", 4, "ngIf"], ["size", "small", 3, "label", "buttonProps", "onClick", 4, "ngIf"], [3, "ngModelChange", "options", "ngModel", "styleClass"], [3, "options", "ngModel", "styleClass", "ngModelChange", 4, "ngIf"], [3, "type", "field", "filterConstraint", "filterTemplate", "placeholder", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping"], ["severity", "danger", "size", "small", 3, "styleClass", "text", "ariaLabel", "label", "buttonProps", "onClick", 4, "ngIf"], ["severity", "danger", "size", "small", 3, "onClick", "styleClass", "text", "ariaLabel", "label", "buttonProps"], ["type", "button", "size", "small", 3, "onClick", "label", "styleClass", "text", "buttonProps"], [3, "onClick", "outlined", "label", "buttonProps"], ["size", "small", 3, "onClick", "label", "buttonProps"]], template: function ColumnFilter_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 3);
-            i0.ɵɵtemplate(1, ColumnFilter_p_columnFilterFormElement_1_Template, 1, 16, "p-columnFilterFormElement", 4)(2, ColumnFilter_p_button_2_Template, 4, 6, "p-button", 5)(3, ColumnFilter_p_button_3_Template, 4, 3, "p-button", 6)(4, ColumnFilter_div_4_Template, 6, 14, "div", 7);
+            i0.ɵɵtemplate(1, ColumnFilter_p_columnFilterFormElement_1_Template, 1, 16, "p-columnFilterFormElement", 4)(2, ColumnFilter_p_button_2_Template, 3, 6, "p-button", 5)(3, ColumnFilter_p_button_3_Template, 3, 3, "p-button", 6)(4, ColumnFilter_div_4_Template, 6, 14, "div", 7);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.cx("filter"));
@@ -4721,7 +4800,7 @@ class ColumnFilter extends BaseComponent {
             i0.ɵɵproperty("ngIf", ctx.showClearButton && ctx.display === "row" && ctx.hasFilter);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.showMenu && ctx.overlayVisible);
-        } }, dependencies: [CommonModule, i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, ColumnFilterFormElement, Button, FilterIcon, FilterSlashIcon, PlusIcon, Select], encapsulation: 2, data: { animation: [
+        } }, dependencies: [CommonModule, i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, ColumnFilterFormElement, Button, FilterIcon, TrashIcon, FilterSlashIcon, PlusIcon, Select], encapsulation: 2, data: { animation: [
                 trigger('overlayAnimation', [
                     transition(':enter', [
                         style({
@@ -4739,7 +4818,7 @@ class ColumnFilter extends BaseComponent {
         args: [{
                 selector: 'p-columnFilter',
                 standalone: true,
-                imports: [CommonModule, ColumnFilterFormElement, Button, FilterIcon, FilterSlashIcon, PlusIcon, Select],
+                imports: [CommonModule, ColumnFilterFormElement, Button, FilterIcon, TrashIcon, FilterSlashIcon, PlusIcon, Select],
                 template: `
         <div [ngClass]="cx('filter')">
             <p-columnFilterFormElement
@@ -4749,7 +4828,7 @@ class ColumnFilter extends BaseComponent {
                 [field]="field"
                 [ariaLabel]="ariaLabel"
                 [filterConstraint]="dt.filters[field]"
-                [filterTemplate]="filterTemplate"
+                [filterTemplate]="filterTemplate ?? _filterTemplate"
                 [placeholder]="placeholder"
                 [minFractionDigits]="minFractionDigits"
                 [maxFractionDigits]="maxFractionDigits"
@@ -4763,28 +4842,27 @@ class ColumnFilter extends BaseComponent {
                 [showButtons]="showButtons"
             ></p-columnFilterFormElement>
             <p-button
-                #icon
                 *ngIf="showMenuButton"
                 [styleClass]="cx('pcColumnFilterButton')"
                 [attr.aria-haspopup]="true"
                 [ariaLabel]="filterMenuButtonAriaLabel"
                 [attr.aria-controls]="overlayVisible ? overlayId : null"
                 [attr.aria-expanded]="overlayVisible ?? false"
-                (click)="toggleMenu()"
+                (click)="toggleMenu($event)"
                 (keydown)="onToggleButtonKeyDown($event)"
                 [buttonProps]="filterButtonProps?.filter"
             >
                 <ng-template #icon>
-                    <FilterIcon *ngIf="!filterIconTemplate" />
-                    <span class="pi-filter-icon" *ngIf="filterIconTemplate">
-                        <ng-template *ngTemplateOutlet="filterIconTemplate"></ng-template>
+                    <FilterIcon *ngIf="!filterIconTemplate && !_filterIconTemplate" />
+                    <span class="pi-filter-icon" *ngIf="filterIconTemplate || _filterIconTemplate">
+                        <ng-template *ngTemplateOutlet="filterIconTemplate ?? _filterIconTemplate"></ng-template>
                     </span>
                 </ng-template>
             </p-button>
-            <p-button #icon *ngIf="showClearButton && display === 'row' && hasFilter" [styleClass]="cx('pcColumnfilterClearButton')" (onClick)="clearFilter()" [ariaLabel]="clearButtonLabel" [buttonProps]="filterButtonProps?.inline?.clear">
+            <p-button *ngIf="showClearButton && display === 'row' && hasFilter" [styleClass]="cx('pcColumnfilterClearButton')" (onClick)="clearFilter()" [ariaLabel]="clearButtonLabel" [buttonProps]="filterButtonProps?.inline?.clear">
                 <ng-template #icon>
-                    <FilterSlashIcon *ngIf="!clearFilterIconTemplate" />
-                    <ng-template *ngTemplateOutlet="clearFilterIconTemplate"></ng-template>
+                    <FilterSlashIcon *ngIf="!clearFilterIconTemplate && !_clearFilterIconTemplate" />
+                    <ng-template *ngTemplateOutlet="clearFilterIconTemplate ?? _clearFilterIconTemplate"></ng-template>
                 </ng-template>
             </p-button>
             <div
@@ -4799,7 +4877,7 @@ class ColumnFilter extends BaseComponent {
                 (@overlayAnimation.done)="onOverlayAnimationEnd($event)"
                 (keydown.escape)="onEscape()"
             >
-                <ng-container *ngTemplateOutlet="headerTemplate; context: { $implicit: field }"></ng-container>
+                <ng-container *ngTemplateOutlet="headerTemplate ?? _headerTemplate; context: { $implicit: field }"></ng-container>
                 <ul *ngIf="display === 'row'; else menu" [ngClass]="cx('filterConstraintList')">
                     <li
                         *ngFor="let matchMode of matchModes; let i = index"
@@ -4834,7 +4912,7 @@ class ColumnFilter extends BaseComponent {
                                 [type]="type"
                                 [field]="field"
                                 [filterConstraint]="fieldConstraint"
-                                [filterTemplate]="filterTemplate"
+                                [filterTemplate]="filterTemplate ?? _filterTemplate"
                                 [placeholder]="placeholder"
                                 [minFractionDigits]="minFractionDigits"
                                 [maxFractionDigits]="maxFractionDigits"
@@ -4858,8 +4936,8 @@ class ColumnFilter extends BaseComponent {
                                     [label]="removeRuleButtonLabel"
                                     [buttonProps]="filterButtonProps?.popover?.removeRule"
                                 >
-                                    <TrashIcon *ngIf="!removeRuleIconTemplate" />
-                                    <ng-template *ngTemplateOutlet="removeRuleIconTemplate"></ng-template>
+                                    <TrashIcon *ngIf="!removeRuleIconTemplate && !_removeRuleIconTemplate" />
+                                    <ng-template *ngTemplateOutlet="removeRuleIconTemplate ?? _removeRuleIconTemplate"></ng-template>
                                 </p-button>
                             </div>
                         </div>
@@ -4875,8 +4953,8 @@ class ColumnFilter extends BaseComponent {
                             (onClick)="addConstraint()"
                             [buttonProps]="filterButtonProps?.popover?.addRule"
                         >
-                            <PlusIcon *ngIf="!addRuleIconTemplate" />
-                            <ng-template *ngTemplateOutlet="addRuleIconTemplate"></ng-template>
+                            <PlusIcon *ngIf="!addRuleIconTemplate && !_addRuleIconTemplate" />
+                            <ng-template *ngTemplateOutlet="addRuleIconTemplate ?? _addRuleIconTemplate"></ng-template>
                         </p-button>
                     </div>
                     <div [ngClass]="cx('filterButtonbar')">
@@ -4884,7 +4962,7 @@ class ColumnFilter extends BaseComponent {
                         <p-button *ngIf="showApplyButton" (onClick)="applyFilter()" size="small" [label]="applyButtonLabel" [attr.aria-label]="applyButtonLabel" [buttonProps]="filterButtonProps?.popover?.apply" />
                     </div>
                 </ng-template>
-                <ng-container *ngTemplateOutlet="footerTemplate; context: { $implicit: field }"></ng-container>
+                <ng-container *ngTemplateOutlet="footerTemplate ?? _footerTemplate; context: { $implicit: field }"></ng-container>
             </div>
         </div>
     `,
@@ -4978,6 +5056,30 @@ class ColumnFilter extends BaseComponent {
         }], clearButtonViewChild: [{
             type: ViewChild,
             args: ['clearBtn']
+        }], headerTemplate: [{
+            type: ContentChild,
+            args: ['header']
+        }], filterTemplate: [{
+            type: ContentChild,
+            args: ['filter']
+        }], footerTemplate: [{
+            type: ContentChild,
+            args: ['footer']
+        }], filterIconTemplate: [{
+            type: ContentChild,
+            args: ['filtericon']
+        }], removeRuleIconTemplate: [{
+            type: ContentChild,
+            args: ['removeruleicon']
+        }], addRuleIconTemplate: [{
+            type: ContentChild,
+            args: ['addruleicon']
+        }], clearFilterIconTemplate: [{
+            type: ContentChild,
+            args: ['clearfiltericon']
+        }], _templates: [{
+            type: ContentChildren,
+            args: [PrimeTemplate]
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ColumnFilter, { className: "ColumnFilter" }); })();
 class TableBody {
@@ -5099,7 +5201,7 @@ class TableBody {
         return getItemOptions ? getItemOptions(index).index : index;
     }
     static ɵfac = function TableBody_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableBody)(i0.ɵɵdirectiveInject(Table), i0.ɵɵdirectiveInject(TableService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableBody, selectors: [["", "pTableBody", ""]], inputs: { columns: [0, "pTableBody", "columns"], template: [0, "pTableBodyTemplate", "template"], frozen: [2, "frozen", "frozen", booleanAttribute], frozenRows: [2, "frozenRows", "frozenRows", booleanAttribute], scrollerOptions: "scrollerOptions", value: "value" }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], attrs: _c6, decls: 5, vars: 5, consts: [[4, "ngIf"], ["ngFor", "", 3, "ngForOf", "ngForTrackBy"], ["role", "row", 4, "ngIf"], ["role", "row"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function TableBody_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableBody, selectors: [["", "pTableBody", ""]], inputs: { columns: [0, "pTableBody", "columns"], template: [0, "pTableBodyTemplate", "template"], frozen: [2, "frozen", "frozen", booleanAttribute], frozenRows: [2, "frozenRows", "frozenRows", booleanAttribute], scrollerOptions: "scrollerOptions", value: "value" }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], attrs: _c13, decls: 5, vars: 5, consts: [[4, "ngIf"], ["ngFor", "", 3, "ngForOf", "ngForTrackBy"], ["role", "row", 4, "ngIf"], ["role", "row"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function TableBody_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, TableBody_ng_container_0_Template, 2, 2, "ng-container", 0)(1, TableBody_ng_container_1_Template, 2, 2, "ng-container", 0)(2, TableBody_ng_container_2_Template, 2, 2, "ng-container", 0)(3, TableBody_ng_container_3_Template, 2, 5, "ng-container", 0)(4, TableBody_ng_container_4_Template, 2, 5, "ng-container", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", !ctx.dt.expandedRowTemplate);
@@ -5979,161 +6081,193 @@ class Table extends BaseComponent {
      * @group Templates
      */
     captionTemplate;
+    _captionTemplate;
     /**
      * Header template
      * @group Templates
      */
     headerTemplate;
+    _headerTemplate;
     /**
      * Header grouped template
      * @group Templates
      */
     headerGroupedTemplate;
+    _headerGroupedTemplate;
     /**
      * Body template
      * @group Templates
      */
     bodyTemplate;
+    _bodyTemplate;
     /**
      * Loading body template
      * @group Templates
      */
     loadingBodyTemplate;
+    _loadingBodyTemplate;
     /**
      * Footer template
      * @group Templates
      */
     footerTemplate;
+    _footerTemplate;
     /**
      * Footer grouped template
      * @group Templates
      */
     footerGroupedTemplate;
+    _footerGroupedTemplate;
     /**
      * Summary template
      * @group Templates
      */
     summaryTemplate;
+    _summaryTemplate;
     /**
      * Column group template
      * @group Templates
      */
     colGroupTemplate;
+    _colGroupTemplate;
     /**
      * Row expansion template
      * @group Templates
      */
     expandedRowTemplate;
+    _expandedRowTemplate;
     /**
      * Group header template
      * @group Templates
      */
     groupHeaderTemplate;
+    _groupHeaderTemplate;
     /**
      * Group footer template
      * @group Templates
      */
     groupFooterTemplate;
+    _groupFooterTemplate;
     /**
      * Frozen header template
      * @group Templates
      */
     frozenHeaderTemplate;
+    _frozenHeaderTemplate;
     /**
      * Frozen body template
      * @group Templates
      */
     frozenBodyTemplate;
+    _frozenBodyTemplate;
     /**
      * Frozen footer template
      * @group Templates
      */
     frozenFooterTemplate;
+    _frozenFooterTemplate;
     /**
      * Frozen column group template
      * @group Templates
      */
     frozenColGroupTemplate;
+    _frozenColGroupTemplate;
     /**
      * Frozen row expansion template
      * @group Templates
      */
     frozenExpandedRowTemplate;
+    _frozenExpandedRowTemplate;
     /**
      * Empty message template
      * @group Templates
      */
     emptyMessageTemplate;
+    _emptyMessageTemplate;
     /**
      * Paginator left template
      * @group Templates
      */
     paginatorLeftTemplate;
+    _paginatorLeftTemplate;
     /**
      * Paginator right template
      * @group Templates
      */
     paginatorRightTemplate;
+    _paginatorRightTemplate;
     /**
      * Paginator dropdown icon template
      * @group Templates
      */
     paginatorDropdownIconTemplate;
+    _paginatorDropdownIconTemplate;
     /**
      * Paginator dropdown item template
      * @group Templates
      */
     paginatorDropdownItemTemplate;
+    _paginatorDropdownItemTemplate;
     /**
      * Paginator first page link icon template
      * @group Templates
      */
     paginatorFirstPageLinkIconTemplate;
+    _paginatorFirstPageLinkIconTemplate;
     /**
      * Paginator last page link icon template
      * @group Templates
      */
     paginatorLastPageLinkIconTemplate;
+    _paginatorLastPageLinkIconTemplate;
     /**
      * Paginator previous page link icon template
      * @group Templates
      */
     paginatorPreviousPageLinkIconTemplate;
+    _paginatorPreviousPageLinkIconTemplate;
     /**
      * Paginator next page link icon template
      * @group Templates
      */
     paginatorNextPageLinkIconTemplate;
+    _paginatorNextPageLinkIconTemplate;
     /**
      * Loading icon template
      * @group Templates
      */
     loadingIconTemplate;
+    _loadingIconTemplate;
     /**
      * Reorder indicator up icon template
      * @group Templates
      */
     reorderIndicatorUpIconTemplate;
+    _reorderIndicatorUpIconTemplate;
     /**
      * Reorder indicator down icon template
      * @group Templates
      */
     reorderIndicatorDownIconTemplate;
+    _reorderIndicatorDownIconTemplate;
     /**
      * Sort icon template
      * @group Templates
      */
     sortIconTemplate;
+    _sortIconTemplate;
     /**
      * Checkbox icon template
      * @group Templates
      */
     checkboxIconTemplate;
+    _checkboxIconTemplate;
     /**
      * Header checkbox icon template
      * @group Templates
      */
     headerCheckboxIconTemplate;
+    _headerCheckboxIconTemplate;
     selectionKeys = {};
     lastResizerHelperX;
     reorderIconWidth;
@@ -6193,104 +6327,105 @@ class Table extends BaseComponent {
         }
         this.initialized = true;
     }
+    _templates;
     ngAfterContentInit() {
-        this.templates.forEach((item) => {
+        this._templates.forEach((item) => {
             switch (item.getType()) {
                 case 'caption':
-                    this.captionTemplate = item.template;
+                    this._captionTemplate = item.template;
                     break;
                 case 'header':
-                    this.headerTemplate = item.template;
+                    this._headerTemplate = item.template;
                     break;
                 case 'headergrouped':
-                    this.headerGroupedTemplate = item.template;
+                    this._headerGroupedTemplate = item.template;
                     break;
                 case 'body':
-                    this.bodyTemplate = item.template;
+                    this._bodyTemplate = item.template;
                     break;
                 case 'loadingbody':
-                    this.loadingBodyTemplate = item.template;
+                    this._loadingBodyTemplate = item.template;
                     break;
                 case 'footer':
-                    this.footerTemplate = item.template;
+                    this._footerTemplate = item.template;
                     break;
                 case 'footergrouped':
-                    this.footerGroupedTemplate = item.template;
+                    this._footerGroupedTemplate = item.template;
                     break;
                 case 'summary':
-                    this.summaryTemplate = item.template;
+                    this._summaryTemplate = item.template;
                     break;
                 case 'colgroup':
-                    this.colGroupTemplate = item.template;
+                    this._colGroupTemplate = item.template;
                     break;
                 case 'rowexpansion':
-                    this.expandedRowTemplate = item.template;
+                    this._expandedRowTemplate = item.template;
                     break;
                 case 'groupheader':
-                    this.groupHeaderTemplate = item.template;
+                    this._groupHeaderTemplate = item.template;
                     break;
                 case 'groupfooter':
-                    this.groupFooterTemplate = item.template;
+                    this._groupFooterTemplate = item.template;
                     break;
                 case 'frozenheader':
-                    this.frozenHeaderTemplate = item.template;
+                    this._frozenHeaderTemplate = item.template;
                     break;
                 case 'frozenbody':
-                    this.frozenBodyTemplate = item.template;
+                    this._frozenBodyTemplate = item.template;
                     break;
                 case 'frozenfooter':
-                    this.frozenFooterTemplate = item.template;
+                    this._frozenFooterTemplate = item.template;
                     break;
                 case 'frozencolgroup':
-                    this.frozenColGroupTemplate = item.template;
+                    this._frozenColGroupTemplate = item.template;
                     break;
                 case 'frozenrowexpansion':
-                    this.frozenExpandedRowTemplate = item.template;
+                    this._frozenExpandedRowTemplate = item.template;
                     break;
                 case 'emptymessage':
-                    this.emptyMessageTemplate = item.template;
+                    this._emptyMessageTemplate = item.template;
                     break;
                 case 'paginatorleft':
-                    this.paginatorLeftTemplate = item.template;
+                    this._paginatorLeftTemplate = item.template;
                     break;
                 case 'paginatorright':
-                    this.paginatorRightTemplate = item.template;
+                    this._paginatorRightTemplate = item.template;
                     break;
                 case 'paginatordropdownicon':
-                    this.paginatorDropdownIconTemplate = item.template;
+                    this._paginatorDropdownIconTemplate = item.template;
                     break;
                 case 'paginatordropdownitem':
-                    this.paginatorDropdownItemTemplate = item.template;
+                    this._paginatorDropdownItemTemplate = item.template;
                     break;
                 case 'paginatorfirstpagelinkicon':
-                    this.paginatorFirstPageLinkIconTemplate = item.template;
+                    this._paginatorFirstPageLinkIconTemplate = item.template;
                     break;
                 case 'paginatorlastpagelinkicon':
-                    this.paginatorLastPageLinkIconTemplate = item.template;
+                    this._paginatorLastPageLinkIconTemplate = item.template;
                     break;
                 case 'paginatorpreviouspagelinkicon':
-                    this.paginatorPreviousPageLinkIconTemplate = item.template;
+                    this._paginatorPreviousPageLinkIconTemplate = item.template;
                     break;
                 case 'paginatornextpagelinkicon':
-                    this.paginatorNextPageLinkIconTemplate = item.template;
+                    this._paginatorNextPageLinkIconTemplate = item.template;
                     break;
                 case 'loadingicon':
-                    this.loadingIconTemplate = item.template;
+                    this._loadingIconTemplate = item.template;
                     break;
                 case 'reorderindicatorupicon':
-                    this.reorderIndicatorUpIconTemplate = item.template;
+                    this._reorderIndicatorUpIconTemplate = item.template;
                     break;
                 case 'reorderindicatordownicon':
-                    this.reorderIndicatorDownIconTemplate = item.template;
+                    this._reorderIndicatorDownIconTemplate = item.template;
                     break;
                 case 'sorticon':
-                    this.sortIconTemplate = item.template;
+                    this._sortIconTemplate = item.template;
                     break;
                 case 'checkboxicon':
-                    this.checkboxIconTemplate = item.template;
+                    this._checkboxIconTemplate = item.template;
                     break;
                 case 'headercheckboxicon':
-                    this.headerCheckboxIconTemplate = item.template;
+                    this._headerCheckboxIconTemplate = item.template;
                     break;
             }
         });
@@ -7447,7 +7582,7 @@ class Table extends BaseComponent {
         this.resizeHelperViewChild.nativeElement.style.display = 'block';
     }
     onColumnResizeEnd() {
-        let delta = this.resizeHelperViewChild?.nativeElement.offsetLeft - this.lastResizerHelperX;
+        let delta = isRTL(this.el.nativeElement) ? this.lastResizerHelperX - this.resizeHelperViewChild?.nativeElement.offsetLeft : this.resizeHelperViewChild?.nativeElement.offsetLeft - this.lastResizerHelperX;
         let columnWidth = this.resizeColumnElement.offsetWidth;
         let newColumnWidth = columnWidth + delta;
         let minWidth = this.resizeColumnElement.style.minWidth.replace(/[^\d.]/g, '') || 15;
@@ -7910,17 +8045,12 @@ class Table extends BaseComponent {
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵTable_BaseFactory; return function Table_Factory(__ngFactoryType__) { return (ɵTable_BaseFactory || (ɵTable_BaseFactory = i0.ɵɵgetInheritedFactory(Table)))(__ngFactoryType__ || Table); }; })();
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Table, selectors: [["p-table"]], contentQueries: function Table_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c12, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c13, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c14, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c15, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c16, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c17, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c18, 5);
             i0.ɵɵcontentQuery(dirIndex, _c19, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c5, 5);
             i0.ɵɵcontentQuery(dirIndex, _c20, 5);
             i0.ɵɵcontentQuery(dirIndex, _c21, 5);
             i0.ɵɵcontentQuery(dirIndex, _c22, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c7, 5);
             i0.ɵɵcontentQuery(dirIndex, _c23, 5);
             i0.ɵɵcontentQuery(dirIndex, _c24, 5);
             i0.ɵɵcontentQuery(dirIndex, _c25, 5);
@@ -7942,6 +8072,12 @@ class Table extends BaseComponent {
             i0.ɵɵcontentQuery(dirIndex, _c41, 5);
             i0.ɵɵcontentQuery(dirIndex, _c42, 5);
             i0.ɵɵcontentQuery(dirIndex, _c43, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c44, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c45, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c46, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c47, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c48, 5);
+            i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.captionTemplate = _t.first);
@@ -7976,16 +8112,17 @@ class Table extends BaseComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sortIconTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxIconTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerCheckboxIconTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._templates = _t);
         } }, viewQuery: function Table_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c44, 5);
-            i0.ɵɵviewQuery(_c45, 5);
-            i0.ɵɵviewQuery(_c46, 5);
-            i0.ɵɵviewQuery(_c47, 5);
-            i0.ɵɵviewQuery(_c48, 5);
             i0.ɵɵviewQuery(_c49, 5);
             i0.ɵɵviewQuery(_c50, 5);
             i0.ɵɵviewQuery(_c51, 5);
             i0.ɵɵviewQuery(_c52, 5);
+            i0.ɵɵviewQuery(_c53, 5);
+            i0.ɵɵviewQuery(_c54, 5);
+            i0.ɵɵviewQuery(_c55, 5);
+            i0.ɵɵviewQuery(_c56, 5);
+            i0.ɵɵviewQuery(_c57, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.containerViewChild = _t.first);
@@ -8012,7 +8149,7 @@ class Table extends BaseComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.loading && ctx.showLoader);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.captionTemplate);
+            i0.ɵɵproperty("ngIf", ctx.captionTemplate || ctx._captionTemplate);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.paginator && (ctx.paginatorPosition === "top" || ctx.paginatorPosition == "both"));
             i0.ɵɵadvance();
@@ -8024,7 +8161,7 @@ class Table extends BaseComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.paginator && (ctx.paginatorPosition === "bottom" || ctx.paginatorPosition == "both"));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.summaryTemplate);
+            i0.ɵɵproperty("ngIf", ctx.summaryTemplate || ctx._summaryTemplate);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.resizableColumns);
             i0.ɵɵadvance();
@@ -8077,14 +8214,14 @@ class Table extends BaseComponent {
             <div [ngClass]="cx('mask')" *ngIf="loading && showLoader">
                 <i *ngIf="loadingIcon" [class]="'p-datatable-loading-icon ' + loadingIcon"></i>
                 <ng-container *ngIf="!loadingIcon">
-                    <SpinnerIcon *ngIf="!loadingIconTemplate" [spin]="true" [styleClass]="cx('loadingIcon')" />
-                    <span *ngIf="loadingIconTemplate" [ngClass]="cx('loadingIcon')">
-                        <ng-template *ngTemplateOutlet="loadingIconTemplate"></ng-template>
+                    <SpinnerIcon *ngIf="!loadingIconTemplate && !_loadingIconTemplate" [spin]="true" [styleClass]="cx('loadingIcon')" />
+                    <span *ngIf="loadingIconTemplate || _loadingIconTemplate" [ngClass]="cx('loadingIcon')">
+                        <ng-template *ngTemplateOutlet="loadingIconTemplate ?? _loadingIconTemplate"></ng-template>
                     </span>
                 </ng-container>
             </div>
-            <div *ngIf="captionTemplate" [ngClass]="cx('header')">
-                <ng-container *ngTemplateOutlet="captionTemplate"></ng-container>
+            <div *ngIf="captionTemplate || _captionTemplate" [ngClass]="cx('header')">
+                <ng-container *ngTemplateOutlet="captionTemplate ?? _captionTemplate"></ng-container>
             </div>
             <p-paginator
                 [rows]="rows"
@@ -8095,13 +8232,13 @@ class Table extends BaseComponent {
                 (onPageChange)="onPageChange($event)"
                 [rowsPerPageOptions]="rowsPerPageOptions"
                 *ngIf="paginator && (paginatorPosition === 'top' || paginatorPosition == 'both')"
-                [templateLeft]="paginatorLeftTemplate"
-                [templateRight]="paginatorRightTemplate"
+                [templateLeft]="paginatorLeftTemplate ?? _paginatorLeftTemplate"
+                [templateRight]="paginatorRightTemplate ?? _paginatorRightTemplate"
                 [dropdownAppendTo]="paginatorDropdownAppendTo"
                 [dropdownScrollHeight]="paginatorDropdownScrollHeight"
                 [currentPageReportTemplate]="currentPageReportTemplate"
                 [showFirstLastIcon]="showFirstLastIcon"
-                [dropdownItemTemplate]="paginatorDropdownItemTemplate"
+                [dropdownItemTemplate]="paginatorDropdownItemTemplate ?? _paginatorDropdownItemTemplate"
                 [showCurrentPageReport]="showCurrentPageReport"
                 [showJumpToPageDropdown]="showJumpToPageDropdown"
                 [showJumpToPageInput]="showJumpToPageInput"
@@ -8109,24 +8246,24 @@ class Table extends BaseComponent {
                 [styleClass]="cx('pcPaginator')"
                 [locale]="paginatorLocale"
             >
-                <ng-template pTemplate="dropdownicon" *ngIf="paginatorDropdownIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorDropdownIconTemplate"></ng-container>
+                <ng-template pTemplate="dropdownicon" *ngIf="paginatorDropdownIconTemplate || _paginatorDropdownIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorDropdownIconTemplate ?? _paginatorDropdownIconTemplate"></ng-container>
                 </ng-template>
 
-                <ng-template pTemplate="firstpagelinkicon" *ngIf="paginatorFirstPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorFirstPageLinkIconTemplate"></ng-container>
+                <ng-template pTemplate="firstpagelinkicon" *ngIf="paginatorFirstPageLinkIconTemplate || _paginatorFirstPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorFirstPageLinkIconTemplate ?? _paginatorFirstPageLinkIconTemplate"></ng-container>
                 </ng-template>
 
-                <ng-template pTemplate="previouspagelinkicon" *ngIf="paginatorPreviousPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorPreviousPageLinkIconTemplate"></ng-container>
+                <ng-template pTemplate="previouspagelinkicon" *ngIf="paginatorPreviousPageLinkIconTemplate || _paginatorPreviousPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorPreviousPageLinkIconTemplate ?? _paginatorPreviousPageLinkIconTemplate"></ng-container>
                 </ng-template>
 
-                <ng-template pTemplate="lastpagelinkicon" *ngIf="paginatorLastPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorLastPageLinkIconTemplate"></ng-container>
+                <ng-template pTemplate="lastpagelinkicon" *ngIf="paginatorLastPageLinkIconTemplate || _paginatorPreviousPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorLastPageLinkIconTemplate ?? _paginatorPreviousPageLinkIconTemplate"></ng-container>
                 </ng-template>
 
-                <ng-template pTemplate="nextpagelinkicon" *ngIf="paginatorNextPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorNextPageLinkIconTemplate"></ng-container>
+                <ng-template pTemplate="nextpagelinkicon" *ngIf="paginatorNextPageLinkIconTemplate || _paginatorNextPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorNextPageLinkIconTemplate ?? _paginatorNextPageLinkIconTemplate"></ng-container>
                 </ng-template>
             </p-paginator>
 
@@ -8149,7 +8286,7 @@ class Table extends BaseComponent {
                     (onLazyLoad)="onLazyItemLoad($event)"
                     [loaderDisabled]="true"
                     [showSpacer]="false"
-                    [showLoader]="loadingBodyTemplate"
+                    [showLoader]="!!(loadingBodyTemplate ?? _loadingBodyTemplate)"
                     [options]="virtualScrollOptions"
                 >
                     <ng-template #content let-items let-scrollerOptions="options">
@@ -8178,11 +8315,11 @@ class Table extends BaseComponent {
 
                 <ng-template #buildInTable let-items let-scrollerOptions="options">
                     <table #table role="table" [ngClass]="cx('table')" [class]="tableStyleClass" [style]="tableStyle" [attr.id]="id + '-table'">
-                        <ng-container *ngTemplateOutlet="colGroupTemplate; context: { $implicit: scrollerOptions.columns }"></ng-container>
+                        <ng-container *ngTemplateOutlet="colGroupTemplate ?? _colGroupTemplate; context: { $implicit: scrollerOptions.columns }"></ng-container>
                         <thead role="rowgroup" #thead [ngClass]="cx('thead')" [ngStyle]="sx('thead')">
                             <ng-container
                                 *ngTemplateOutlet="
-                                    headerGroupedTemplate || headerTemplate;
+                                    headerGroupedTemplate ?? headerTemplate ?? _headerTemplate;
                                     context: {
                                         $implicit: scrollerOptions.columns
                                     }
@@ -8192,11 +8329,11 @@ class Table extends BaseComponent {
                         <tbody
                             role="rowgroup"
                             [ngClass]="cx('tbody')"
-                            *ngIf="frozenValue || frozenBodyTemplate"
+                            *ngIf="frozenValue || frozenBodyTemplate || _frozenBodyTemplate"
                             [value]="frozenValue"
                             [frozenRows]="true"
                             [pTableBody]="scrollerOptions.columns"
-                            [pTableBodyTemplate]="frozenBodyTemplate"
+                            [pTableBodyTemplate]="frozenBodyTemplate ?? _frozenBodyTemplate"
                             [frozen]="true"
                         ></tbody>
                         <tbody
@@ -8205,7 +8342,7 @@ class Table extends BaseComponent {
                             [style]="scrollerOptions.contentStyle"
                             [value]="dataToRender(scrollerOptions.rows)"
                             [pTableBody]="scrollerOptions.columns"
-                            [pTableBodyTemplate]="bodyTemplate"
+                            [pTableBodyTemplate]="bodyTemplate ?? _bodyTemplate"
                             [scrollerOptions]="scrollerOptions"
                         ></tbody>
                         <tbody
@@ -8218,7 +8355,7 @@ class Table extends BaseComponent {
                             <div class="p-datatable-footer">
                                 <ng-container
                                     *ngTemplateOutlet="
-                                        footerGroupedTemplate || footerTemplate;
+                                        (footerGroupedTemplate || footerTemplate) ?? _footerTemplate;
                                         context: {
                                             $implicit: scrollerOptions.columns
                                         }
@@ -8239,13 +8376,13 @@ class Table extends BaseComponent {
                 (onPageChange)="onPageChange($event)"
                 [rowsPerPageOptions]="rowsPerPageOptions"
                 *ngIf="paginator && (paginatorPosition === 'bottom' || paginatorPosition == 'both')"
-                [templateLeft]="paginatorLeftTemplate"
-                [templateRight]="paginatorRightTemplate"
+                [templateLeft]="paginatorLeftTemplate ?? _paginatorLeftTemplate"
+                [templateRight]="paginatorRightTemplate ?? _paginatorRightTemplate"
                 [dropdownAppendTo]="paginatorDropdownAppendTo"
                 [dropdownScrollHeight]="paginatorDropdownScrollHeight"
                 [currentPageReportTemplate]="currentPageReportTemplate"
                 [showFirstLastIcon]="showFirstLastIcon"
-                [dropdownItemTemplate]="paginatorDropdownItemTemplate"
+                [dropdownItemTemplate]="paginatorDropdownItemTemplate ?? _paginatorDropdownItemTemplate"
                 [showCurrentPageReport]="showCurrentPageReport"
                 [showJumpToPageDropdown]="showJumpToPageDropdown"
                 [showJumpToPageInput]="showJumpToPageInput"
@@ -8253,39 +8390,39 @@ class Table extends BaseComponent {
                 [styleClass]="cx('pcPaginator')"
                 [locale]="paginatorLocale"
             >
-                <ng-template pTemplate="dropdownicon" *ngIf="paginatorDropdownIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorDropdownIconTemplate"></ng-container>
+                <ng-template pTemplate="dropdownicon" *ngIf="paginatorDropdownIconTemplate || _paginatorDropdownIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorDropdownIconTemplate ?? _paginatorDropdownIconTemplate"></ng-container>
                 </ng-template>
 
-                <ng-template pTemplate="firstpagelinkicon" *ngIf="paginatorFirstPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorFirstPageLinkIconTemplate"></ng-container>
+                <ng-template pTemplate="firstpagelinkicon" *ngIf="paginatorFirstPageLinkIconTemplate || _paginatorFirstPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorFirstPageLinkIconTemplate ?? _paginatorFirstPageLinkIconTemplate"></ng-container>
                 </ng-template>
 
-                <ng-template pTemplate="previouspagelinkicon" *ngIf="paginatorPreviousPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorPreviousPageLinkIconTemplate"></ng-container>
+                <ng-template pTemplate="previouspagelinkicon" *ngIf="paginatorPreviousPageLinkIconTemplate || _paginatorPreviousPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorPreviousPageLinkIconTemplate ?? _paginatorPreviousPageLinkIconTemplate"></ng-container>
                 </ng-template>
 
-                <ng-template pTemplate="lastpagelinkicon" *ngIf="paginatorLastPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorLastPageLinkIconTemplate"></ng-container>
+                <ng-template pTemplate="lastpagelinkicon" *ngIf="paginatorLastPageLinkIconTemplate || _paginatorPreviousPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorLastPageLinkIconTemplate ?? _paginatorPreviousPageLinkIconTemplate"></ng-container>
                 </ng-template>
 
-                <ng-template pTemplate="nextpagelinkicon" *ngIf="paginatorNextPageLinkIconTemplate">
-                    <ng-container *ngTemplateOutlet="paginatorNextPageLinkIconTemplate"></ng-container>
+                <ng-template pTemplate="nextpagelinkicon" *ngIf="paginatorNextPageLinkIconTemplate || _paginatorNextPageLinkIconTemplate">
+                    <ng-container *ngTemplateOutlet="paginatorNextPageLinkIconTemplate ?? _paginatorNextPageLinkIconTemplate"></ng-container>
                 </ng-template>
             </p-paginator>
 
-            <div *ngIf="summaryTemplate" [ngClass]="cx('footer')">
-                <ng-container *ngTemplateOutlet="summaryTemplate"></ng-container>
+            <div *ngIf="summaryTemplate || _summaryTemplate" [ngClass]="cx('footer')">
+                <ng-container *ngTemplateOutlet="summaryTemplate ?? _summaryTemplate"></ng-container>
             </div>
 
             <div #resizeHelper [ngClass]="cx('columnResizeIndicator')" style="display:none" *ngIf="resizableColumns"></div>
             <span #reorderIndicatorUp [ngClass]="cx('rowReorderIndicatorUp')" style="display: none;" *ngIf="reorderableColumns">
-                <ArrowDownIcon *ngIf="!reorderIndicatorUpIconTemplate" />
-                <ng-template *ngTemplateOutlet="reorderIndicatorUpIconTemplate"></ng-template>
+                <ArrowDownIcon *ngIf="!reorderIndicatorUpIconTemplate && !_reorderIndicatorUpIconTemplate" />
+                <ng-template *ngTemplateOutlet="reorderIndicatorUpIconTemplate ?? _reorderIndicatorUpIconTemplate"></ng-template>
             </span>
             <span #reorderIndicatorDown [ngClass]="cx('rowReorderIndicatorDown')" style="display: none;" *ngIf="reorderableColumns">
-                <ArrowUpIcon *ngIf="!reorderIndicatorDownIconTemplate" />
-                <ng-template *ngTemplateOutlet="reorderIndicatorDownIconTemplate"></ng-template>
+                <ArrowUpIcon *ngIf="!reorderIndicatorDownIconTemplate && !_reorderIndicatorDownIconTemplate" />
+                <ng-template *ngTemplateOutlet="reorderIndicatorDownIconTemplate ?? _reorderIndicatorDownIconTemplate"></ng-template>
             </span>
         </div>
     `,
@@ -8670,6 +8807,9 @@ class Table extends BaseComponent {
         }], headerCheckboxIconTemplate: [{
             type: ContentChild,
             args: ['headercheckboxicon']
+        }], _templates: [{
+            type: ContentChildren,
+            args: [PrimeTemplate]
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Table, { className: "Table" }); })();
 class TableModule {