@po-ui/ng-components 17.26.13 → 17.26.15

package/fesm2022/po-ui-ng-components.mjs

@@ -24176,15 +24176,15 @@ function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_2_Template(rf
 function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_3_ng_template_1_Template(rf, ctx) { }
 const _c19 = (a0, a1) => ({ row: a0, rowIndex: a1 });
 function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_3_Template(rf, ctx) { if (rf & 1) {
-    const _r109 = i0.ɵɵgetCurrentView();
+    const _r108 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 99);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_3_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r109); const row_r93 = i0.ɵɵnextContext().$implicit; const ctx_r107 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r107.toggleDetail(row_r93)); });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_3_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r108); const row_r93 = i0.ɵɵnextContext().$implicit; const ctx_r106 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r106.toggleDetail(row_r93)); });
     i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_3_ng_template_1_Template, 0, 0, "ng-template", 100);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r110 = i0.ɵɵnextContext();
-    const row_r93 = ctx_r110.$implicit;
-    const rowIndex_r94 = ctx_r110.index;
+    const ctx_r109 = i0.ɵɵnextContext();
+    const row_r93 = ctx_r109.$implicit;
+    const rowIndex_r94 = ctx_r109.index;
     i0.ɵɵnextContext(3);
     const _r13 = i0.ɵɵreference(15);
     i0.ɵɵadvance();
@@ -24194,197 +24194,181 @@ function PoTableComponent_ng_template_8_ng_container_16_tbody_1_4_ng_template_0_
 function PoTableComponent_ng_template_8_ng_container_16_tbody_1_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, PoTableComponent_ng_template_8_ng_container_16_tbody_1_4_ng_template_0_Template, 0, 0, "ng-template", 100);
 } if (rf & 2) {
-    const ctx_r112 = i0.ɵɵnextContext();
-    const row_r93 = ctx_r112.$implicit;
-    const rowIndex_r94 = ctx_r112.index;
+    const ctx_r111 = i0.ɵɵnextContext();
+    const row_r93 = ctx_r111.$implicit;
+    const rowIndex_r94 = ctx_r111.index;
     i0.ɵɵnextContext(3);
     const _r25 = i0.ɵɵreference(27);
     i0.ɵɵproperty("ngTemplateOutlet", _r25)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c19, row_r93, rowIndex_r94));
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_ng_template_1_Template(rf, ctx) { }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_Template(rf, ctx) { if (rf & 1) {
-    const _r116 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 99);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r116); const row_r93 = i0.ɵɵnextContext().$implicit; const ctx_r114 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r114.toggleDetail(row_r93)); });
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_ng_template_1_Template, 0, 0, "ng-template", 100);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r117 = i0.ɵɵnextContext();
-    const row_r93 = ctx_r117.$implicit;
-    const rowIndex_r94 = ctx_r117.index;
-    i0.ɵɵnextContext(3);
-    const _r13 = i0.ɵɵreference(15);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r13)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c19, row_r93, rowIndex_r94));
-} }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_2_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_2_ng_container_1_Template, 1, 0, "ng-container", 78);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_2_ng_container_1_Template, 1, 0, "ng-container", 78);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r118 = i0.ɵɵnextContext().$implicit;
+    const column_r112 = i0.ɵɵnextContext().$implicit;
     const row_r93 = i0.ɵɵnextContext().$implicit;
-    const ctx_r120 = i0.ɵɵnextContext(3);
+    const ctx_r114 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r120.getTemplate(column_r118))("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c18, ctx_r120.getCellData(row_r93, column_r118)));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r114.getTemplate(column_r112))("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c18, ctx_r114.getCellData(row_r93, column_r112)));
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 const _c20 = (a0, a1) => ({ row: a0, column: a1 });
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_3_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_3_ng_container_1_Template, 1, 0, "ng-container", 78);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_3_ng_container_1_Template, 1, 0, "ng-container", 78);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r118 = i0.ɵɵnextContext().$implicit;
+    const column_r112 = i0.ɵɵnextContext().$implicit;
     const row_r93 = i0.ɵɵnextContext().$implicit;
-    const ctx_r121 = i0.ɵɵnextContext(3);
+    const ctx_r115 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r121.tableCellTemplate == null ? null : ctx_r121.tableCellTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c20, row_r93, column_r118));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r115.tableCellTemplate == null ? null : ctx_r115.tableCellTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c20, row_r93, column_r112));
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_4_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r118 = i0.ɵɵnextContext().$implicit;
+    const column_r112 = i0.ɵɵnextContext().$implicit;
     const row_r93 = i0.ɵɵnextContext().$implicit;
-    const ctx_r122 = i0.ɵɵnextContext(3);
+    const ctx_r116 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r122.getBooleanLabel(ctx_r122.getCellData(row_r93, column_r118), column_r118), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r116.getBooleanLabel(ctx_r116.getCellData(row_r93, column_r112), column_r112), " ");
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_5_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "currency");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r118 = i0.ɵɵnextContext().$implicit;
+    const column_r112 = i0.ɵɵnextContext().$implicit;
     const row_r93 = i0.ɵɵnextContext().$implicit;
-    const ctx_r123 = i0.ɵɵnextContext(3);
+    const ctx_r117 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind4(2, 1, ctx_r123.getCellData(row_r93, column_r118), column_r118.format, "symbol", "1.2-2"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind4(2, 1, ctx_r117.getCellData(row_r93, column_r112), column_r112.format, "symbol", "1.2-2"), " ");
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_6_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r118 = i0.ɵɵnextContext().$implicit;
+    const column_r112 = i0.ɵɵnextContext().$implicit;
     const row_r93 = i0.ɵɵnextContext().$implicit;
-    const ctx_r124 = i0.ɵɵnextContext(3);
+    const ctx_r118 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r124.getCellData(row_r93, column_r118), column_r118.format || "dd/MM/yyyy"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r118.getCellData(row_r93, column_r112), column_r112.format || "dd/MM/yyyy"), " ");
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_7_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "po_time");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r118 = i0.ɵɵnextContext().$implicit;
+    const column_r112 = i0.ɵɵnextContext().$implicit;
     const row_r93 = i0.ɵɵnextContext().$implicit;
-    const ctx_r125 = i0.ɵɵnextContext(3);
+    const ctx_r119 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r125.getCellData(row_r93, column_r118), column_r118.format || "HH:mm:ss.ffffff"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r119.getCellData(row_r93, column_r112), column_r112.format || "HH:mm:ss.ffffff"), " ");
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_8_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r118 = i0.ɵɵnextContext().$implicit;
+    const column_r112 = i0.ɵɵnextContext().$implicit;
     const row_r93 = i0.ɵɵnextContext().$implicit;
-    const ctx_r126 = i0.ɵɵnextContext(3);
+    const ctx_r120 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r126.getCellData(row_r93, column_r118), column_r118.format || "dd/MM/yyyy HH:mm:ss"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r120.getCellData(row_r93, column_r112), column_r112.format || "dd/MM/yyyy HH:mm:ss"), " ");
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_9_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r118 = i0.ɵɵnextContext().$implicit;
+    const column_r112 = i0.ɵɵnextContext().$implicit;
     const row_r93 = i0.ɵɵnextContext().$implicit;
-    const ctx_r127 = i0.ɵɵnextContext(3);
+    const ctx_r121 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r127.formatNumber(ctx_r127.getCellData(row_r93, column_r118), column_r118.format), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r121.formatNumber(ctx_r121.getCellData(row_r93, column_r112), column_r112.format), " ");
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_po_table_column_link_10_Template(rf, ctx) { if (rf & 1) {
-    const _r153 = i0.ɵɵgetCurrentView();
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_po_table_column_link_10_Template(rf, ctx) { if (rf & 1) {
+    const _r147 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-table-column-link", 107);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_po_table_column_link_10_Template_po_table_column_link_click_0_listener($event) { i0.ɵɵrestoreView(_r153); const column_r118 = i0.ɵɵnextContext().$implicit; const row_r93 = i0.ɵɵnextContext().$implicit; const ctx_r151 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r151.onClickLink($event, row_r93, column_r118)); });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_po_table_column_link_10_Template_po_table_column_link_click_0_listener($event) { i0.ɵɵrestoreView(_r147); const column_r112 = i0.ɵɵnextContext().$implicit; const row_r93 = i0.ɵɵnextContext().$implicit; const ctx_r145 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r145.onClickLink($event, row_r93, column_r112)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r118 = i0.ɵɵnextContext().$implicit;
+    const column_r112 = i0.ɵɵnextContext().$implicit;
     const row_r93 = i0.ɵɵnextContext().$implicit;
-    const ctx_r128 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("p-action", column_r118.action)("p-disabled", ctx_r128.checkDisabled(row_r93, column_r118))("p-link", row_r93[column_r118.link])("p-row", row_r93)("p-value", ctx_r128.getCellData(row_r93, column_r118));
+    const ctx_r122 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("p-action", column_r112.action)("p-disabled", ctx_r122.checkDisabled(row_r93, column_r112))("p-link", row_r93[column_r112.link])("p-row", row_r93)("p-value", ctx_r122.getCellData(row_r93, column_r112));
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_po_table_column_icon_11_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_po_table_column_icon_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-table-column-icon", 108);
 } if (rf & 2) {
-    const column_r118 = i0.ɵɵnextContext().$implicit;
+    const column_r112 = i0.ɵɵnextContext().$implicit;
     const row_r93 = i0.ɵɵnextContext().$implicit;
-    const ctx_r129 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("p-column", column_r118)("p-icons", ctx_r129.getColumnIcons(row_r93, column_r118))("p-row", row_r93);
+    const ctx_r123 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("p-column", column_r112)("p-icons", ctx_r123.getColumnIcons(row_r93, column_r112))("p-row", row_r93);
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_12_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵelement(1, "po-table-subtitle-circle", 109);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r118 = i0.ɵɵnextContext().$implicit;
+    const column_r112 = i0.ɵɵnextContext().$implicit;
     const row_r93 = i0.ɵɵnextContext().$implicit;
-    const ctx_r130 = i0.ɵɵnextContext(3);
+    const ctx_r124 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("p-subtitle", ctx_r130.getSubtitleColumn(row_r93, column_r118));
+    i0.ɵɵproperty("p-subtitle", ctx_r124.getSubtitleColumn(row_r93, column_r112));
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_13_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵelement(1, "po-table-column-label", 110);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r118 = i0.ɵɵnextContext().$implicit;
+    const column_r112 = i0.ɵɵnextContext().$implicit;
     const row_r93 = i0.ɵɵnextContext().$implicit;
-    const ctx_r131 = i0.ɵɵnextContext(3);
+    const ctx_r125 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("p-value", ctx_r131.getColumnLabel(row_r93, column_r118));
+    i0.ɵɵproperty("p-value", ctx_r125.getColumnLabel(row_r93, column_r112));
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_14_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r118 = i0.ɵɵnextContext().$implicit;
+    const column_r112 = i0.ɵɵnextContext().$implicit;
     const row_r93 = i0.ɵɵnextContext().$implicit;
-    const ctx_r132 = i0.ɵɵnextContext(3);
+    const ctx_r126 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r132.getCellData(row_r93, column_r118));
+    i0.ɵɵtextInterpolate(ctx_r126.getCellData(row_r93, column_r112));
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_Template(rf, ctx) { if (rf & 1) {
-    const _r166 = i0.ɵɵgetCurrentView();
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_Template(rf, ctx) { if (rf & 1) {
+    const _r160 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 101);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r166); const row_r93 = i0.ɵɵnextContext().$implicit; const ctx_r165 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r165.hasSelectableRow() ? ctx_r165.selectRow(row_r93) : "javascript:;"); });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r160); const row_r93 = i0.ɵɵnextContext().$implicit; const ctx_r159 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r159.hasSelectableRow() ? ctx_r159.selectRow(row_r93) : "javascript:;"); });
     i0.ɵɵelementStart(1, "div", 102);
-    i0.ɵɵlistener("mouseenter", function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_Template_div_mouseenter_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r166); const column_r118 = restoredCtx.$implicit; const row_r93 = i0.ɵɵnextContext().$implicit; const ctx_r168 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r168.tooltipMouseEnter($event, column_r118, row_r93)); })("mouseleave", function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_Template_div_mouseleave_1_listener() { i0.ɵɵrestoreView(_r166); const ctx_r170 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r170.tooltipMouseLeave()); });
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_2_Template, 2, 4, "span", 103)(3, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_3_Template, 2, 5, "span", 103)(4, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_4_Template, 2, 1, "span", 103)(5, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_5_Template, 3, 6, "span", 103)(6, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_6_Template, 3, 4, "span", 103)(7, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_7_Template, 3, 4, "span", 103)(8, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_8_Template, 3, 4, "span", 103)(9, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_9_Template, 2, 1, "span", 103)(10, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_po_table_column_link_10_Template, 1, 5, "po-table-column-link", 104)(11, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_po_table_column_icon_11_Template, 1, 3, "po-table-column-icon", 105)(12, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_12_Template, 2, 1, "span", 103)(13, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_13_Template, 2, 1, "span", 103)(14, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_span_14_Template, 2, 1, "span", 106);
+    i0.ɵɵlistener("mouseenter", function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_Template_div_mouseenter_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r160); const column_r112 = restoredCtx.$implicit; const row_r93 = i0.ɵɵnextContext().$implicit; const ctx_r162 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r162.tooltipMouseEnter($event, column_r112, row_r93)); })("mouseleave", function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_Template_div_mouseleave_1_listener() { i0.ɵɵrestoreView(_r160); const ctx_r164 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r164.tooltipMouseLeave()); });
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_2_Template, 2, 4, "span", 103)(3, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_3_Template, 2, 5, "span", 103)(4, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_4_Template, 2, 1, "span", 103)(5, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_5_Template, 3, 6, "span", 103)(6, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_6_Template, 3, 4, "span", 103)(7, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_7_Template, 3, 4, "span", 103)(8, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_8_Template, 3, 4, "span", 103)(9, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_9_Template, 2, 1, "span", 103)(10, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_po_table_column_link_10_Template, 1, 5, "po-table-column-link", 104)(11, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_po_table_column_icon_11_Template, 1, 3, "po-table-column-icon", 105)(12, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_12_Template, 2, 1, "span", 103)(13, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_13_Template, 2, 1, "span", 103)(14, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_span_14_Template, 2, 1, "span", 106);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const column_r118 = ctx.$implicit;
+    const column_r112 = ctx.$implicit;
     const row_r93 = i0.ɵɵnextContext().$implicit;
-    const ctx_r99 = i0.ɵɵnextContext(3);
-    i0.ɵɵstyleProp("width", column_r118.width)("max-width", column_r118.width)("min-width", column_r118.width);
-    i0.ɵɵclassProp("po-table-column", column_r118.type !== "icon")("po-table-column-right", column_r118.type === "currency" || column_r118.type === "number")("po-table-column-center", column_r118.type === "subtitle")("po-table-column-icons", column_r118.type === "icon");
-    i0.ɵɵproperty("pFrozenColumn", column_r118.fixed)("ngClass", ctx_r99.getClassColor(row_r93, column_r118));
+    const ctx_r98 = i0.ɵɵnextContext(3);
+    i0.ɵɵstyleProp("width", column_r112.width)("max-width", column_r112.width)("min-width", column_r112.width);
+    i0.ɵɵclassProp("po-table-column", column_r112.type !== "icon")("po-table-column-right", column_r112.type === "currency" || column_r112.type === "number")("po-table-column-center", column_r112.type === "subtitle")("po-table-column-icons", column_r112.type === "icon");
+    i0.ɵɵproperty("pFrozenColumn", column_r112.fixed)("ngClass", ctx_r98.getClassColor(row_r93, column_r112));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngSwitch", column_r118.type)("p-tooltip", ctx_r99.tooltipText)("p-append-in-body", true);
+    i0.ɵɵproperty("ngSwitch", column_r112.type)("p-tooltip", ctx_r98.tooltipText)("p-append-in-body", true);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngSwitchCase", "columnTemplate");
     i0.ɵɵadvance();
@@ -24410,67 +24394,67 @@ function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_Template(rf
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngSwitchCase", "label");
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_7_ng_template_1_Template(rf, ctx) { }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_7_Template(rf, ctx) { if (rf & 1) {
-    const _r175 = i0.ɵɵgetCurrentView();
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_ng_template_1_Template(rf, ctx) { }
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_Template(rf, ctx) { if (rf & 1) {
+    const _r169 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 99);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_7_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r175); const row_r93 = i0.ɵɵnextContext().$implicit; const ctx_r173 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r173.toggleDetail(row_r93)); });
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_7_ng_template_1_Template, 0, 0, "ng-template", 100);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r169); const row_r93 = i0.ɵɵnextContext().$implicit; const ctx_r167 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r167.toggleDetail(row_r93)); });
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_ng_template_1_Template, 0, 0, "ng-template", 100);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r176 = i0.ɵɵnextContext();
-    const row_r93 = ctx_r176.$implicit;
-    const rowIndex_r94 = ctx_r176.index;
+    const ctx_r170 = i0.ɵɵnextContext();
+    const row_r93 = ctx_r170.$implicit;
+    const rowIndex_r94 = ctx_r170.index;
     i0.ɵɵnextContext(3);
     const _r13 = i0.ɵɵreference(15);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", _r13)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c19, row_r93, rowIndex_r94));
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_8_ng_template_0_Template(rf, ctx) { }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PoTableComponent_ng_template_8_ng_container_16_tbody_1_8_ng_template_0_Template, 0, 0, "ng-template", 100);
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_7_ng_template_0_Template(rf, ctx) { }
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PoTableComponent_ng_template_8_ng_container_16_tbody_1_7_ng_template_0_Template, 0, 0, "ng-template", 100);
 } if (rf & 2) {
-    const ctx_r178 = i0.ɵɵnextContext();
-    const row_r93 = ctx_r178.$implicit;
-    const rowIndex_r94 = ctx_r178.index;
+    const ctx_r172 = i0.ɵɵnextContext();
+    const row_r93 = ctx_r172.$implicit;
+    const rowIndex_r94 = ctx_r172.index;
     i0.ɵɵnextContext(3);
     const _r25 = i0.ɵɵreference(27);
     i0.ɵɵproperty("ngTemplateOutlet", _r25)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c19, row_r93, rowIndex_r94));
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_tr_9_ng_template_2_Template(rf, ctx) { }
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_tr_8_ng_template_2_Template(rf, ctx) { }
 const _c21 = (a0, a1) => ({ $implicit: a0, rowIndex: a1 });
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_tr_9_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_tr_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr")(1, "td", 111);
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_ng_container_16_tbody_1_tr_9_ng_template_2_Template, 0, 0, "ng-template", 100);
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_ng_container_16_tbody_1_tr_8_ng_template_2_Template, 0, 0, "ng-template", 100);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r180 = i0.ɵɵnextContext();
-    const row_r93 = ctx_r180.$implicit;
-    const rowIndex_r94 = ctx_r180.index;
-    const ctx_r102 = i0.ɵɵnextContext(3);
+    const ctx_r174 = i0.ɵɵnextContext();
+    const row_r93 = ctx_r174.$implicit;
+    const rowIndex_r94 = ctx_r174.index;
+    const ctx_r101 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("colSpan", ctx_r102.columnCountForMasterDetail);
+    i0.ɵɵproperty("colSpan", ctx_r101.columnCountForMasterDetail);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r102.tableRowTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c21, row_r93, rowIndex_r94));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r101.tableRowTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c21, row_r93, rowIndex_r94));
 } }
-function PoTableComponent_ng_template_8_ng_container_16_tbody_1_tr_10_Template(rf, ctx) { if (rf & 1) {
-    const _r182 = i0.ɵɵgetCurrentView();
+function PoTableComponent_ng_template_8_ng_container_16_tbody_1_tr_9_Template(rf, ctx) { if (rf & 1) {
+    const _r176 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "tr")(1, "td", 112)(2, "po-table-detail", 113);
-    i0.ɵɵlistener("p-select-row", function PoTableComponent_ng_template_8_ng_container_16_tbody_1_tr_10_Template_po_table_detail_p_select_row_2_listener($event) { i0.ɵɵrestoreView(_r182); const ctx_r181 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r181.selectDetailRow($event)); });
+    i0.ɵɵlistener("p-select-row", function PoTableComponent_ng_template_8_ng_container_16_tbody_1_tr_9_Template_po_table_detail_p_select_row_2_listener($event) { i0.ɵɵrestoreView(_r176); const ctx_r175 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r175.selectDetailRow($event)); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const row_r93 = i0.ɵɵnextContext().$implicit;
-    const ctx_r103 = i0.ɵɵnextContext(3);
+    const ctx_r102 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("colSpan", ctx_r103.columnCountForMasterDetail);
+    i0.ɵɵproperty("colSpan", ctx_r102.columnCountForMasterDetail);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("p-selectable", ctx_r103.selectable && !ctx_r103.detailHideSelect)("p-detail", ctx_r103.columnMasterDetail.detail)("p-items", row_r93[ctx_r103.nameColumnDetail])("p-parent-row", row_r93);
+    i0.ɵɵproperty("p-selectable", ctx_r102.selectable && !ctx_r102.detailHideSelect)("p-detail", ctx_r102.columnMasterDetail.detail)("p-items", row_r93[ctx_r102.nameColumnDetail])("p-parent-row", row_r93);
 } }
 function PoTableComponent_ng_template_8_ng_container_16_tbody_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody", 91)(1, "tr", 95);
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_2_Template, 2, 4, "td", 96)(3, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_3_Template, 2, 5, "td", 97)(4, PoTableComponent_ng_template_8_ng_container_16_tbody_1_4_Template, 1, 5, null, 43)(5, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_Template, 2, 5, "td", 97)(6, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_Template, 15, 31, "td", 98)(7, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_7_Template, 2, 5, "td", 97)(8, PoTableComponent_ng_template_8_ng_container_16_tbody_1_8_Template, 1, 5, null, 43);
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_2_Template, 2, 4, "td", 96)(3, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_3_Template, 2, 5, "td", 97)(4, PoTableComponent_ng_template_8_ng_container_16_tbody_1_4_Template, 1, 5, null, 43)(5, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_5_Template, 15, 31, "td", 98)(6, PoTableComponent_ng_template_8_ng_container_16_tbody_1_td_6_Template, 2, 5, "td", 97)(7, PoTableComponent_ng_template_8_ng_container_16_tbody_1_7_Template, 1, 5, null, 43);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(9, PoTableComponent_ng_template_8_ng_container_16_tbody_1_tr_9_Template, 3, 6, "tr", 43)(10, PoTableComponent_ng_template_8_ng_container_16_tbody_1_tr_10_Template, 3, 5, "tr", 43);
+    i0.ɵɵtemplate(8, PoTableComponent_ng_template_8_ng_container_16_tbody_1_tr_8_Template, 3, 6, "tr", 43)(9, PoTableComponent_ng_template_8_ng_container_16_tbody_1_tr_9_Template, 3, 5, "tr", 43);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const row_r93 = ctx.$implicit;
@@ -24481,12 +24465,10 @@ function PoTableComponent_ng_template_8_ng_container_16_tbody_1_Template(rf, ctx
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r92.selectable);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r92.columnMasterDetail && !ctx_r92.hideDetail && !ctx_r92.hasRowTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r92.columnMasterDetail && !ctx_r92.hideDetail && !ctx_r92.hasRowTemplate || ctx_r92.hasRowTemplate && !ctx_r92.hasRowTemplateWithArrowDirectionRight);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", !ctx_r92.actionRight && (ctx_r92.visibleActions.length > 1 || ctx_r92.isSingleAction));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r92.hasRowTemplate && !ctx_r92.hasRowTemplateWithArrowDirectionRight);
-    i0.ɵɵadvance();
     i0.ɵɵproperty("ngForOf", ctx_r92.mainColumns)("ngForTrackBy", ctx_r92.trackBy);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r92.hasRowTemplateWithArrowDirectionRight);
@@ -24499,7 +24481,7 @@ function PoTableComponent_ng_template_8_ng_container_16_tbody_1_Template(rf, ctx
 } }
 function PoTableComponent_ng_template_8_ng_container_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_16_tbody_1_Template, 11, 12, "tbody", 94);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_16_tbody_1_Template, 10, 11, "tbody", 94);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r70 = i0.ɵɵnextContext(2);
@@ -24509,9 +24491,9 @@ function PoTableComponent_ng_template_8_ng_container_16_Template(rf, ctx) { if (
 const _c22 = (a0, a1, a2, a3, a4) => ({ "po-table-interactive": a0, "po-table-selectable": a1, "po-table-striped": a2, "po-table-data-fixed-columns": a3, "po-table-text-wrap-enabled": a4 });
 const _c23 = (a0, a1) => ({ "no-hover": a0, "po-table-column-drag": a1 });
 function PoTableComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    const _r185 = i0.ɵɵgetCurrentView();
+    const _r179 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "table", 56, 57)(2, "thead")(3, "tr", 58);
-    i0.ɵɵlistener("cdkDropListDropped", function PoTableComponent_ng_template_8_Template_tr_cdkDropListDropped_3_listener($event) { i0.ɵɵrestoreView(_r185); const ctx_r184 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r184.drop($event)); });
+    i0.ɵɵlistener("cdkDropListDropped", function PoTableComponent_ng_template_8_Template_tr_cdkDropListDropped_3_listener($event) { i0.ɵɵrestoreView(_r179); const ctx_r178 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r178.drop($event)); });
     i0.ɵɵtemplate(4, PoTableComponent_ng_template_8_th_4_Template, 3, 5, "th", 59)(5, PoTableComponent_ng_template_8_th_5_Template, 1, 0, "th", 60)(6, PoTableComponent_ng_template_8_th_6_Template, 2, 4, "th", 61)(7, PoTableComponent_ng_template_8_th_7_Template, 3, 3, "th", 62)(8, PoTableComponent_ng_template_8_ng_container_8_Template, 1, 0, "ng-container", 63)(9, PoTableComponent_ng_template_8_ng_template_9_Template, 1, 2, "ng-template", null, 64, i0.ɵɵtemplateRefExtractor)(11, PoTableComponent_ng_template_8_ng_template_11_Template, 1, 2, "ng-template", null, 65, i0.ɵɵtemplateRefExtractor)(13, PoTableComponent_ng_template_8_th_13_Template, 1, 0, "th", 60)(14, PoTableComponent_ng_template_8_th_14_Template, 1, 4, "th", 66);
     i0.ɵɵelementEnd()();
     i0.ɵɵtemplate(15, PoTableComponent_ng_template_8_tbody_15_Template, 5, 2, "tbody", 67)(16, PoTableComponent_ng_template_8_ng_container_16_Template, 2, 2, "ng-container", 43);
@@ -24530,7 +24512,7 @@ function PoTableComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r7.hasSelectableColumn);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", (ctx_r7.hasMasterDetailColumn || ctx_r7.hasRowTemplate) && !ctx_r7.hasRowTemplateWithArrowDirectionRight);
+    i0.ɵɵproperty("ngIf", (ctx_r7.hasMasterDetailColumn || ctx_r7.hasRowTemplate) && ctx_r7.hasMainColumns && !ctx_r7.hasRowTemplateWithArrowDirectionRight);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", !ctx_r7.actionRight && (ctx_r7.visibleActions.length > 1 || ctx_r7.isSingleAction));
     i0.ɵɵadvance();
@@ -24538,7 +24520,7 @@ function PoTableComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r7.isDraggable || ctx_r7.hasSomeFixed())("ngIfThen", _r64)("ngIfElse", _r66);
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngIf", ctx_r7.hasRowTemplateWithArrowDirectionRight && (ctx_r7.hasVisibleActions || ctx_r7.hideColumnsManager));
+    i0.ɵɵproperty("ngIf", ctx_r7.hasRowTemplateWithArrowDirectionRight && (ctx_r7.hasVisibleActions || ctx_r7.hideColumnsManager) && ctx_r7.hasMainColumns);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r7.hasVisibleActions && ctx_r7.actionRight && (ctx_r7.visibleActions.length > 1 || ctx_r7.isSingleAction));
     i0.ɵɵadvance();
@@ -24547,25 +24529,25 @@ function PoTableComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r7.hasMainColumns);
 } }
 function PoTableComponent_ng_template_10_th_5_po_checkbox_2_Template(rf, ctx) { if (rf & 1) {
-    const _r202 = i0.ɵɵgetCurrentView();
+    const _r196 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-checkbox", 70);
-    i0.ɵɵlistener("p-change", function PoTableComponent_ng_template_10_th_5_po_checkbox_2_Template_po_checkbox_p_change_0_listener() { i0.ɵɵrestoreView(_r202); const ctx_r201 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r201.selectAllRows()); });
+    i0.ɵɵlistener("p-change", function PoTableComponent_ng_template_10_th_5_po_checkbox_2_Template_po_checkbox_p_change_0_listener() { i0.ɵɵrestoreView(_r196); const ctx_r195 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r195.selectAllRows()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r200 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("p-checkboxValue", ctx_r200.selectAll === null ? "mixed" : ctx_r200.selectAll);
+    const ctx_r194 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("p-checkboxValue", ctx_r194.selectAll === null ? "mixed" : ctx_r194.selectAll);
 } }
 function PoTableComponent_ng_template_10_th_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "th", 68)(1, "div");
     i0.ɵɵtemplate(2, PoTableComponent_ng_template_10_th_5_po_checkbox_2_Template, 1, 1, "po-checkbox", 69);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r187 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("pointer-events", ctx_r187.hideSelectAll ? "none" : "auto");
+    const ctx_r181 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("pointer-events", ctx_r181.hideSelectAll ? "none" : "auto");
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r187.height);
+    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r181.height);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r187.hideSelectAll);
+    i0.ɵɵproperty("ngIf", !ctx_r181.hideSelectAll);
 } }
 function PoTableComponent_ng_template_10_th_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "th", 71);
@@ -24573,8 +24555,8 @@ function PoTableComponent_ng_template_10_th_6_Template(rf, ctx) { if (rf & 1) {
 function PoTableComponent_ng_template_10_th_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "th", null, 72);
 } if (rf & 2) {
-    const ctx_r189 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("po-table-header-master-detail", !ctx_r189.isSingleAction)("po-table-header-single-action", ctx_r189.isSingleAction);
+    const ctx_r183 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("po-table-header-master-detail", !ctx_r183.isSingleAction)("po-table-header-single-action", ctx_r183.isSingleAction);
 } }
 function PoTableComponent_ng_template_10_th_8_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -24584,11 +24566,11 @@ function PoTableComponent_ng_template_10_th_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(2, PoTableComponent_ng_template_10_th_8_ng_container_2_Template, 1, 0, "ng-container", 63);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r190 = i0.ɵɵnextContext(2);
+    const ctx_r184 = i0.ɵɵnextContext(2);
     const _r21 = i0.ɵɵreference(23);
     const _r23 = i0.ɵɵreference(25);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r190.height)("ngIfThen", _r21)("ngIfElse", _r23);
+    i0.ɵɵproperty("ngIf", ctx_r184.height)("ngIfThen", _r21)("ngIfElse", _r23);
 } }
 function PoTableComponent_ng_template_10_ng_container_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -24607,75 +24589,75 @@ function PoTableComponent_ng_template_10_ng_template_10_th_0_ng_container_4_Temp
     i0.ɵɵtemplate(1, PoTableComponent_ng_template_10_ng_template_10_th_0_ng_container_4_po_icon_1_Template, 1, 0, "po-icon", 79)(2, PoTableComponent_ng_template_10_ng_template_10_th_0_ng_container_4__svg_svg_2_Template, 7, 0, "svg", 80);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r209 = i0.ɵɵnextContext(4);
+    const ctx_r203 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r209.iconNameLib === "PhosphorIcon");
+    i0.ɵɵproperty("ngIf", ctx_r203.iconNameLib === "PhosphorIcon");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r209.iconNameLib === "PoIcon");
+    i0.ɵɵproperty("ngIf", ctx_r203.iconNameLib === "PoIcon");
 } }
 function PoTableComponent_ng_template_10_ng_template_10_th_0_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function PoTableComponent_ng_template_10_ng_template_10_th_0_Template(rf, ctx) { if (rf & 1) {
-    const _r214 = i0.ɵɵgetCurrentView();
+    const _r208 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "th", 76);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_10_ng_template_10_th_0_Template_th_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r214); const column_r207 = restoredCtx.$implicit; const ctx_r213 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r213.sortColumn(column_r207)); });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_10_ng_template_10_th_0_Template_th_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r208); const column_r201 = restoredCtx.$implicit; const ctx_r207 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r207.sortColumn(column_r201)); });
     i0.ɵɵpipe(1, "lowercase");
     i0.ɵɵpipe(2, "titlecase");
     i0.ɵɵelementStart(3, "div", 77);
     i0.ɵɵtemplate(4, PoTableComponent_ng_template_10_ng_template_10_th_0_ng_container_4_Template, 3, 2, "ng-container", 43)(5, PoTableComponent_ng_template_10_ng_template_10_th_0_ng_container_5_Template, 1, 0, "ng-container", 78);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const column_r207 = ctx.$implicit;
-    const ctx_r206 = i0.ɵɵnextContext(3);
+    const column_r201 = ctx.$implicit;
+    const ctx_r200 = i0.ɵɵnextContext(3);
     const _r19 = i0.ɵɵreference(21);
-    i0.ɵɵstyleProp("width", column_r207.width)("max-width", column_r207.width)("min-width", column_r207.width);
-    i0.ɵɵclassProp("po-clickable", ctx_r206.sort && column_r207.sortable !== false || ctx_r206.hasService)("po-table-header-subtitle", column_r207.type === "subtitle")("po-table-column-drag-box", ctx_r206.isDraggable);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(30, _c16, ctx_r206.sort && ctx_r206.JSON.stringify(ctx_r206.sortedColumn == null ? null : ctx_r206.sortedColumn.property) === ctx_r206.JSON.stringify(column_r207) && (ctx_r206.sortedColumn.ascending || !ctx_r206.sortedColumn.ascending)))("ngStyle", i0.ɵɵpureFunction1(32, _c17, !ctx_r206.hasItems ? "100%" : ctx_r206.applyFixedColumns() ? column_r207.width : "auto"))("cdkDragDisabled", column_r207.fixed ? "true" : "false")("pFrozenColumn", column_r207.fixed);
-    i0.ɵɵattribute("data-po-table-column-name", i0.ɵɵpipeBind1(1, 26, column_r207.label || i0.ɵɵpipeBind1(2, 28, column_r207.property)));
+    i0.ɵɵstyleProp("width", column_r201.width)("max-width", column_r201.width)("min-width", column_r201.width);
+    i0.ɵɵclassProp("po-clickable", ctx_r200.sort && column_r201.sortable !== false || ctx_r200.hasService)("po-table-header-subtitle", column_r201.type === "subtitle")("po-table-column-drag-box", ctx_r200.isDraggable);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(30, _c16, ctx_r200.sort && ctx_r200.JSON.stringify(ctx_r200.sortedColumn == null ? null : ctx_r200.sortedColumn.property) === ctx_r200.JSON.stringify(column_r201) && (ctx_r200.sortedColumn.ascending || !ctx_r200.sortedColumn.ascending)))("ngStyle", i0.ɵɵpureFunction1(32, _c17, !ctx_r200.hasItems ? "100%" : ctx_r200.applyFixedColumns() ? column_r201.width : "auto"))("cdkDragDisabled", column_r201.fixed ? "true" : "false")("pFrozenColumn", column_r201.fixed);
+    i0.ɵɵattribute("data-po-table-column-name", i0.ɵɵpipeBind1(1, 26, column_r201.label || i0.ɵɵpipeBind1(2, 28, column_r201.property)));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r206.height)("po-table-header-flex-right", column_r207.type === "currency" || column_r207.type === "number")("po-table-header-flex-center", column_r207.type === "subtitle");
+    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r200.height)("po-table-header-flex-right", column_r201.type === "currency" || column_r201.type === "number")("po-table-header-flex-center", column_r201.type === "subtitle");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r206.isDraggable && !column_r207.fixed);
+    i0.ɵɵproperty("ngIf", ctx_r200.isDraggable && !column_r201.fixed);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r19)("ngTemplateOutletContext", i0.ɵɵpureFunction1(34, _c18, column_r207));
+    i0.ɵɵproperty("ngTemplateOutlet", _r19)("ngTemplateOutletContext", i0.ɵɵpureFunction1(34, _c18, column_r201));
 } }
 function PoTableComponent_ng_template_10_ng_template_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, PoTableComponent_ng_template_10_ng_template_10_th_0_Template, 6, 36, "th", 75);
 } if (rf & 2) {
-    const ctx_r192 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngForOf", ctx_r192.mainColumns)("ngForTrackBy", ctx_r192.trackBy);
+    const ctx_r186 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngForOf", ctx_r186.mainColumns)("ngForTrackBy", ctx_r186.trackBy);
 } }
 function PoTableComponent_ng_template_10_ng_template_12_th_0_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function PoTableComponent_ng_template_10_ng_template_12_th_0_Template(rf, ctx) { if (rf & 1) {
-    const _r220 = i0.ɵɵgetCurrentView();
+    const _r214 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "th", 121);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_10_ng_template_12_th_0_Template_th_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r220); const column_r216 = restoredCtx.$implicit; const ctx_r219 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r219.sortColumn(column_r216)); });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_10_ng_template_12_th_0_Template_th_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r214); const column_r210 = restoredCtx.$implicit; const ctx_r213 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r213.sortColumn(column_r210)); });
     i0.ɵɵpipe(1, "lowercase");
     i0.ɵɵpipe(2, "titlecase");
     i0.ɵɵelementStart(3, "div", 77);
     i0.ɵɵtemplate(4, PoTableComponent_ng_template_10_ng_template_12_th_0_ng_container_4_Template, 1, 0, "ng-container", 78);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const column_r216 = ctx.$implicit;
-    const ctx_r215 = i0.ɵɵnextContext(3);
+    const column_r210 = ctx.$implicit;
+    const ctx_r209 = i0.ɵɵnextContext(3);
     const _r19 = i0.ɵɵreference(21);
-    i0.ɵɵstyleProp("width", column_r216.width)("max-width", column_r216.width)("min-width", column_r216.width);
-    i0.ɵɵclassProp("po-clickable", ctx_r215.sort && column_r216.sortable !== false || ctx_r215.hasService)("po-table-header-subtitle", column_r216.type === "subtitle");
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(26, _c16, ctx_r215.sort && ctx_r215.JSON.stringify(ctx_r215.sortedColumn == null ? null : ctx_r215.sortedColumn.property) === ctx_r215.JSON.stringify(column_r216) && (ctx_r215.sortedColumn.ascending || !ctx_r215.sortedColumn.ascending)))("ngStyle", i0.ɵɵpureFunction1(28, _c17, !ctx_r215.hasItems ? "100%" : ctx_r215.applyFixedColumns() ? column_r216.width : "auto"))("pFrozenColumn", column_r216.fixed);
-    i0.ɵɵattribute("data-po-table-column-name", i0.ɵɵpipeBind1(1, 22, column_r216.label || i0.ɵɵpipeBind1(2, 24, column_r216.property)));
+    i0.ɵɵstyleProp("width", column_r210.width)("max-width", column_r210.width)("min-width", column_r210.width);
+    i0.ɵɵclassProp("po-clickable", ctx_r209.sort && column_r210.sortable !== false || ctx_r209.hasService)("po-table-header-subtitle", column_r210.type === "subtitle");
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(26, _c16, ctx_r209.sort && ctx_r209.JSON.stringify(ctx_r209.sortedColumn == null ? null : ctx_r209.sortedColumn.property) === ctx_r209.JSON.stringify(column_r210) && (ctx_r209.sortedColumn.ascending || !ctx_r209.sortedColumn.ascending)))("ngStyle", i0.ɵɵpureFunction1(28, _c17, !ctx_r209.hasItems ? "100%" : ctx_r209.applyFixedColumns() ? column_r210.width : "auto"))("pFrozenColumn", column_r210.fixed);
+    i0.ɵɵattribute("data-po-table-column-name", i0.ɵɵpipeBind1(1, 22, column_r210.label || i0.ɵɵpipeBind1(2, 24, column_r210.property)));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r215.height)("po-table-header-flex-right", column_r216.type === "currency" || column_r216.type === "number")("po-table-header-flex-center", column_r216.type === "subtitle");
+    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r209.height)("po-table-header-flex-right", column_r210.type === "currency" || column_r210.type === "number")("po-table-header-flex-center", column_r210.type === "subtitle");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r19)("ngTemplateOutletContext", i0.ɵɵpureFunction1(30, _c18, column_r216));
+    i0.ɵɵproperty("ngTemplateOutlet", _r19)("ngTemplateOutletContext", i0.ɵɵpureFunction1(30, _c18, column_r210));
 } }
 function PoTableComponent_ng_template_10_ng_template_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, PoTableComponent_ng_template_10_ng_template_12_th_0_Template, 5, 32, "th", 120);
 } if (rf & 2) {
-    const ctx_r194 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngForOf", ctx_r194.mainColumns)("ngForTrackBy", ctx_r194.trackBy);
+    const ctx_r188 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngForOf", ctx_r188.mainColumns)("ngForTrackBy", ctx_r188.trackBy);
 } }
 function PoTableComponent_ng_template_10_th_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "th", 71);
@@ -24683,19 +24665,19 @@ function PoTableComponent_ng_template_10_th_14_Template(rf, ctx) { if (rf & 1) {
 function PoTableComponent_ng_template_10_th_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "th");
 } if (rf & 2) {
-    const ctx_r197 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("po-table-header-single-action", ctx_r197.isSingleAction)("po-table-header-actions", !ctx_r197.isSingleAction);
+    const ctx_r191 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("po-table-header-single-action", ctx_r191.isSingleAction)("po-table-header-actions", !ctx_r191.isSingleAction);
 } }
 function PoTableComponent_ng_template_10_tbody_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody", 91)(1, "tr", 92)(2, "td", 93)(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r198 = i0.ɵɵnextContext(2);
+    const ctx_r192 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("colSpan", ctx_r198.columnCount);
+    i0.ɵɵproperty("colSpan", ctx_r192.columnCount);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r198.literals.noData, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r192.literals.noData, " ");
 } }
 function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -24705,223 +24687,207 @@ function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_2_Template(r
     i0.ɵɵtemplate(1, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_2_ng_container_1_Template, 1, 0, "ng-container", 78);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r224 = i0.ɵɵnextContext(3);
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r218 = i0.ɵɵnextContext(3);
     const _r15 = i0.ɵɵreference(17);
     const _r17 = i0.ɵɵreference(19);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r224.singleSelect ? _r15 : _r17)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c18, row_r222));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r218.singleSelect ? _r15 : _r17)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c18, row_r216));
 } }
 function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_3_ng_template_1_Template(rf, ctx) { }
 function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_3_Template(rf, ctx) { if (rf & 1) {
-    const _r238 = i0.ɵɵgetCurrentView();
+    const _r231 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 99);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_3_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r238); const row_r222 = i0.ɵɵnextContext().$implicit; const ctx_r236 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r236.toggleDetail(row_r222)); });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_3_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r231); const row_r216 = i0.ɵɵnextContext().$implicit; const ctx_r229 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r229.toggleDetail(row_r216)); });
     i0.ɵɵtemplate(1, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_3_ng_template_1_Template, 0, 0, "ng-template", 100);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r239 = i0.ɵɵnextContext();
-    const row_r222 = ctx_r239.$implicit;
-    const rowIndex_r223 = ctx_r239.index;
+    const ctx_r232 = i0.ɵɵnextContext();
+    const row_r216 = ctx_r232.$implicit;
+    const rowIndex_r217 = ctx_r232.index;
     i0.ɵɵnextContext(3);
     const _r13 = i0.ɵɵreference(15);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r13)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c19, row_r222, rowIndex_r223));
+    i0.ɵɵproperty("ngTemplateOutlet", _r13)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c19, row_r216, rowIndex_r217));
 } }
 function PoTableComponent_ng_template_10_ng_container_17_tbody_1_4_ng_template_0_Template(rf, ctx) { }
 function PoTableComponent_ng_template_10_ng_container_17_tbody_1_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, PoTableComponent_ng_template_10_ng_container_17_tbody_1_4_ng_template_0_Template, 0, 0, "ng-template", 100);
 } if (rf & 2) {
-    const ctx_r241 = i0.ɵɵnextContext();
-    const row_r222 = ctx_r241.$implicit;
-    const rowIndex_r223 = ctx_r241.index;
+    const ctx_r234 = i0.ɵɵnextContext();
+    const row_r216 = ctx_r234.$implicit;
+    const rowIndex_r217 = ctx_r234.index;
     i0.ɵɵnextContext(3);
     const _r25 = i0.ɵɵreference(27);
-    i0.ɵɵproperty("ngTemplateOutlet", _r25)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c19, row_r222, rowIndex_r223));
-} }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_ng_template_1_Template(rf, ctx) { }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_Template(rf, ctx) { if (rf & 1) {
-    const _r245 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 99);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r245); const row_r222 = i0.ɵɵnextContext().$implicit; const ctx_r243 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r243.toggleDetail(row_r222)); });
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_ng_template_1_Template, 0, 0, "ng-template", 100);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r246 = i0.ɵɵnextContext();
-    const row_r222 = ctx_r246.$implicit;
-    const rowIndex_r223 = ctx_r246.index;
-    i0.ɵɵnextContext(3);
-    const _r13 = i0.ɵɵreference(15);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r13)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c19, row_r222, rowIndex_r223));
+    i0.ɵɵproperty("ngTemplateOutlet", _r25)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c19, row_r216, rowIndex_r217));
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_2_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_2_ng_container_1_Template, 1, 0, "ng-container", 78);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_2_ng_container_1_Template, 1, 0, "ng-container", 78);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r247 = i0.ɵɵnextContext().$implicit;
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r249 = i0.ɵɵnextContext(3);
+    const column_r235 = i0.ɵɵnextContext().$implicit;
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r237 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r249.getTemplate(column_r247))("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c18, ctx_r249.getCellData(row_r222, column_r247)));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r237.getTemplate(column_r235))("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c18, ctx_r237.getCellData(row_r216, column_r235)));
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_3_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_3_ng_container_1_Template, 1, 0, "ng-container", 78);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_3_ng_container_1_Template, 1, 0, "ng-container", 78);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r247 = i0.ɵɵnextContext().$implicit;
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r250 = i0.ɵɵnextContext(3);
+    const column_r235 = i0.ɵɵnextContext().$implicit;
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r238 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r250.tableCellTemplate == null ? null : ctx_r250.tableCellTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c20, row_r222, column_r247));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r238.tableCellTemplate == null ? null : ctx_r238.tableCellTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c20, row_r216, column_r235));
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_4_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r247 = i0.ɵɵnextContext().$implicit;
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r251 = i0.ɵɵnextContext(3);
+    const column_r235 = i0.ɵɵnextContext().$implicit;
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r239 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r251.getBooleanLabel(ctx_r251.getCellData(row_r222, column_r247), column_r247), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r239.getBooleanLabel(ctx_r239.getCellData(row_r216, column_r235), column_r235), " ");
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_5_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "currency");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r247 = i0.ɵɵnextContext().$implicit;
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r252 = i0.ɵɵnextContext(3);
+    const column_r235 = i0.ɵɵnextContext().$implicit;
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r240 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind4(2, 1, ctx_r252.getCellData(row_r222, column_r247), column_r247.format, "symbol", "1.2-2"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind4(2, 1, ctx_r240.getCellData(row_r216, column_r235), column_r235.format, "symbol", "1.2-2"), " ");
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_6_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r247 = i0.ɵɵnextContext().$implicit;
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r253 = i0.ɵɵnextContext(3);
+    const column_r235 = i0.ɵɵnextContext().$implicit;
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r241 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r253.getCellData(row_r222, column_r247), column_r247.format || "dd/MM/yyyy"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r241.getCellData(row_r216, column_r235), column_r235.format || "dd/MM/yyyy"), " ");
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_7_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "po_time");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r247 = i0.ɵɵnextContext().$implicit;
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r254 = i0.ɵɵnextContext(3);
+    const column_r235 = i0.ɵɵnextContext().$implicit;
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r242 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r254.getCellData(row_r222, column_r247), column_r247.format || "HH:mm:ss.ffffff"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r242.getCellData(row_r216, column_r235), column_r235.format || "HH:mm:ss.ffffff"), " ");
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_8_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r247 = i0.ɵɵnextContext().$implicit;
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r255 = i0.ɵɵnextContext(3);
+    const column_r235 = i0.ɵɵnextContext().$implicit;
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r243 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r255.getCellData(row_r222, column_r247), column_r247.format || "dd/MM/yyyy HH:mm:ss"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r243.getCellData(row_r216, column_r235), column_r235.format || "dd/MM/yyyy HH:mm:ss"), " ");
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_9_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r247 = i0.ɵɵnextContext().$implicit;
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r256 = i0.ɵɵnextContext(3);
+    const column_r235 = i0.ɵɵnextContext().$implicit;
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r244 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r256.formatNumber(ctx_r256.getCellData(row_r222, column_r247), column_r247.format), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r244.formatNumber(ctx_r244.getCellData(row_r216, column_r235), column_r235.format), " ");
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_po_table_column_link_10_Template(rf, ctx) { if (rf & 1) {
-    const _r282 = i0.ɵɵgetCurrentView();
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_po_table_column_link_10_Template(rf, ctx) { if (rf & 1) {
+    const _r270 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-table-column-link", 107);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_po_table_column_link_10_Template_po_table_column_link_click_0_listener($event) { i0.ɵɵrestoreView(_r282); const column_r247 = i0.ɵɵnextContext().$implicit; const row_r222 = i0.ɵɵnextContext().$implicit; const ctx_r280 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r280.onClickLink($event, row_r222, column_r247)); });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_po_table_column_link_10_Template_po_table_column_link_click_0_listener($event) { i0.ɵɵrestoreView(_r270); const column_r235 = i0.ɵɵnextContext().$implicit; const row_r216 = i0.ɵɵnextContext().$implicit; const ctx_r268 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r268.onClickLink($event, row_r216, column_r235)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r247 = i0.ɵɵnextContext().$implicit;
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r257 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("p-action", column_r247.action)("p-disabled", ctx_r257.checkDisabled(row_r222, column_r247))("p-link", row_r222[column_r247.link])("p-row", row_r222)("p-value", ctx_r257.getCellData(row_r222, column_r247));
+    const column_r235 = i0.ɵɵnextContext().$implicit;
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r245 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("p-action", column_r235.action)("p-disabled", ctx_r245.checkDisabled(row_r216, column_r235))("p-link", row_r216[column_r235.link])("p-row", row_r216)("p-value", ctx_r245.getCellData(row_r216, column_r235));
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_po_table_column_icon_11_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_po_table_column_icon_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-table-column-icon", 108);
 } if (rf & 2) {
-    const column_r247 = i0.ɵɵnextContext().$implicit;
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r258 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("p-column", column_r247)("p-icons", ctx_r258.getColumnIcons(row_r222, column_r247))("p-row", row_r222);
+    const column_r235 = i0.ɵɵnextContext().$implicit;
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r246 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("p-column", column_r235)("p-icons", ctx_r246.getColumnIcons(row_r216, column_r235))("p-row", row_r216);
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_12_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵelement(1, "po-table-subtitle-circle", 109);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r247 = i0.ɵɵnextContext().$implicit;
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r259 = i0.ɵɵnextContext(3);
+    const column_r235 = i0.ɵɵnextContext().$implicit;
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r247 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("p-subtitle", ctx_r259.getSubtitleColumn(row_r222, column_r247));
+    i0.ɵɵproperty("p-subtitle", ctx_r247.getSubtitleColumn(row_r216, column_r235));
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_13_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵelement(1, "po-table-column-label", 110);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r247 = i0.ɵɵnextContext().$implicit;
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r260 = i0.ɵɵnextContext(3);
+    const column_r235 = i0.ɵɵnextContext().$implicit;
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r248 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("p-value", ctx_r260.getColumnLabel(row_r222, column_r247));
+    i0.ɵɵproperty("p-value", ctx_r248.getColumnLabel(row_r216, column_r235));
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_14_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r247 = i0.ɵɵnextContext().$implicit;
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r261 = i0.ɵɵnextContext(3);
+    const column_r235 = i0.ɵɵnextContext().$implicit;
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r249 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r261.getCellData(row_r222, column_r247));
+    i0.ɵɵtextInterpolate(ctx_r249.getCellData(row_r216, column_r235));
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_Template(rf, ctx) { if (rf & 1) {
-    const _r295 = i0.ɵɵgetCurrentView();
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_Template(rf, ctx) { if (rf & 1) {
+    const _r283 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 124);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r295); const row_r222 = i0.ɵɵnextContext().$implicit; const ctx_r294 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r294.hasSelectableRow() ? ctx_r294.selectRow(row_r222) : "javascript:;"); });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r283); const row_r216 = i0.ɵɵnextContext().$implicit; const ctx_r282 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r282.hasSelectableRow() ? ctx_r282.selectRow(row_r216) : "javascript:;"); });
     i0.ɵɵelementStart(1, "div", 102);
-    i0.ɵɵlistener("mouseenter", function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_Template_div_mouseenter_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r295); const column_r247 = restoredCtx.$implicit; const row_r222 = i0.ɵɵnextContext().$implicit; const ctx_r297 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r297.tooltipMouseEnter($event, column_r247, row_r222)); })("mouseleave", function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_Template_div_mouseleave_1_listener() { i0.ɵɵrestoreView(_r295); const ctx_r299 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r299.tooltipMouseLeave()); });
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_2_Template, 2, 4, "span", 103)(3, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_3_Template, 2, 5, "span", 103)(4, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_4_Template, 2, 1, "span", 103)(5, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_5_Template, 3, 6, "span", 103)(6, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_6_Template, 3, 4, "span", 103)(7, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_7_Template, 3, 4, "span", 103)(8, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_8_Template, 3, 4, "span", 103)(9, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_9_Template, 2, 1, "span", 103)(10, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_po_table_column_link_10_Template, 1, 5, "po-table-column-link", 104)(11, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_po_table_column_icon_11_Template, 1, 3, "po-table-column-icon", 105)(12, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_12_Template, 2, 1, "span", 103)(13, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_13_Template, 2, 1, "span", 103)(14, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_span_14_Template, 2, 1, "span", 106);
+    i0.ɵɵlistener("mouseenter", function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_Template_div_mouseenter_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r283); const column_r235 = restoredCtx.$implicit; const row_r216 = i0.ɵɵnextContext().$implicit; const ctx_r285 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r285.tooltipMouseEnter($event, column_r235, row_r216)); })("mouseleave", function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_Template_div_mouseleave_1_listener() { i0.ɵɵrestoreView(_r283); const ctx_r287 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r287.tooltipMouseLeave()); });
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_2_Template, 2, 4, "span", 103)(3, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_3_Template, 2, 5, "span", 103)(4, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_4_Template, 2, 1, "span", 103)(5, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_5_Template, 3, 6, "span", 103)(6, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_6_Template, 3, 4, "span", 103)(7, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_7_Template, 3, 4, "span", 103)(8, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_8_Template, 3, 4, "span", 103)(9, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_9_Template, 2, 1, "span", 103)(10, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_po_table_column_link_10_Template, 1, 5, "po-table-column-link", 104)(11, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_po_table_column_icon_11_Template, 1, 3, "po-table-column-icon", 105)(12, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_12_Template, 2, 1, "span", 103)(13, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_13_Template, 2, 1, "span", 103)(14, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_span_14_Template, 2, 1, "span", 106);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const column_r247 = ctx.$implicit;
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r228 = i0.ɵɵnextContext(3);
-    i0.ɵɵstyleProp("width", column_r247.width)("max-width", column_r247.width)("min-width", column_r247.width);
-    i0.ɵɵclassProp("po-table-column", column_r247.type !== "icon")("po-table-column-right", column_r247.type === "currency" || column_r247.type === "number")("po-table-column-center", column_r247.type === "subtitle")("po-table-column-icons", column_r247.type === "icon");
-    i0.ɵɵproperty("ngClass", ctx_r228.getClassColor(row_r222, column_r247))("pFrozenColumn", column_r247.fixed);
+    const column_r235 = ctx.$implicit;
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r221 = i0.ɵɵnextContext(3);
+    i0.ɵɵstyleProp("width", column_r235.width)("max-width", column_r235.width)("min-width", column_r235.width);
+    i0.ɵɵclassProp("po-table-column", column_r235.type !== "icon")("po-table-column-right", column_r235.type === "currency" || column_r235.type === "number")("po-table-column-center", column_r235.type === "subtitle")("po-table-column-icons", column_r235.type === "icon");
+    i0.ɵɵproperty("ngClass", ctx_r221.getClassColor(row_r216, column_r235))("pFrozenColumn", column_r235.fixed);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngSwitch", column_r247.type)("p-tooltip", ctx_r228.tooltipText)("p-append-in-body", true);
+    i0.ɵɵproperty("ngSwitch", column_r235.type)("p-tooltip", ctx_r221.tooltipText)("p-append-in-body", true);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngSwitchCase", "columnTemplate");
     i0.ɵɵadvance();
@@ -24947,112 +24913,110 @@ function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_Template(r
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngSwitchCase", "label");
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_7_ng_template_1_Template(rf, ctx) { }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_7_Template(rf, ctx) { if (rf & 1) {
-    const _r304 = i0.ɵɵgetCurrentView();
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_ng_template_1_Template(rf, ctx) { }
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_Template(rf, ctx) { if (rf & 1) {
+    const _r292 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 99);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_7_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r304); const row_r222 = i0.ɵɵnextContext().$implicit; const ctx_r302 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r302.toggleDetail(row_r222)); });
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_7_ng_template_1_Template, 0, 0, "ng-template", 100);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r292); const row_r216 = i0.ɵɵnextContext().$implicit; const ctx_r290 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r290.toggleDetail(row_r216)); });
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_ng_template_1_Template, 0, 0, "ng-template", 100);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r305 = i0.ɵɵnextContext();
-    const row_r222 = ctx_r305.$implicit;
-    const rowIndex_r223 = ctx_r305.index;
+    const ctx_r293 = i0.ɵɵnextContext();
+    const row_r216 = ctx_r293.$implicit;
+    const rowIndex_r217 = ctx_r293.index;
     i0.ɵɵnextContext(3);
     const _r13 = i0.ɵɵreference(15);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r13)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c19, row_r222, rowIndex_r223));
+    i0.ɵɵproperty("ngTemplateOutlet", _r13)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c19, row_r216, rowIndex_r217));
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_8_ng_template_0_Template(rf, ctx) { }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PoTableComponent_ng_template_10_ng_container_17_tbody_1_8_ng_template_0_Template, 0, 0, "ng-template", 100);
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_7_ng_template_0_Template(rf, ctx) { }
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PoTableComponent_ng_template_10_ng_container_17_tbody_1_7_ng_template_0_Template, 0, 0, "ng-template", 100);
 } if (rf & 2) {
-    const ctx_r307 = i0.ɵɵnextContext();
-    const row_r222 = ctx_r307.$implicit;
-    const rowIndex_r223 = ctx_r307.index;
+    const ctx_r295 = i0.ɵɵnextContext();
+    const row_r216 = ctx_r295.$implicit;
+    const rowIndex_r217 = ctx_r295.index;
     i0.ɵɵnextContext(3);
     const _r25 = i0.ɵɵreference(27);
-    i0.ɵɵproperty("ngTemplateOutlet", _r25)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c19, row_r222, rowIndex_r223));
+    i0.ɵɵproperty("ngTemplateOutlet", _r25)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c19, row_r216, rowIndex_r217));
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_tr_9_ng_template_2_Template(rf, ctx) { }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_tr_9_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_tr_8_ng_template_2_Template(rf, ctx) { }
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_tr_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr")(1, "td", 111);
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_10_ng_container_17_tbody_1_tr_9_ng_template_2_Template, 0, 0, "ng-template", 100);
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_10_ng_container_17_tbody_1_tr_8_ng_template_2_Template, 0, 0, "ng-template", 100);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r309 = i0.ɵɵnextContext();
-    const row_r222 = ctx_r309.$implicit;
-    const rowIndex_r223 = ctx_r309.index;
-    const ctx_r231 = i0.ɵɵnextContext(3);
+    const ctx_r297 = i0.ɵɵnextContext();
+    const row_r216 = ctx_r297.$implicit;
+    const rowIndex_r217 = ctx_r297.index;
+    const ctx_r224 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("colSpan", ctx_r231.columnCountForMasterDetail);
+    i0.ɵɵproperty("colSpan", ctx_r224.columnCountForMasterDetail);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r231.tableRowTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c21, row_r222, rowIndex_r223));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r224.tableRowTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c21, row_r216, rowIndex_r217));
 } }
-function PoTableComponent_ng_template_10_ng_container_17_tbody_1_tr_10_Template(rf, ctx) { if (rf & 1) {
-    const _r311 = i0.ɵɵgetCurrentView();
+function PoTableComponent_ng_template_10_ng_container_17_tbody_1_tr_9_Template(rf, ctx) { if (rf & 1) {
+    const _r299 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "tr")(1, "td", 112)(2, "po-table-detail", 113);
-    i0.ɵɵlistener("p-select-row", function PoTableComponent_ng_template_10_ng_container_17_tbody_1_tr_10_Template_po_table_detail_p_select_row_2_listener($event) { i0.ɵɵrestoreView(_r311); const ctx_r310 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r310.selectDetailRow($event)); });
+    i0.ɵɵlistener("p-select-row", function PoTableComponent_ng_template_10_ng_container_17_tbody_1_tr_9_Template_po_table_detail_p_select_row_2_listener($event) { i0.ɵɵrestoreView(_r299); const ctx_r298 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r298.selectDetailRow($event)); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const row_r222 = i0.ɵɵnextContext().$implicit;
-    const ctx_r232 = i0.ɵɵnextContext(3);
+    const row_r216 = i0.ɵɵnextContext().$implicit;
+    const ctx_r225 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("colSpan", ctx_r232.columnCountForMasterDetail);
+    i0.ɵɵproperty("colSpan", ctx_r225.columnCountForMasterDetail);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("p-selectable", ctx_r232.selectable && !ctx_r232.detailHideSelect)("p-detail", ctx_r232.columnMasterDetail.detail)("p-items", row_r222[ctx_r232.nameColumnDetail])("p-parent-row", row_r222);
+    i0.ɵɵproperty("p-selectable", ctx_r225.selectable && !ctx_r225.detailHideSelect)("p-detail", ctx_r225.columnMasterDetail.detail)("p-items", row_r216[ctx_r225.nameColumnDetail])("p-parent-row", row_r216);
 } }
 function PoTableComponent_ng_template_10_ng_container_17_tbody_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody", 91)(1, "tr", 95);
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_2_Template, 2, 4, "td", 96)(3, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_3_Template, 2, 5, "td", 97)(4, PoTableComponent_ng_template_10_ng_container_17_tbody_1_4_Template, 1, 5, null, 43)(5, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_Template, 2, 5, "td", 97)(6, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_Template, 15, 31, "td", 123)(7, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_7_Template, 2, 5, "td", 97)(8, PoTableComponent_ng_template_10_ng_container_17_tbody_1_8_Template, 1, 5, null, 43);
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_2_Template, 2, 4, "td", 96)(3, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_3_Template, 2, 5, "td", 97)(4, PoTableComponent_ng_template_10_ng_container_17_tbody_1_4_Template, 1, 5, null, 43)(5, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_5_Template, 15, 31, "td", 123)(6, PoTableComponent_ng_template_10_ng_container_17_tbody_1_td_6_Template, 2, 5, "td", 97)(7, PoTableComponent_ng_template_10_ng_container_17_tbody_1_7_Template, 1, 5, null, 43);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(9, PoTableComponent_ng_template_10_ng_container_17_tbody_1_tr_9_Template, 3, 6, "tr", 43)(10, PoTableComponent_ng_template_10_ng_container_17_tbody_1_tr_10_Template, 3, 5, "tr", 43);
+    i0.ɵɵtemplate(8, PoTableComponent_ng_template_10_ng_container_17_tbody_1_tr_8_Template, 3, 6, "tr", 43)(9, PoTableComponent_ng_template_10_ng_container_17_tbody_1_tr_9_Template, 3, 5, "tr", 43);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r222 = ctx.$implicit;
-    const rowIndex_r223 = ctx.index;
-    const ctx_r221 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("po-table-row-active", row_r222.$selected || row_r222.$selected === null && ctx_r221.selectable);
+    const row_r216 = ctx.$implicit;
+    const rowIndex_r217 = ctx.index;
+    const ctx_r215 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r221.selectable);
+    i0.ɵɵclassProp("po-table-row-active", row_r216.$selected || row_r216.$selected === null && ctx_r215.selectable);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r221.columnMasterDetail && !ctx_r221.hideDetail && !ctx_r221.hasRowTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r215.selectable);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r221.actionRight && (ctx_r221.visibleActions.length > 1 || ctx_r221.isSingleAction));
+    i0.ɵɵproperty("ngIf", ctx_r215.columnMasterDetail && !ctx_r215.hideDetail && !ctx_r215.hasRowTemplate || ctx_r215.hasRowTemplate && !ctx_r215.hasRowTemplateWithArrowDirectionRight);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r221.hasRowTemplate && !ctx_r221.hasRowTemplateWithArrowDirectionRight);
+    i0.ɵɵproperty("ngIf", !ctx_r215.actionRight && (ctx_r215.visibleActions.length > 1 || ctx_r215.isSingleAction));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r221.mainColumns)("ngForTrackBy", ctx_r221.trackBy);
+    i0.ɵɵproperty("ngForOf", ctx_r215.mainColumns)("ngForTrackBy", ctx_r215.trackBy);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r221.hasRowTemplateWithArrowDirectionRight);
+    i0.ɵɵproperty("ngIf", ctx_r215.hasRowTemplateWithArrowDirectionRight);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r221.actionRight);
+    i0.ɵɵproperty("ngIf", ctx_r215.actionRight);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r221.hasMainColumns && ctx_r221.hasRowTemplate && row_r222.$showDetail && ctx_r221.isShowRowTemplate(row_r222, rowIndex_r223));
+    i0.ɵɵproperty("ngIf", ctx_r215.hasMainColumns && ctx_r215.hasRowTemplate && row_r216.$showDetail && ctx_r215.isShowRowTemplate(row_r216, rowIndex_r217));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r221.hasMainColumns && ctx_r221.isShowMasterDetail(row_r222));
+    i0.ɵɵproperty("ngIf", ctx_r215.hasMainColumns && ctx_r215.isShowMasterDetail(row_r216));
 } }
 function PoTableComponent_ng_template_10_ng_container_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_10_ng_container_17_tbody_1_Template, 11, 12, "tbody", 122);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_10_ng_container_17_tbody_1_Template, 10, 11, "tbody", 122);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r199 = i0.ɵɵnextContext(2);
+    const ctx_r193 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("cdkVirtualForOf", ctx_r199.filteredItems)("cdkVirtualForTrackBy", ctx_r199.trackBy);
+    i0.ɵɵproperty("cdkVirtualForOf", ctx_r193.filteredItems)("cdkVirtualForTrackBy", ctx_r193.trackBy);
 } }
 function PoTableComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
-    const _r314 = i0.ɵɵgetCurrentView();
+    const _r302 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "cdk-virtual-scroll-viewport", 114, 115)(2, "table", 56)(3, "thead", 116)(4, "tr", 117);
-    i0.ɵɵlistener("cdkDropListDropped", function PoTableComponent_ng_template_10_Template_tr_cdkDropListDropped_4_listener($event) { i0.ɵɵrestoreView(_r314); const ctx_r313 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r313.drop($event)); });
+    i0.ɵɵlistener("cdkDropListDropped", function PoTableComponent_ng_template_10_Template_tr_cdkDropListDropped_4_listener($event) { i0.ɵɵrestoreView(_r302); const ctx_r301 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r301.drop($event)); });
     i0.ɵɵtemplate(5, PoTableComponent_ng_template_10_th_5_Template, 3, 5, "th", 59)(6, PoTableComponent_ng_template_10_th_6_Template, 1, 0, "th", 60)(7, PoTableComponent_ng_template_10_th_7_Template, 2, 4, "th", 61)(8, PoTableComponent_ng_template_10_th_8_Template, 3, 3, "th", 62)(9, PoTableComponent_ng_template_10_ng_container_9_Template, 1, 0, "ng-container", 63)(10, PoTableComponent_ng_template_10_ng_template_10_Template, 1, 2, "ng-template", null, 118, i0.ɵɵtemplateRefExtractor)(12, PoTableComponent_ng_template_10_ng_template_12_Template, 1, 2, "ng-template", null, 119, i0.ɵɵtemplateRefExtractor)(14, PoTableComponent_ng_template_10_th_14_Template, 1, 0, "th", 60)(15, PoTableComponent_ng_template_10_th_15_Template, 1, 4, "th", 66);
     i0.ɵɵelementEnd()();
     i0.ɵɵtemplate(16, PoTableComponent_ng_template_10_tbody_16_Template, 5, 2, "tbody", 67)(17, PoTableComponent_ng_template_10_ng_container_17_Template, 2, 2, "ng-container", 43);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const _r193 = i0.ɵɵreference(11);
-    const _r195 = i0.ɵɵreference(13);
+    const _r187 = i0.ɵɵreference(11);
+    const _r189 = i0.ɵɵreference(13);
     const ctx_r9 = i0.ɵɵnextContext();
     i0.ɵɵstyleProp("height", ctx_r9.heightTableContainer, "px");
     i0.ɵɵproperty("itemSize", ctx_r9.itemSize)("minBufferPx", ctx_r9.heightTableContainer < 100 ? 100 : ctx_r9.heightTableContainer)("maxBufferPx", ctx_r9.heightTableContainer < 200 ? 200 : ctx_r9.heightTableContainer);
@@ -25066,15 +25030,15 @@ function PoTableComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r9.hasSelectableColumn);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", (ctx_r9.hasMasterDetailColumn || ctx_r9.hasRowTemplate) && !ctx_r9.hasRowTemplateWithArrowDirectionRight);
+    i0.ɵɵproperty("ngIf", (ctx_r9.hasMasterDetailColumn || ctx_r9.hasRowTemplate) && ctx_r9.hasMainColumns && !ctx_r9.hasRowTemplateWithArrowDirectionRight);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", !ctx_r9.actionRight && (ctx_r9.visibleActions.length > 1 || ctx_r9.isSingleAction));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", !ctx_r9.hasMainColumns);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r9.isDraggable || ctx_r9.hasSomeFixed())("ngIfThen", _r193)("ngIfElse", _r195);
+    i0.ɵɵproperty("ngIf", ctx_r9.isDraggable || ctx_r9.hasSomeFixed())("ngIfThen", _r187)("ngIfElse", _r189);
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngIf", ctx_r9.hasRowTemplateWithArrowDirectionRight && (ctx_r9.hasVisibleActions || ctx_r9.hideColumnsManager));
+    i0.ɵɵproperty("ngIf", ctx_r9.hasRowTemplateWithArrowDirectionRight && ctx_r9.hasMainColumns && (ctx_r9.hasVisibleActions || ctx_r9.hideColumnsManager));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r9.hasVisibleActions && ctx_r9.actionRight && (ctx_r9.visibleActions.length > 1 || ctx_r9.isSingleAction));
     i0.ɵɵadvance();
@@ -25085,35 +25049,35 @@ function PoTableComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
 function PoTableComponent_ng_template_14_po_icon_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-icon", 126);
 } if (rf & 2) {
-    const row_r315 = i0.ɵɵnextContext().row;
-    i0.ɵɵproperty("p-icon", row_r315.$showDetail ? "ICON_ARROW_UP" : "ICON_ARROW_DOWN");
+    const row_r303 = i0.ɵɵnextContext().row;
+    i0.ɵɵproperty("p-icon", row_r303.$showDetail ? "ICON_ARROW_UP" : "ICON_ARROW_DOWN");
 } }
 function PoTableComponent_ng_template_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, PoTableComponent_ng_template_14_po_icon_0_Template, 1, 1, "po-icon", 125);
 } if (rf & 2) {
-    const row_r315 = ctx.row;
-    const rowIndex_r316 = ctx.rowIndex;
+    const row_r303 = ctx.row;
+    const rowIndex_r304 = ctx.rowIndex;
     const ctx_r12 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngIf", ctx_r12.containsMasterDetail(row_r315) && !ctx_r12.hasRowTemplate || ctx_r12.isShowRowTemplate(row_r315, rowIndex_r316) && ctx_r12.hasRowTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r12.containsMasterDetail(row_r303) && !ctx_r12.hasRowTemplate || ctx_r12.isShowRowTemplate(row_r303, rowIndex_r304) && ctx_r12.hasRowTemplate);
 } }
 function PoTableComponent_ng_template_16_Template(rf, ctx) { if (rf & 1) {
-    const _r321 = i0.ɵɵgetCurrentView();
+    const _r309 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-radio", 127);
-    i0.ɵɵlistener("p-change-selected", function PoTableComponent_ng_template_16_Template_po_radio_p_change_selected_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r321); const row_r319 = restoredCtx.$implicit; const ctx_r320 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r320.selectRow(row_r319)); });
+    i0.ɵɵlistener("p-change-selected", function PoTableComponent_ng_template_16_Template_po_radio_p_change_selected_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r309); const row_r307 = restoredCtx.$implicit; const ctx_r308 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r308.selectRow(row_r307)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r319 = ctx.$implicit;
+    const row_r307 = ctx.$implicit;
     const ctx_r14 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("name", ctx_r14.idRadio)("p-checked", row_r319.$selected);
+    i0.ɵɵproperty("name", ctx_r14.idRadio)("p-checked", row_r307.$selected);
 } }
 function PoTableComponent_ng_template_18_Template(rf, ctx) { if (rf & 1) {
-    const _r324 = i0.ɵɵgetCurrentView();
+    const _r312 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-checkbox", 128);
-    i0.ɵɵlistener("p-change", function PoTableComponent_ng_template_18_Template_po_checkbox_p_change_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r324); const row_r322 = restoredCtx.$implicit; const ctx_r323 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r323.selectable ? ctx_r323.selectRow(row_r322) : "javascript:;"); });
+    i0.ɵɵlistener("p-change", function PoTableComponent_ng_template_18_Template_po_checkbox_p_change_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r312); const row_r310 = restoredCtx.$implicit; const ctx_r311 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r311.selectable ? ctx_r311.selectRow(row_r310) : "javascript:;"); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r322 = ctx.$implicit;
-    i0.ɵɵproperty("p-checkboxValue", row_r322.$selected === null ? "mixed" : row_r322.$selected);
+    const row_r310 = ctx.$implicit;
+    i0.ɵɵproperty("p-checkboxValue", row_r310.$selected === null ? "mixed" : row_r310.$selected);
 } }
 function PoTableComponent_ng_template_20_span_4_ng_container_1_po_icon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-icon", 134);
@@ -25129,11 +25093,11 @@ function PoTableComponent_ng_template_20_span_4_ng_container_1_Template(rf, ctx)
     i0.ɵɵtemplate(1, PoTableComponent_ng_template_20_span_4_ng_container_1_po_icon_1_Template, 1, 0, "po-icon", 132)(2, PoTableComponent_ng_template_20_span_4_ng_container_1__svg_svg_2_Template, 2, 0, "svg", 133);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r328 = i0.ɵɵnextContext(3);
+    const ctx_r316 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r328.iconNameLib === "PhosphorIcon");
+    i0.ɵɵproperty("ngIf", ctx_r316.iconNameLib === "PhosphorIcon");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r328.iconNameLib === "PoIcon");
+    i0.ɵɵproperty("ngIf", ctx_r316.iconNameLib === "PoIcon");
 } }
 function PoTableComponent_ng_template_20_span_4_ng_container_2_po_icon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-icon", 138);
@@ -25149,11 +25113,11 @@ function PoTableComponent_ng_template_20_span_4_ng_container_2_Template(rf, ctx)
     i0.ɵɵtemplate(1, PoTableComponent_ng_template_20_span_4_ng_container_2_po_icon_1_Template, 1, 0, "po-icon", 137)(2, PoTableComponent_ng_template_20_span_4_ng_container_2__svg_svg_2_Template, 2, 0, "svg", 133);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r329 = i0.ɵɵnextContext(3);
+    const ctx_r317 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r329.iconNameLib === "PhosphorIcon");
+    i0.ɵɵproperty("ngIf", ctx_r317.iconNameLib === "PhosphorIcon");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r329.iconNameLib === "PoIcon");
+    i0.ɵɵproperty("ngIf", ctx_r317.iconNameLib === "PoIcon");
 } }
 function PoTableComponent_ng_template_20_span_4_ng_container_3_po_icon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-icon", 141);
@@ -25169,43 +25133,43 @@ function PoTableComponent_ng_template_20_span_4_ng_container_3_Template(rf, ctx)
     i0.ɵɵtemplate(1, PoTableComponent_ng_template_20_span_4_ng_container_3_po_icon_1_Template, 1, 0, "po-icon", 140)(2, PoTableComponent_ng_template_20_span_4_ng_container_3__svg_svg_2_Template, 2, 0, "svg", 133);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r330 = i0.ɵɵnextContext(3);
+    const ctx_r318 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r330.iconNameLib === "PhosphorIcon");
+    i0.ɵɵproperty("ngIf", ctx_r318.iconNameLib === "PhosphorIcon");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r330.iconNameLib === "PoIcon");
+    i0.ɵɵproperty("ngIf", ctx_r318.iconNameLib === "PoIcon");
 } }
 function PoTableComponent_ng_template_20_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtemplate(1, PoTableComponent_ng_template_20_span_4_ng_container_1_Template, 3, 2, "ng-container", 43)(2, PoTableComponent_ng_template_20_span_4_ng_container_2_Template, 3, 2, "ng-container", 43)(3, PoTableComponent_ng_template_20_span_4_ng_container_3_Template, 3, 2, "ng-container", 43);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r325 = i0.ɵɵnextContext().$implicit;
-    const ctx_r327 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("po-table-header-icon-unselected", ctx_r327.JSON.stringify(ctx_r327.sortedColumn == null ? null : ctx_r327.sortedColumn.property) !== ctx_r327.JSON.stringify(column_r325))("po-table-header-icon-descending", ctx_r327.JSON.stringify(ctx_r327.sortedColumn == null ? null : ctx_r327.sortedColumn.property) === ctx_r327.JSON.stringify(column_r325) && ctx_r327.sortedColumn.ascending)("po-table-header-icon-ascending", ctx_r327.JSON.stringify(ctx_r327.sortedColumn == null ? null : ctx_r327.sortedColumn.property) === ctx_r327.JSON.stringify(column_r325) && !ctx_r327.sortedColumn.ascending);
+    const column_r313 = i0.ɵɵnextContext().$implicit;
+    const ctx_r315 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("po-table-header-icon-unselected", ctx_r315.JSON.stringify(ctx_r315.sortedColumn == null ? null : ctx_r315.sortedColumn.property) !== ctx_r315.JSON.stringify(column_r313))("po-table-header-icon-descending", ctx_r315.JSON.stringify(ctx_r315.sortedColumn == null ? null : ctx_r315.sortedColumn.property) === ctx_r315.JSON.stringify(column_r313) && ctx_r315.sortedColumn.ascending)("po-table-header-icon-ascending", ctx_r315.JSON.stringify(ctx_r315.sortedColumn == null ? null : ctx_r315.sortedColumn.property) === ctx_r315.JSON.stringify(column_r313) && !ctx_r315.sortedColumn.ascending);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r327.JSON.stringify(ctx_r327.sortedColumn == null ? null : ctx_r327.sortedColumn.property) !== ctx_r327.JSON.stringify(column_r325));
+    i0.ɵɵproperty("ngIf", ctx_r315.JSON.stringify(ctx_r315.sortedColumn == null ? null : ctx_r315.sortedColumn.property) !== ctx_r315.JSON.stringify(column_r313));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r327.JSON.stringify(ctx_r327.sortedColumn == null ? null : ctx_r327.sortedColumn.property) === ctx_r327.JSON.stringify(column_r325) && ctx_r327.sortedColumn.ascending);
+    i0.ɵɵproperty("ngIf", ctx_r315.JSON.stringify(ctx_r315.sortedColumn == null ? null : ctx_r315.sortedColumn.property) === ctx_r315.JSON.stringify(column_r313) && ctx_r315.sortedColumn.ascending);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r327.JSON.stringify(ctx_r327.sortedColumn == null ? null : ctx_r327.sortedColumn.property) === ctx_r327.JSON.stringify(column_r325) && !ctx_r327.sortedColumn.ascending);
+    i0.ɵɵproperty("ngIf", ctx_r315.JSON.stringify(ctx_r315.sortedColumn == null ? null : ctx_r315.sortedColumn.property) === ctx_r315.JSON.stringify(column_r313) && !ctx_r315.sortedColumn.ascending);
 } }
 function PoTableComponent_ng_template_20_Template(rf, ctx) { if (rf & 1) {
-    const _r339 = i0.ɵɵgetCurrentView();
+    const _r327 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "span", 129, 130);
-    i0.ɵɵlistener("mouseenter", function PoTableComponent_ng_template_20_Template_span_mouseenter_0_listener($event) { i0.ɵɵrestoreView(_r339); const ctx_r338 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r338.tooltipMouseEnter($event)); })("mouseleave", function PoTableComponent_ng_template_20_Template_span_mouseleave_0_listener() { i0.ɵɵrestoreView(_r339); const ctx_r340 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r340.tooltipMouseLeave()); });
+    i0.ɵɵlistener("mouseenter", function PoTableComponent_ng_template_20_Template_span_mouseenter_0_listener($event) { i0.ɵɵrestoreView(_r327); const ctx_r326 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r326.tooltipMouseEnter($event)); })("mouseleave", function PoTableComponent_ng_template_20_Template_span_mouseleave_0_listener() { i0.ɵɵrestoreView(_r327); const ctx_r328 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r328.tooltipMouseLeave()); });
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "titlecase");
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(4, PoTableComponent_ng_template_20_span_4_Template, 4, 9, "span", 131);
 } if (rf & 2) {
-    const column_r325 = ctx.$implicit;
+    const column_r313 = ctx.$implicit;
     const ctx_r18 = i0.ɵɵnextContext();
     i0.ɵɵproperty("p-tooltip", ctx_r18.tooltipText)("p-append-in-body", true);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", column_r325.label || i0.ɵɵpipeBind1(3, 4, column_r325.property), " ");
+    i0.ɵɵtextInterpolate1(" ", column_r313.label || i0.ɵɵpipeBind1(3, 4, column_r313.property), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r18.sort && column_r325.sortable !== false);
+    i0.ɵɵproperty("ngIf", ctx_r18.sort && column_r313.sortable !== false);
 } }
 function PoTableComponent_ng_template_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 143);
@@ -25226,39 +25190,39 @@ function PoTableComponent_ng_template_24_Template(rf, ctx) { if (rf & 1) {
 function PoTableComponent_ng_template_26_td_0_div_1_po_icon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-icon", 150);
 } if (rf & 2) {
-    const ctx_r346 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("p-icon", ctx_r346.firstAction.icon);
+    const ctx_r334 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("p-icon", ctx_r334.firstAction.icon);
 } }
 function PoTableComponent_ng_template_26_td_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r349 = i0.ɵɵgetCurrentView();
+    const _r337 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 148);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_26_td_0_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r349); const row_r341 = i0.ɵɵnextContext(2).row; const ctx_r347 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r347.executeTableAction(row_r341, ctx_r347.firstAction)); });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_26_td_0_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r337); const row_r329 = i0.ɵɵnextContext(2).row; const ctx_r335 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r335.executeTableAction(row_r329, ctx_r335.firstAction)); });
     i0.ɵɵtemplate(1, PoTableComponent_ng_template_26_td_0_div_1_po_icon_1_Template, 1, 1, "po-icon", 149);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r341 = i0.ɵɵnextContext(2).row;
-    const ctx_r345 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("po-table-action-disabled", ctx_r345.firstAction.disabled ? ctx_r345.validateTableAction(row_r341, ctx_r345.firstAction) : false);
+    const row_r329 = i0.ɵɵnextContext(2).row;
+    const ctx_r333 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("po-table-action-disabled", ctx_r333.firstAction.disabled ? ctx_r333.validateTableAction(row_r329, ctx_r333.firstAction) : false);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r345.firstAction.icon);
+    i0.ɵɵproperty("ngIf", ctx_r333.firstAction.icon);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r345.firstAction.label, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r333.firstAction.label, " ");
 } }
 function PoTableComponent_ng_template_26_td_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "td", 146);
     i0.ɵɵtemplate(1, PoTableComponent_ng_template_26_td_0_div_1_Template, 3, 4, "div", 147);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r343 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("width", ctx_r343.height && ctx_r343.actionRight ? ctx_r343.getWidthColumnManager() : "", "px")("max-width", ctx_r343.height && !ctx_r343.actionRight ? ctx_r343.getColumnWidthActionsLeft() : "", "px")("width", ctx_r343.height && !ctx_r343.actionRight ? ctx_r343.getColumnWidthActionsLeft() : "", "px");
+    const ctx_r331 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("width", ctx_r331.height && ctx_r331.actionRight ? ctx_r331.getWidthColumnManager() : "", "px")("max-width", ctx_r331.height && !ctx_r331.actionRight ? ctx_r331.getColumnWidthActionsLeft() : "", "px")("width", ctx_r331.height && !ctx_r331.actionRight ? ctx_r331.getColumnWidthActionsLeft() : "", "px");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r343.firstAction.visible !== false);
+    i0.ɵɵproperty("ngIf", ctx_r331.firstAction.visible !== false);
 } }
 function PoTableComponent_ng_template_26_td_1_Template(rf, ctx) { if (rf & 1) {
-    const _r354 = i0.ɵɵgetCurrentView();
+    const _r342 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 151)(1, "div", 152, 153);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_26_td_1_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r354); const _r351 = i0.ɵɵreference(2); const row_r341 = i0.ɵɵnextContext().row; const ctx_r352 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r352.togglePopup(row_r341, _r351)); });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_26_td_1_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r342); const _r339 = i0.ɵɵreference(2); const row_r329 = i0.ɵɵnextContext().row; const ctx_r340 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r340.togglePopup(row_r329, _r339)); });
     i0.ɵɵelement(3, "po-icon", 154);
     i0.ɵɵelementEnd()();
 } }
@@ -25271,9 +25235,9 @@ function PoTableComponent_ng_template_26_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r24.visibleActions.length > 1);
 } }
 function PoTableComponent_po_table_column_manager_28_Template(rf, ctx) { if (rf & 1) {
-    const _r356 = i0.ɵɵgetCurrentView();
+    const _r344 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-table-column-manager", 155);
-    i0.ɵɵlistener("p-visible-columns-change", function PoTableComponent_po_table_column_manager_28_Template_po_table_column_manager_p_visible_columns_change_0_listener($event) { i0.ɵɵrestoreView(_r356); const ctx_r355 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r355.onVisibleColumnsChange($event)); })("p-change-visible-columns", function PoTableComponent_po_table_column_manager_28_Template_po_table_column_manager_p_change_visible_columns_0_listener($event) { i0.ɵɵrestoreView(_r356); const ctx_r357 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r357.onChangeVisibleColumns($event)); })("p-initial-columns", function PoTableComponent_po_table_column_manager_28_Template_po_table_column_manager_p_initial_columns_0_listener($event) { i0.ɵɵrestoreView(_r356); const ctx_r358 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r358.onColumnRestoreManager($event)); });
+    i0.ɵɵlistener("p-visible-columns-change", function PoTableComponent_po_table_column_manager_28_Template_po_table_column_manager_p_visible_columns_change_0_listener($event) { i0.ɵɵrestoreView(_r344); const ctx_r343 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r343.onVisibleColumnsChange($event)); })("p-change-visible-columns", function PoTableComponent_po_table_column_manager_28_Template_po_table_column_manager_p_change_visible_columns_0_listener($event) { i0.ɵɵrestoreView(_r344); const ctx_r345 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r345.onChangeVisibleColumns($event)); })("p-initial-columns", function PoTableComponent_po_table_column_manager_28_Template_po_table_column_manager_p_initial_columns_0_listener($event) { i0.ɵɵrestoreView(_r344); const ctx_r346 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r346.onColumnRestoreManager($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r26 = i0.ɵɵnextContext();
@@ -25436,7 +25400,8 @@ class PoTableComponent extends PoTableBaseComponent {
         const columnCount = this.mainColumns.length +
             (this.actions.length > 0 ? 1 : 0) +
             (this.selectable ? 1 : 0) +
-            (!this.hideDetail && this.columnMasterDetail !== undefined ? 1 : 0);
+            (!this.hideDetail && this.columnMasterDetail !== undefined ? 1 : 0) +
+            this.countExtraColumns();
         return columnCount || 1;
     }
     get columnCountForMasterDetail() {
@@ -25909,6 +25874,22 @@ class PoTableComponent extends PoTableBaseComponent {
             return (this.tooltipText = columnLabel?.tooltip);
         }
     }
+    countExtraColumns() {
+        let extraColumns = 0;
+        if (!this.columnMasterDetail && this.hasItems) {
+            if ((this.hasMasterDetailColumn || this.hasRowTemplate) &&
+                this.hasMainColumns &&
+                !this.hasRowTemplateWithArrowDirectionRight) {
+                extraColumns++;
+            }
+            if (this.hasRowTemplateWithArrowDirectionRight &&
+                this.hasMainColumns &&
+                (this.hasVisibleActions || this.hideColumnsManager)) {
+                extraColumns++;
+            }
+        }
+        return extraColumns;
+    }
     debounceResize() {
         clearTimeout(this.timeoutResize);
         this.timeoutResize = setTimeout(() => {
@@ -26114,7 +26095,7 @@ class PoTableComponent extends PoTableBaseComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoTableComponent, [{
         type: Component,
-        args: [{ selector: 'po-table', providers: [PoDateService], template: "<div class=\"po-table-actions\">\n  <div\n    #columnBatchActions\n    *ngIf=\"hasValidColumns && itemsSelected.length > 0 && !hideBatchActions\"\n    class=\"po-table-actions-batch-actions\"\n  >\n    <div [ngPlural]=\"itemsSelected.length\" class=\"po-table-actions-batch-actions__label\">\n      <strong>\n        <ng-template ngPluralCase=\"=0\">{{ literals.noItem }}</ng-template>\n        <ng-template ngPluralCase=\"=1\">{{ literals.oneItem }}</ng-template>\n        <ng-template ngPluralCase=\"other\">{{ itemsSelected.length }} {{ literals.multipleItems }}</ng-template>\n      </strong>\n    </div>\n\n    <div class=\"po-table-actions-batch-actions__buttons\">\n      <po-button\n        p-icon=\"ICON_DELETE\"\n        [p-danger]=\"true\"\n        [p-disabled]=\"itemsSelected.length > 1 && serviceDeleteApi !== undefined\"\n        [p-label]=\"literals.delete\"\n        (p-click)=\"modalDelete.open()\"\n      ></po-button>\n    </div>\n  </div>\n\n  <div #columnManager *ngIf=\"hasValidColumns && !hideColumnsManager\" class=\"po-table-actions-column-manager\">\n    <po-button\n      #columnManagerTarget\n      p-icon=\"ICON_SETTINGS\"\n      p-kind=\"tertiary\"\n      p-tooltip-position=\"left\"\n      [p-aria-label]=\"literals.columnsManager\"\n      [p-tooltip]=\"literals.columnsManager\"\n      (p-click)=\"onOpenColumnManager()\"\n    ></po-button>\n  </div>\n\n  <div *ngIf=\"!hideTableSearch && hasValidColumns\" class=\"po-table-search\">\n    <po-search\n      [p-items]=\"items\"\n      [p-filter-keys]=\"filteredColumns\"\n      [p-filter-type]=\"filterType\"\n      (p-filtered-items-change)=\"onFilteredItemsChange($event)\"\n    >\n    </po-search>\n  </div>\n</div>\n<po-container *ngIf=\"container; else tableContainerTemplate\" p-no-padding>\n  <ng-container *ngTemplateOutlet=\"tableContainerTemplate\"></ng-container>\n</po-container>\n\n<ng-template #tableContainerTemplate>\n  <div [class.po-table-container-sticky]=\"loading\">\n    <po-loading-overlay *ngIf=\"loading\" [p-text]=\"literals.loadingData\" [p-size]=\"sizeLoading\"></po-loading-overlay>\n    <div class=\"po-table-main-container\">\n      <div\n        #tableWrapper\n        class=\"po-table-wrapper\"\n        [class.po-table-header-fixed-columns-pixels]=\"allColumnsWidthPixels\"\n        [style.opacity]=\"tableOpacity\"\n      >\n        <div *ngIf=\"height\" class=\"po-table-container\" [style.height.px]=\"heightTableContainer\">\n          <div #poTableTbody [class.po-table-container-fixed-inner]=\"virtualScroll\">\n            <div *ngIf=\"virtualScroll\">\n              <ng-container *ngTemplateOutlet=\"tableVirtualScrollTemplate\"></ng-container>\n            </div>\n            <div *ngIf=\"!virtualScroll\" class=\"po-table-container-overflow\" [style.height.px]=\"heightTableContainer\">\n              <ng-container *ngTemplateOutlet=\"tableTemplate\"></ng-container>\n            </div>\n          </div>\n        </div>\n\n        <div *ngIf=\"!height\">\n          <ng-container *ngTemplateOutlet=\"tableTemplate\"></ng-container>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"po-table-footer\" *ngIf=\"hasFooter\">\n    <ng-container *ngFor=\"let column of subtitleColumns; trackBy: trackBy\">\n      <po-table-subtitle-footer [p-literals]=\"literals\" [p-subtitles]=\"column.subtitles\"> </po-table-subtitle-footer>\n    </ng-container>\n  </div>\n</ng-template>\n\n<!-- Show More Button -->\n<div\n  *ngIf=\"!infiniteScroll\"\n  class=\"po-row po-table-footer-show-more\"\n  [class.po-invisible]=\"showMore.observers.length === 0 && !hasService\"\n  #tableFooter\n>\n  <po-button\n    class=\"po-offset-xl-4 po-offset-lg-4 po-offset-md-3 po-lg-4 po-md-6\"\n    [p-disabled]=\"showMoreDisabled\"\n    [p-label]=\"literals.loadMoreData\"\n    [p-loading]=\"loadingShowMore\"\n    (p-click)=\"onShowMore()\"\n  >\n  </po-button>\n</div>\n\n<!-- Table default-->\n<ng-template #tableTemplate>\n  <table\n    #tableScrollable\n    class=\"po-table\"\n    [ngClass]=\"{\n      'po-table-interactive': selectable || sort,\n      'po-table-selectable': selectable,\n      'po-table-striped': striped,\n      'po-table-data-fixed-columns': applyFixedColumns(),\n      'po-table-text-wrap-enabled': textWrap\n    }\"\n    [attr.p-spacing]=\"spacing\"\n  >\n    <thead [class.po-table-header-sticky]=\"height > 0 && !virtualScroll\">\n      <tr\n        [ngClass]=\"!height ? { 'no-hover': hideSelectAll, 'po-table-column-drag': this.isDraggable } : ''\"\n        [class.po-table-header]=\"!height\"\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        (cdkDropListDropped)=\"drop($event)\"\n      >\n        <th\n          *ngIf=\"hasSelectableColumn\"\n          [style.pointer-events]=\"hideSelectAll ? 'none' : 'auto'\"\n          class=\"po-table-column-selectable\"\n        >\n          <div [class.po-table-header-fixed-inner]=\"height\">\n            <po-checkbox\n              name=\"selectAll\"\n              *ngIf=\"!hideSelectAll\"\n              (p-change)=\"selectAllRows()\"\n              [p-checkboxValue]=\"selectAll === null ? 'mixed' : selectAll\"\n            ></po-checkbox>\n          </div>\n        </th>\n\n        <th\n          *ngIf=\"(hasMasterDetailColumn || hasRowTemplate) && !hasRowTemplateWithArrowDirectionRight\"\n          class=\"po-table-header-column po-table-header-master-detail\"\n        ></th>\n\n        <!-- Coluna criada para caso as a\u00E7\u00F5es fiquem no lado esquerdo -->\n        <th\n          #columnActionLeft\n          *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n          [class.po-table-header-master-detail]=\"!isSingleAction\"\n          [class.po-table-header-single-action]=\"isSingleAction\"\n        ></th>\n\n        <th *ngIf=\"!hasMainColumns\" #noColumnsHeader class=\"po-table-header-column po-text-center\">\n          <ng-container *ngIf=\"height; then noColumnsWithHeight; else noColumnsWithoutHeight\"> </ng-container>\n        </th>\n\n        <ng-container\n          *ngIf=\"this.isDraggable || hasSomeFixed(); then tableDefaultThDragDrop; else tableDefaultThDefault\"\n        >\n        </ng-container>\n        <ng-template #tableDefaultThDragDrop>\n          <th\n            *ngFor=\"let column of mainColumns; let i = index; trackBy: trackBy\"\n            class=\"po-table-header-ellipsis p-element po-frozen-column\"\n            [style.width]=\"column.width\"\n            [style.max-width]=\"column.width\"\n            [style.min-width]=\"column.width\"\n            [attr.data-po-table-column-name]=\"column.label || (column.property | titlecase) | lowercase\"\n            [class.po-clickable]=\"(sort && column.sortable !== false) || hasService\"\n            [ngClass]=\"{\n              'po-table-header-sorted':\n                sort &&\n                JSON.stringify(sortedColumn?.property) === JSON.stringify(column) &&\n                (sortedColumn.ascending || !sortedColumn.ascending)\n            }\"\n            [ngStyle]=\"{\n              'width':\n                height > 0 && !virtualScroll ? (!hasItems ? '100%' : applyFixedColumns() ? column.width : 'auto') : ''\n            }\"\n            [class.po-table-header-subtitle]=\"column.type === 'subtitle'\"\n            [class.po-table-column-drag-box]=\"this.isDraggable\"\n            (click)=\"sortColumn(column)\"\n            cdkDrag\n            cdkDragLockAxis=\"x\"\n            [cdkDragDisabled]=\"column.fixed ? 'true' : 'false'\"\n            [pFrozenColumn]=\"column.fixed\"\n          >\n            <div\n              class=\"po-table-header-flex\"\n              [class.po-table-header-fixed-inner]=\"height\"\n              [class.po-table-header-flex-right]=\"column.type === 'currency' || column.type === 'number'\"\n              [class.po-table-header-flex-center]=\"column.type === 'subtitle'\"\n            >\n              <ng-container *ngIf=\"this.isDraggable && !column.fixed\">\n                <po-icon cdkDragHandle *ngIf=\"iconNameLib === 'PhosphorIcon'\" p-icon=\"ICON_DRAG\"></po-icon>\n                <svg\n                  *ngIf=\"iconNameLib === 'PoIcon'\"\n                  cdkDragHandle\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <circle cx=\"9\" cy=\"6\" r=\"2\" fill=\"black\" />\n                  <circle cx=\"15\" cy=\"6\" r=\"2\" fill=\"black\" />\n                  <circle cx=\"9\" cy=\"12\" r=\"2\" fill=\"black\" />\n                  <circle cx=\"15\" cy=\"12\" r=\"2\" fill=\"black\" />\n                  <circle cx=\"9\" cy=\"18\" r=\"2\" fill=\"black\" />\n                  <circle cx=\"15\" cy=\"18\" r=\"2\" fill=\"black\" />\n                </svg>\n              </ng-container>\n              <ng-container *ngTemplateOutlet=\"contentHeaderTemplate; context: { $implicit: column }\"> </ng-container>\n            </div>\n          </th>\n        </ng-template>\n        <ng-template #tableDefaultThDefault>\n          <th\n            *ngFor=\"let column of mainColumns; let i = index; trackBy: trackBy\"\n            class=\"po-table-header-ellipsis p-element po-frozen-column\"\n            [style.width]=\"column.width\"\n            [style.max-width]=\"column.width\"\n            [style.min-width]=\"column.width\"\n            [attr.data-po-table-column-name]=\"column.label || (column.property | titlecase) | lowercase\"\n            [class.po-clickable]=\"(sort && column.sortable !== false) || hasService\"\n            [ngClass]=\"{\n              'po-table-header-sorted':\n                sort &&\n                JSON.stringify(sortedColumn?.property) === JSON.stringify(column) &&\n                (sortedColumn.ascending || !sortedColumn.ascending)\n            }\"\n            [ngStyle]=\"{\n              'width':\n                height > 0 && !virtualScroll ? (!hasItems ? '100%' : applyFixedColumns() ? column.width : 'auto') : ''\n            }\"\n            [class.po-table-header-subtitle]=\"column.type === 'subtitle'\"\n            (click)=\"sortColumn(column)\"\n            [pFrozenColumn]=\"column.fixed\"\n          >\n            <div\n              class=\"po-table-header-flex\"\n              [class.po-table-header-fixed-inner]=\"height\"\n              [class.po-table-header-flex-right]=\"column.type === 'currency' || column.type === 'number'\"\n              [class.po-table-header-flex-center]=\"column.type === 'subtitle'\"\n            >\n              <ng-container *ngTemplateOutlet=\"contentHeaderTemplate; context: { $implicit: column }\"> </ng-container>\n            </div>\n          </th>\n        </ng-template>\n\n        <th\n          *ngIf=\"hasRowTemplateWithArrowDirectionRight && (hasVisibleActions || hideColumnsManager)\"\n          class=\"po-table-header-column po-table-header-master-detail\"\n        ></th>\n\n        <th\n          *ngIf=\"hasVisibleActions && actionRight && (visibleActions.length > 1 || isSingleAction)\"\n          [class.po-table-header-single-action]=\"isSingleAction\"\n          [class.po-table-header-actions]=\"!isSingleAction\"\n        ></th>\n      </tr>\n    </thead>\n\n    <tbody class=\"po-table-group-row\" *ngIf=\"!hasItems || !hasMainColumns\">\n      <tr class=\"po-table-row po-table-row-no-data\">\n        <td [colSpan]=\"columnCount\" class=\"po-table-no-data po-text-center\">\n          <span> {{ literals.noData }} </span>\n        </td>\n      </tr>\n    </tbody>\n\n    <ng-container *ngIf=\"hasMainColumns\">\n      <tbody class=\"po-table-group-row\" *ngFor=\"let row of filteredItems; let rowIndex = index; trackBy: trackBy\">\n        <tr class=\"po-table-row\" [class.po-table-row-active]=\"row.$selected || (row.$selected === null && selectable)\">\n          <td *ngIf=\"selectable\" class=\"po-table-column-selectable\">\n            <ng-container *ngTemplateOutlet=\"singleSelect ? inputRadio : inputCheckbox; context: { $implicit: row }\">\n            </ng-container>\n          </td>\n\n          <!-- Valida se a origem do detail \u00E9 pelo input do po-table -->\n          <td\n            *ngIf=\"columnMasterDetail && !hideDetail && !hasRowTemplate\"\n            class=\"po-table-column-detail-toggle\"\n            (click)=\"toggleDetail(row)\"\n          >\n            <ng-template\n              [ngTemplateOutlet]=\"poTableColumnDetail\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n\n          <!-- Coluna com as a\u00E7\u00F5es na esquerda (padr\u00E3o)-->\n          <ng-template\n            *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n            [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n            [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n          >\n          </ng-template>\n\n          <!-- Valida se a origem do detail \u00E9 pela diretiva -->\n          <td\n            *ngIf=\"hasRowTemplate && !hasRowTemplateWithArrowDirectionRight\"\n            class=\"po-table-column-detail-toggle\"\n            (click)=\"toggleDetail(row)\"\n          >\n            <ng-template\n              [ngTemplateOutlet]=\"poTableColumnDetail\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n\n          <td\n            *ngFor=\"let column of mainColumns; let columnIndex = index; trackBy: trackBy\"\n            [style.width]=\"column.width\"\n            [style.max-width]=\"column.width\"\n            [style.min-width]=\"column.width\"\n            [class.po-table-column]=\"column.type !== 'icon'\"\n            [class.po-table-column-right]=\"column.type === 'currency' || column.type === 'number'\"\n            [class.po-table-column-center]=\"column.type === 'subtitle'\"\n            [class.po-table-column-icons]=\"column.type === 'icon'\"\n            [pFrozenColumn]=\"column.fixed\"\n            class=\"p-element po-frozen-column\"\n            [ngClass]=\"getClassColor(row, column)\"\n            (click)=\"hasSelectableRow() ? selectRow(row) : 'javascript:;'\"\n          >\n            <div\n              class=\"po-table-column-cell po-table-body-ellipsis notranslate\"\n              [ngSwitch]=\"column.type\"\n              [p-tooltip]=\"tooltipText\"\n              [p-append-in-body]=\"true\"\n              (mouseenter)=\"tooltipMouseEnter($event, column, row)\"\n              (mouseleave)=\"tooltipMouseLeave()\"\n            >\n              <span *ngSwitchCase=\"'columnTemplate'\">\n                <ng-container *ngTemplateOutlet=\"getTemplate(column); context: { $implicit: getCellData(row, column) }\">\n                </ng-container>\n              </span>\n\n              <span *ngSwitchCase=\"'cellTemplate'\">\n                <ng-container *ngTemplateOutlet=\"tableCellTemplate?.templateRef; context: { row: row, column: column }\">\n                </ng-container>\n              </span>\n\n              <span *ngSwitchCase=\"'boolean'\">\n                {{ getBooleanLabel(getCellData(row, column), column) }}\n              </span>\n\n              <span *ngSwitchCase=\"'currency'\">\n                {{ getCellData(row, column) | currency: column.format : 'symbol' : '1.2-2' }}\n              </span>\n\n              <span *ngSwitchCase=\"'date'\">\n                {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy' }}\n              </span>\n\n              <span *ngSwitchCase=\"'time'\">\n                {{ getCellData(row, column) | po_time: column.format || 'HH:mm:ss.ffffff' }}\n              </span>\n\n              <span *ngSwitchCase=\"'dateTime'\">\n                {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy HH:mm:ss' }}\n              </span>\n\n              <span *ngSwitchCase=\"'number'\">\n                {{ formatNumber(getCellData(row, column), column.format) }}\n              </span>\n\n              <po-table-column-link\n                *ngSwitchCase=\"'link'\"\n                [p-action]=\"column.action\"\n                [p-disabled]=\"checkDisabled(row, column)\"\n                [p-link]=\"row[column.link]\"\n                [p-row]=\"row\"\n                [p-value]=\"getCellData(row, column)\"\n                (click)=\"onClickLink($event, row, column)\"\n              >\n              </po-table-column-link>\n\n              <po-table-column-icon\n                *ngSwitchCase=\"'icon'\"\n                [p-column]=\"column\"\n                [p-icons]=\"getColumnIcons(row, column)\"\n                [p-row]=\"row\"\n              >\n              </po-table-column-icon>\n\n              <span *ngSwitchCase=\"'subtitle'\">\n                <po-table-subtitle-circle [p-subtitle]=\"getSubtitleColumn(row, column)\"></po-table-subtitle-circle>\n              </span>\n              <span *ngSwitchCase=\"'label'\">\n                <po-table-column-label [p-value]=\"getColumnLabel(row, column)\"> </po-table-column-label>\n              </span>\n              <span *ngSwitchDefault>{{ getCellData(row, column) }}</span>\n            </div>\n          </td>\n\n          <td\n            *ngIf=\"hasRowTemplateWithArrowDirectionRight\"\n            class=\"po-table-column-detail-toggle\"\n            (click)=\"toggleDetail(row)\"\n          >\n            <ng-template\n              [ngTemplateOutlet]=\"poTableColumnDetail\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n\n          <!-- Coluna de a\u00E7oes na direita -->\n          <ng-template\n            *ngIf=\"actionRight\"\n            [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n            [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n          >\n          </ng-template>\n        </tr>\n\n        <tr *ngIf=\"hasMainColumns && hasRowTemplate && row.$showDetail && isShowRowTemplate(row, rowIndex)\">\n          <td class=\"po-table-row-template-container\" [colSpan]=\"columnCountForMasterDetail\">\n            <ng-template\n              [ngTemplateOutlet]=\"tableRowTemplate.templateRef\"\n              [ngTemplateOutletContext]=\"{ $implicit: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n        </tr>\n\n        <tr *ngIf=\"hasMainColumns && isShowMasterDetail(row)\">\n          <td class=\"po-table-column-detail\" [colSpan]=\"columnCountForMasterDetail\">\n            <po-table-detail\n              [p-selectable]=\"selectable && !detailHideSelect\"\n              [p-detail]=\"columnMasterDetail.detail\"\n              [p-items]=\"row[nameColumnDetail]\"\n              [p-parent-row]=\"row\"\n              (p-select-row)=\"selectDetailRow($event)\"\n            >\n            </po-table-detail>\n          </td>\n        </tr>\n      </tbody>\n    </ng-container>\n  </table>\n</ng-template>\n\n<!-- Table with virtual scroll -->\n<ng-template #tableVirtualScrollTemplate>\n  <cdk-virtual-scroll-viewport\n    #tableVirtualScroll\n    [itemSize]=\"itemSize\"\n    [style.height.px]=\"heightTableContainer\"\n    [minBufferPx]=\"heightTableContainer < 100 ? 100 : heightTableContainer\"\n    [maxBufferPx]=\"heightTableContainer < 200 ? 200 : heightTableContainer\"\n  >\n    <table\n      class=\"po-table\"\n      [ngClass]=\"{\n        'po-table-interactive': selectable || sort,\n        'po-table-selectable': selectable,\n        'po-table-striped': striped,\n        'po-table-data-fixed-columns': applyFixedColumns(),\n        'po-table-text-wrap-enabled': textWrap\n      }\"\n      [attr.p-spacing]=\"spacing\"\n    >\n      <thead class=\"po-table-header-sticky\" [style.top]=\"inverseOfTranslation\">\n        <tr\n          [class.po-table-header]=\"!height\"\n          cdkDropList\n          cdkDropListOrientation=\"horizontal\"\n          (cdkDropListDropped)=\"drop($event)\"\n        >\n          <th\n            *ngIf=\"hasSelectableColumn\"\n            [style.pointer-events]=\"hideSelectAll ? 'none' : 'auto'\"\n            class=\"po-table-column-selectable\"\n          >\n            <div [class.po-table-header-fixed-inner]=\"height\">\n              <po-checkbox\n                name=\"selectAll\"\n                *ngIf=\"!hideSelectAll\"\n                (p-change)=\"selectAllRows()\"\n                [p-checkboxValue]=\"selectAll === null ? 'mixed' : selectAll\"\n              ></po-checkbox>\n            </div>\n          </th>\n\n          <th\n            *ngIf=\"(hasMasterDetailColumn || hasRowTemplate) && !hasRowTemplateWithArrowDirectionRight\"\n            class=\"po-table-header-column po-table-header-master-detail\"\n          ></th>\n\n          <!-- Coluna criada para caso as a\u00E7\u00F5es fiquem no lado esquerdo -->\n          <th\n            #columnActionLeft\n            *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n            [class.po-table-header-master-detail]=\"!isSingleAction\"\n            [class.po-table-header-single-action]=\"isSingleAction\"\n          ></th>\n\n          <th *ngIf=\"!hasMainColumns\" #noColumnsHeader class=\"po-table-header-column po-text-center\">\n            <ng-container *ngIf=\"height; then noColumnsWithHeight; else noColumnsWithoutHeight\"> </ng-container>\n          </th>\n\n          <ng-container\n            *ngIf=\"\n              this.isDraggable || hasSomeFixed();\n              then tableVirtualScrollThDragDrop;\n              else tableVirtualScrollThDefault\n            \"\n          >\n          </ng-container>\n          <ng-template #tableVirtualScrollThDragDrop>\n            <th\n              *ngFor=\"let column of mainColumns; let i = index; trackBy: trackBy\"\n              class=\"po-table-header-ellipsis p-element po-frozen-column\"\n              [style.width]=\"column.width\"\n              [style.max-width]=\"column.width\"\n              [style.min-width]=\"column.width\"\n              [attr.data-po-table-column-name]=\"column.label || (column.property | titlecase) | lowercase\"\n              [class.po-clickable]=\"(sort && column.sortable !== false) || hasService\"\n              [ngClass]=\"{\n                'po-table-header-sorted':\n                  sort &&\n                  JSON.stringify(sortedColumn?.property) === JSON.stringify(column) &&\n                  (sortedColumn.ascending || !sortedColumn.ascending)\n              }\"\n              [ngStyle]=\"{ 'width': !hasItems ? '100%' : applyFixedColumns() ? column.width : 'auto' }\"\n              [class.po-table-header-subtitle]=\"column.type === 'subtitle'\"\n              [class.po-table-column-drag-box]=\"this.isDraggable\"\n              (click)=\"sortColumn(column)\"\n              cdkDrag\n              cdkDragLockAxis=\"x\"\n              [cdkDragDisabled]=\"column.fixed ? 'true' : 'false'\"\n              [pFrozenColumn]=\"column.fixed\"\n            >\n              <div\n                class=\"po-table-header-flex\"\n                [class.po-table-header-fixed-inner]=\"height\"\n                [class.po-table-header-flex-right]=\"column.type === 'currency' || column.type === 'number'\"\n                [class.po-table-header-flex-center]=\"column.type === 'subtitle'\"\n              >\n                <ng-container *ngIf=\"this.isDraggable && !column.fixed\">\n                  <po-icon cdkDragHandle *ngIf=\"iconNameLib === 'PhosphorIcon'\" p-icon=\"ICON_DRAG\"></po-icon>\n                  <svg\n                    *ngIf=\"iconNameLib === 'PoIcon'\"\n                    cdkDragHandle\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <circle cx=\"9\" cy=\"6\" r=\"2\" fill=\"black\" />\n                    <circle cx=\"15\" cy=\"6\" r=\"2\" fill=\"black\" />\n                    <circle cx=\"9\" cy=\"12\" r=\"2\" fill=\"black\" />\n                    <circle cx=\"15\" cy=\"12\" r=\"2\" fill=\"black\" />\n                    <circle cx=\"9\" cy=\"18\" r=\"2\" fill=\"black\" />\n                    <circle cx=\"15\" cy=\"18\" r=\"2\" fill=\"black\" />\n                  </svg>\n                </ng-container>\n                <ng-container *ngTemplateOutlet=\"contentHeaderTemplate; context: { $implicit: column }\"> </ng-container>\n              </div>\n            </th>\n          </ng-template>\n          <ng-template #tableVirtualScrollThDefault>\n            <th\n              *ngFor=\"let column of mainColumns; let i = index; trackBy: trackBy\"\n              class=\"po-table-header-ellipsis p-element po-frozen-column example-box\"\n              [style.width]=\"column.width\"\n              [style.max-width]=\"column.width\"\n              [style.min-width]=\"column.width\"\n              [attr.data-po-table-column-name]=\"column.label || (column.property | titlecase) | lowercase\"\n              [class.po-clickable]=\"(sort && column.sortable !== false) || hasService\"\n              [ngClass]=\"{\n                'po-table-header-sorted':\n                  sort &&\n                  JSON.stringify(sortedColumn?.property) === JSON.stringify(column) &&\n                  (sortedColumn.ascending || !sortedColumn.ascending)\n              }\"\n              [ngStyle]=\"{ 'width': !hasItems ? '100%' : applyFixedColumns() ? column.width : 'auto' }\"\n              [class.po-table-header-subtitle]=\"column.type === 'subtitle'\"\n              (click)=\"sortColumn(column)\"\n              [pFrozenColumn]=\"column.fixed\"\n            >\n              <div\n                class=\"po-table-header-flex\"\n                [class.po-table-header-fixed-inner]=\"height\"\n                [class.po-table-header-flex-right]=\"column.type === 'currency' || column.type === 'number'\"\n                [class.po-table-header-flex-center]=\"column.type === 'subtitle'\"\n              >\n                <ng-container *ngTemplateOutlet=\"contentHeaderTemplate; context: { $implicit: column }\"> </ng-container>\n              </div>\n            </th>\n          </ng-template>\n\n          <th\n            *ngIf=\"hasRowTemplateWithArrowDirectionRight && (hasVisibleActions || hideColumnsManager)\"\n            class=\"po-table-header-column po-table-header-master-detail\"\n          ></th>\n\n          <th\n            *ngIf=\"hasVisibleActions && actionRight && (visibleActions.length > 1 || isSingleAction)\"\n            [class.po-table-header-single-action]=\"isSingleAction\"\n            [class.po-table-header-actions]=\"!isSingleAction\"\n          ></th>\n        </tr>\n      </thead>\n\n      <tbody class=\"po-table-group-row\" *ngIf=\"!hasItems || !hasMainColumns\">\n        <tr class=\"po-table-row po-table-row-no-data\">\n          <td [colSpan]=\"columnCount\" class=\"po-table-no-data po-text-center\">\n            <span> {{ literals.noData }} </span>\n          </td>\n        </tr>\n      </tbody>\n\n      <ng-container *ngIf=\"hasMainColumns\">\n        <tbody\n          class=\"po-table-group-row\"\n          *cdkVirtualFor=\"let row of filteredItems; let rowIndex = index; trackBy: trackBy\"\n        >\n          <tr\n            class=\"po-table-row\"\n            [class.po-table-row-active]=\"row.$selected || (row.$selected === null && selectable)\"\n          >\n            <td *ngIf=\"selectable\" class=\"po-table-column-selectable\">\n              <ng-container *ngTemplateOutlet=\"singleSelect ? inputRadio : inputCheckbox; context: { $implicit: row }\">\n              </ng-container>\n            </td>\n\n            <!-- Valida se a origem do detail \u00E9 pelo input do po-table -->\n            <td\n              *ngIf=\"columnMasterDetail && !hideDetail && !hasRowTemplate\"\n              class=\"po-table-column-detail-toggle\"\n              (click)=\"toggleDetail(row)\"\n            >\n              <ng-template\n                [ngTemplateOutlet]=\"poTableColumnDetail\"\n                [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n              >\n              </ng-template>\n            </td>\n\n            <!-- Coluna com as a\u00E7\u00F5es na esquerda (padr\u00E3o)-->\n            <ng-template\n              *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n              [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n\n            <!-- Valida se a origem do detail \u00E9 pela diretiva -->\n            <td\n              *ngIf=\"hasRowTemplate && !hasRowTemplateWithArrowDirectionRight\"\n              class=\"po-table-column-detail-toggle\"\n              (click)=\"toggleDetail(row)\"\n            >\n              <ng-template\n                [ngTemplateOutlet]=\"poTableColumnDetail\"\n                [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n              >\n              </ng-template>\n            </td>\n\n            <td\n              *ngFor=\"let column of mainColumns; let columnIndex = index; trackBy: trackBy\"\n              [style.width]=\"column.width\"\n              [style.max-width]=\"column.width\"\n              [style.min-width]=\"column.width\"\n              [class.po-table-column]=\"column.type !== 'icon'\"\n              [class.po-table-column-right]=\"column.type === 'currency' || column.type === 'number'\"\n              [class.po-table-column-center]=\"column.type === 'subtitle'\"\n              [class.po-table-column-icons]=\"column.type === 'icon'\"\n              [ngClass]=\"getClassColor(row, column)\"\n              [pFrozenColumn]=\"column.fixed\"\n              class=\"p-element po-frozen-column\"\n              (click)=\"hasSelectableRow() ? selectRow(row) : 'javascript:;'\"\n            >\n              <div\n                class=\"po-table-column-cell po-table-body-ellipsis notranslate\"\n                [ngSwitch]=\"column.type\"\n                [p-tooltip]=\"tooltipText\"\n                [p-append-in-body]=\"true\"\n                (mouseenter)=\"tooltipMouseEnter($event, column, row)\"\n                (mouseleave)=\"tooltipMouseLeave()\"\n              >\n                <span *ngSwitchCase=\"'columnTemplate'\">\n                  <ng-container\n                    *ngTemplateOutlet=\"getTemplate(column); context: { $implicit: getCellData(row, column) }\"\n                  >\n                  </ng-container>\n                </span>\n\n                <span *ngSwitchCase=\"'cellTemplate'\">\n                  <ng-container\n                    *ngTemplateOutlet=\"tableCellTemplate?.templateRef; context: { row: row, column: column }\"\n                  >\n                  </ng-container>\n                </span>\n\n                <span *ngSwitchCase=\"'boolean'\">\n                  {{ getBooleanLabel(getCellData(row, column), column) }}\n                </span>\n\n                <span *ngSwitchCase=\"'currency'\">\n                  {{ getCellData(row, column) | currency: column.format : 'symbol' : '1.2-2' }}\n                </span>\n\n                <span *ngSwitchCase=\"'date'\">\n                  {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy' }}\n                </span>\n\n                <span *ngSwitchCase=\"'time'\">\n                  {{ getCellData(row, column) | po_time: column.format || 'HH:mm:ss.ffffff' }}\n                </span>\n\n                <span *ngSwitchCase=\"'dateTime'\">\n                  {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy HH:mm:ss' }}\n                </span>\n\n                <span *ngSwitchCase=\"'number'\">\n                  {{ formatNumber(getCellData(row, column), column.format) }}\n                </span>\n\n                <po-table-column-link\n                  *ngSwitchCase=\"'link'\"\n                  [p-action]=\"column.action\"\n                  [p-disabled]=\"checkDisabled(row, column)\"\n                  [p-link]=\"row[column.link]\"\n                  [p-row]=\"row\"\n                  [p-value]=\"getCellData(row, column)\"\n                  (click)=\"onClickLink($event, row, column)\"\n                >\n                </po-table-column-link>\n\n                <po-table-column-icon\n                  *ngSwitchCase=\"'icon'\"\n                  [p-column]=\"column\"\n                  [p-icons]=\"getColumnIcons(row, column)\"\n                  [p-row]=\"row\"\n                >\n                </po-table-column-icon>\n\n                <span *ngSwitchCase=\"'subtitle'\">\n                  <po-table-subtitle-circle [p-subtitle]=\"getSubtitleColumn(row, column)\"></po-table-subtitle-circle>\n                </span>\n                <span *ngSwitchCase=\"'label'\">\n                  <po-table-column-label [p-value]=\"getColumnLabel(row, column)\"> </po-table-column-label>\n                </span>\n                <span *ngSwitchDefault>{{ getCellData(row, column) }}</span>\n              </div>\n            </td>\n\n            <td\n              *ngIf=\"hasRowTemplateWithArrowDirectionRight\"\n              class=\"po-table-column-detail-toggle\"\n              (click)=\"toggleDetail(row)\"\n            >\n              <ng-template\n                [ngTemplateOutlet]=\"poTableColumnDetail\"\n                [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n              >\n              </ng-template>\n            </td>\n\n            <!-- Coluna de a\u00E7oes na direita -->\n            <ng-template\n              *ngIf=\"actionRight\"\n              [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </tr>\n\n          <tr *ngIf=\"hasMainColumns && hasRowTemplate && row.$showDetail && isShowRowTemplate(row, rowIndex)\">\n            <td class=\"po-table-row-template-container\" [colSpan]=\"columnCountForMasterDetail\">\n              <ng-template\n                [ngTemplateOutlet]=\"tableRowTemplate.templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, rowIndex: rowIndex }\"\n              >\n              </ng-template>\n            </td>\n          </tr>\n\n          <tr *ngIf=\"hasMainColumns && isShowMasterDetail(row)\">\n            <td class=\"po-table-column-detail\" [colSpan]=\"columnCountForMasterDetail\">\n              <po-table-detail\n                [p-selectable]=\"selectable && !detailHideSelect\"\n                [p-detail]=\"columnMasterDetail.detail\"\n                [p-items]=\"row[nameColumnDetail]\"\n                [p-parent-row]=\"row\"\n                (p-select-row)=\"selectDetailRow($event)\"\n              >\n              </po-table-detail>\n            </td>\n          </tr>\n        </tbody>\n      </ng-container>\n    </table>\n  </cdk-virtual-scroll-viewport>\n</ng-template>\n\n<po-popup #popup [p-actions]=\"actions\" [p-target]=\"popupTarget\"> </po-popup>\n\n<ng-template #poTableColumnDetail let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <po-icon\n    *ngIf=\"(containsMasterDetail(row) && !hasRowTemplate) || (isShowRowTemplate(row, rowIndex) && hasRowTemplate)\"\n    [p-icon]=\"row.$showDetail ? 'ICON_ARROW_UP' : 'ICON_ARROW_DOWN'\"\n    class=\"po-clickable\"\n  >\n  </po-icon>\n</ng-template>\n\n<ng-template #inputRadio let-row>\n  <po-radio [name]=\"idRadio\" [p-checked]=\"row.$selected\" (p-change-selected)=\"selectRow(row)\"></po-radio>\n</ng-template>\n\n<ng-template #inputCheckbox let-row>\n  <po-checkbox\n    name=\"checkbox\"\n    (p-change)=\"selectable ? selectRow(row) : 'javascript:;'\"\n    [p-checkboxValue]=\"row.$selected === null ? 'mixed' : row.$selected\"\n  ></po-checkbox>\n</ng-template>\n\n<ng-template #contentHeaderTemplate let-column>\n  <span\n    #columnHeader\n    class=\"po-table-header-ellipsis\"\n    [p-tooltip]=\"tooltipText\"\n    [p-append-in-body]=\"true\"\n    (mouseenter)=\"tooltipMouseEnter($event)\"\n    (mouseleave)=\"tooltipMouseLeave()\"\n  >\n    {{ column.label || (column.property | titlecase) }}\n  </span>\n\n  <span\n    *ngIf=\"sort && column.sortable !== false\"\n    [class.po-table-header-icon-unselected]=\"JSON.stringify(sortedColumn?.property) !== JSON.stringify(column)\"\n    [class.po-table-header-icon-descending]=\"\n      JSON.stringify(sortedColumn?.property) === JSON.stringify(column) && sortedColumn.ascending\n    \"\n    [class.po-table-header-icon-ascending]=\"\n      JSON.stringify(sortedColumn?.property) === JSON.stringify(column) && !sortedColumn.ascending\n    \"\n  >\n    <ng-container *ngIf=\"JSON.stringify(sortedColumn?.property) !== JSON.stringify(column)\">\n      <po-icon *ngIf=\"iconNameLib === 'PhosphorIcon'\" p-icon=\"ICON_SORT\"></po-icon>\n      <svg\n        *ngIf=\"iconNameLib === 'PoIcon'\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M18.2929 15.2929L17 16.5858L17 10C17 9.44772 16.5523 9 16 9C15.4477 9 15 9.44772 15 10L15 16.5858L13.7071 15.2929C13.3166 14.9024 12.6834 14.9024 12.2929 15.2929C11.9024 15.6834 11.9024 16.3166 12.2929 16.7071L15.2929 19.7071C15.6834 20.0976 16.3166 20.0976 16.7071 19.7071L19.7071 16.7071C20.0976 16.3166 20.0976 15.6834 19.7071 15.2929C19.3166 14.9024 18.6834 14.9024 18.2929 15.2929ZM5.70716 8.7071L7.00006 7.4142L7.00003 14C7.00002 14.5523 7.44774 15 8.00002 15C8.55231 15 9.00002 14.5523 9.00003 14L9.00006 7.41418L10.2929 8.70707C10.6835 9.09759 11.3166 9.09758 11.7072 8.70706C12.0977 8.31653 12.0977 7.68336 11.7072 7.29284L8.70718 4.29286C8.31665 3.90234 7.68349 3.90235 7.29296 4.29287L4.29295 7.29289C3.90242 7.68342 3.90242 8.31658 4.29294 8.70711C4.68347 9.09763 5.31663 9.09762 5.70716 8.7071Z\"\n          fill=\"#1D1D30\"\n        />\n      </svg>\n    </ng-container>\n\n    <ng-container *ngIf=\"JSON.stringify(sortedColumn?.property) === JSON.stringify(column) && sortedColumn.ascending\">\n      <po-icon *ngIf=\"iconNameLib === 'PhosphorIcon'\" p-icon=\"ICON_SORT_ASC\"></po-icon>\n      <svg\n        *ngIf=\"iconNameLib === 'PoIcon'\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M11 9.41421L9.70711 10.7071C9.31658 11.0976 8.68342 11.0976 8.29289 10.7071C7.90237 10.3166 7.90237 9.68342 8.29289 9.29289L11.2929 6.29289C11.6834 5.90237 12.3166 5.90237 12.7071 6.29289L15.7071 9.29289C16.0976 9.68342 16.0976 10.3166 15.7071 10.7071C15.3166 11.0976 14.6834 11.0976 14.2929 10.7071L13 9.41421V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V9.41421Z\"\n          fill=\"black\"\n        />\n      </svg>\n    </ng-container>\n\n    <ng-container *ngIf=\"JSON.stringify(sortedColumn?.property) === JSON.stringify(column) && !sortedColumn.ascending\">\n      <po-icon cdkDragHandle *ngIf=\"iconNameLib === 'PhosphorIcon'\" p-icon=\"ICON_SORT_DESC\"></po-icon>\n      <svg\n        *ngIf=\"iconNameLib === 'PoIcon'\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M9.70711 13.2929L11 14.5858V7C11 6.44772 11.4477 6 12 6C12.5523 6 13 6.44772 13 7V14.5858L14.2929 13.2929C14.6834 12.9024 15.3166 12.9024 15.7071 13.2929C16.0976 13.6834 16.0976 14.3166 15.7071 14.7071L12.7071 17.7071C12.3166 18.0976 11.6834 18.0976 11.2929 17.7071L8.29289 14.7071C7.90237 14.3166 7.90237 13.6834 8.29289 13.2929C8.68342 12.9024 9.31658 12.9024 9.70711 13.2929Z\"\n          fill=\"black\"\n        />\n      </svg>\n    </ng-container>\n  </span>\n</ng-template>\n\n<ng-template #noColumnsWithHeight>\n  <div class=\"po-table-header-fixed-inner\" [style.width.px]=\"headerWidth\">\n    {{ hasValidColumns ? literals.noVisibleColumn : literals.noColumns }}\n  </div>\n</ng-template>\n\n<ng-template #noColumnsWithoutHeight>\n  {{ hasValidColumns ? literals.noVisibleColumn : literals.noColumns }}\n</ng-template>\n\n<!-- Template de a\u00E7\u00F5es -->\n<ng-template #ActionsColumnTemplate let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <td\n    *ngIf=\"isSingleAction\"\n    class=\"po-table-column po-table-column-single-action\"\n    [style.width.px]=\"height && actionRight ? getWidthColumnManager() : ''\"\n    [style.max-width.px]=\"height && !actionRight ? getColumnWidthActionsLeft() : ''\"\n    [style.width.px]=\"height && !actionRight ? getColumnWidthActionsLeft() : ''\"\n  >\n    <div\n      *ngIf=\"firstAction.visible !== false\"\n      class=\"po-table-single-action po-clickable\"\n      [class.po-table-action-disabled]=\"firstAction.disabled ? validateTableAction(row, firstAction) : false\"\n      (click)=\"executeTableAction(row, firstAction)\"\n    >\n      <po-icon *ngIf=\"firstAction.icon\" class=\"po-table-single-action-content\" [p-icon]=\"firstAction.icon\"></po-icon>\n      {{ firstAction.label }}\n    </div>\n  </td>\n\n  <td *ngIf=\"visibleActions.length > 1\" class=\"po-table-column-actions\">\n    <div #popupTarget class=\"po-clickable\" (click)=\"togglePopup(row, popupTarget)\">\n      <po-icon p-icon=\"ICON_MORE\"></po-icon>\n    </div>\n  </td>\n</ng-template>\n\n<po-table-column-manager\n  *ngIf=\"!hideColumnsManager\"\n  [p-columns]=\"columns\"\n  [p-max-columns]=\"maxColumns\"\n  [p-target]=\"columnManagerTarget\"\n  [p-last-visible-columns-selected]=\"lastVisibleColumnsSelected\"\n  [p-hide-action-fixed-columns]=\"hideActionFixedColumns\"\n  (p-visible-columns-change)=\"onVisibleColumnsChange($event)\"\n  (p-change-visible-columns)=\"onChangeVisibleColumns($event)\"\n  [p-columns-default]=\"initialColumns\"\n  (p-initial-columns)=\"onColumnRestoreManager($event)\"\n>\n</po-table-column-manager>\n\n<po-modal\n  #modalDelete\n  [p-title]=\"literals.delete\"\n  [p-primary-action]=\"confirm\"\n  [p-secondary-action]=\"close\"\n  [p-click-out]=\"true\"\n>\n  <p class=\"po-font-text-large\">{{ literals.bodyDelete }}</p>\n</po-modal>\n" }]
+        args: [{ selector: 'po-table', providers: [PoDateService], template: "<div class=\"po-table-actions\">\n  <div\n    #columnBatchActions\n    *ngIf=\"hasValidColumns && itemsSelected.length > 0 && !hideBatchActions\"\n    class=\"po-table-actions-batch-actions\"\n  >\n    <div [ngPlural]=\"itemsSelected.length\" class=\"po-table-actions-batch-actions__label\">\n      <strong>\n        <ng-template ngPluralCase=\"=0\">{{ literals.noItem }}</ng-template>\n        <ng-template ngPluralCase=\"=1\">{{ literals.oneItem }}</ng-template>\n        <ng-template ngPluralCase=\"other\">{{ itemsSelected.length }} {{ literals.multipleItems }}</ng-template>\n      </strong>\n    </div>\n\n    <div class=\"po-table-actions-batch-actions__buttons\">\n      <po-button\n        p-icon=\"ICON_DELETE\"\n        [p-danger]=\"true\"\n        [p-disabled]=\"itemsSelected.length > 1 && serviceDeleteApi !== undefined\"\n        [p-label]=\"literals.delete\"\n        (p-click)=\"modalDelete.open()\"\n      ></po-button>\n    </div>\n  </div>\n\n  <div #columnManager *ngIf=\"hasValidColumns && !hideColumnsManager\" class=\"po-table-actions-column-manager\">\n    <po-button\n      #columnManagerTarget\n      p-icon=\"ICON_SETTINGS\"\n      p-kind=\"tertiary\"\n      p-tooltip-position=\"left\"\n      [p-aria-label]=\"literals.columnsManager\"\n      [p-tooltip]=\"literals.columnsManager\"\n      (p-click)=\"onOpenColumnManager()\"\n    ></po-button>\n  </div>\n\n  <div *ngIf=\"!hideTableSearch && hasValidColumns\" class=\"po-table-search\">\n    <po-search\n      [p-items]=\"items\"\n      [p-filter-keys]=\"filteredColumns\"\n      [p-filter-type]=\"filterType\"\n      (p-filtered-items-change)=\"onFilteredItemsChange($event)\"\n    >\n    </po-search>\n  </div>\n</div>\n<po-container *ngIf=\"container; else tableContainerTemplate\" p-no-padding>\n  <ng-container *ngTemplateOutlet=\"tableContainerTemplate\"></ng-container>\n</po-container>\n\n<ng-template #tableContainerTemplate>\n  <div [class.po-table-container-sticky]=\"loading\">\n    <po-loading-overlay *ngIf=\"loading\" [p-text]=\"literals.loadingData\" [p-size]=\"sizeLoading\"></po-loading-overlay>\n    <div class=\"po-table-main-container\">\n      <div\n        #tableWrapper\n        class=\"po-table-wrapper\"\n        [class.po-table-header-fixed-columns-pixels]=\"allColumnsWidthPixels\"\n        [style.opacity]=\"tableOpacity\"\n      >\n        <div *ngIf=\"height\" class=\"po-table-container\" [style.height.px]=\"heightTableContainer\">\n          <div #poTableTbody [class.po-table-container-fixed-inner]=\"virtualScroll\">\n            <div *ngIf=\"virtualScroll\">\n              <ng-container *ngTemplateOutlet=\"tableVirtualScrollTemplate\"></ng-container>\n            </div>\n            <div *ngIf=\"!virtualScroll\" class=\"po-table-container-overflow\" [style.height.px]=\"heightTableContainer\">\n              <ng-container *ngTemplateOutlet=\"tableTemplate\"></ng-container>\n            </div>\n          </div>\n        </div>\n\n        <div *ngIf=\"!height\">\n          <ng-container *ngTemplateOutlet=\"tableTemplate\"></ng-container>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"po-table-footer\" *ngIf=\"hasFooter\">\n    <ng-container *ngFor=\"let column of subtitleColumns; trackBy: trackBy\">\n      <po-table-subtitle-footer [p-literals]=\"literals\" [p-subtitles]=\"column.subtitles\"> </po-table-subtitle-footer>\n    </ng-container>\n  </div>\n</ng-template>\n\n<!-- Show More Button -->\n<div\n  *ngIf=\"!infiniteScroll\"\n  class=\"po-row po-table-footer-show-more\"\n  [class.po-invisible]=\"showMore.observers.length === 0 && !hasService\"\n  #tableFooter\n>\n  <po-button\n    class=\"po-offset-xl-4 po-offset-lg-4 po-offset-md-3 po-lg-4 po-md-6\"\n    [p-disabled]=\"showMoreDisabled\"\n    [p-label]=\"literals.loadMoreData\"\n    [p-loading]=\"loadingShowMore\"\n    (p-click)=\"onShowMore()\"\n  >\n  </po-button>\n</div>\n\n<!-- Table default-->\n<ng-template #tableTemplate>\n  <table\n    #tableScrollable\n    class=\"po-table\"\n    [ngClass]=\"{\n      'po-table-interactive': selectable || sort,\n      'po-table-selectable': selectable,\n      'po-table-striped': striped,\n      'po-table-data-fixed-columns': applyFixedColumns(),\n      'po-table-text-wrap-enabled': textWrap\n    }\"\n    [attr.p-spacing]=\"spacing\"\n  >\n    <thead [class.po-table-header-sticky]=\"height > 0 && !virtualScroll\">\n      <tr\n        [ngClass]=\"!height ? { 'no-hover': hideSelectAll, 'po-table-column-drag': this.isDraggable } : ''\"\n        [class.po-table-header]=\"!height\"\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        (cdkDropListDropped)=\"drop($event)\"\n      >\n        <th\n          *ngIf=\"hasSelectableColumn\"\n          [style.pointer-events]=\"hideSelectAll ? 'none' : 'auto'\"\n          class=\"po-table-column-selectable\"\n        >\n          <div [class.po-table-header-fixed-inner]=\"height\">\n            <po-checkbox\n              name=\"selectAll\"\n              *ngIf=\"!hideSelectAll\"\n              (p-change)=\"selectAllRows()\"\n              [p-checkboxValue]=\"selectAll === null ? 'mixed' : selectAll\"\n            ></po-checkbox>\n          </div>\n        </th>\n\n        <th\n          *ngIf=\"(hasMasterDetailColumn || hasRowTemplate) && hasMainColumns && !hasRowTemplateWithArrowDirectionRight\"\n          class=\"po-table-header-column po-table-header-master-detail\"\n        ></th>\n\n        <!-- Coluna criada para caso as a\u00E7\u00F5es fiquem no lado esquerdo -->\n        <th\n          #columnActionLeft\n          *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n          [class.po-table-header-master-detail]=\"!isSingleAction\"\n          [class.po-table-header-single-action]=\"isSingleAction\"\n        ></th>\n\n        <th *ngIf=\"!hasMainColumns\" #noColumnsHeader class=\"po-table-header-column po-text-center\">\n          <ng-container *ngIf=\"height; then noColumnsWithHeight; else noColumnsWithoutHeight\"> </ng-container>\n        </th>\n\n        <ng-container\n          *ngIf=\"this.isDraggable || hasSomeFixed(); then tableDefaultThDragDrop; else tableDefaultThDefault\"\n        >\n        </ng-container>\n        <ng-template #tableDefaultThDragDrop>\n          <th\n            *ngFor=\"let column of mainColumns; let i = index; trackBy: trackBy\"\n            class=\"po-table-header-ellipsis p-element po-frozen-column\"\n            [style.width]=\"column.width\"\n            [style.max-width]=\"column.width\"\n            [style.min-width]=\"column.width\"\n            [attr.data-po-table-column-name]=\"column.label || (column.property | titlecase) | lowercase\"\n            [class.po-clickable]=\"(sort && column.sortable !== false) || hasService\"\n            [ngClass]=\"{\n              'po-table-header-sorted':\n                sort &&\n                JSON.stringify(sortedColumn?.property) === JSON.stringify(column) &&\n                (sortedColumn.ascending || !sortedColumn.ascending)\n            }\"\n            [ngStyle]=\"{\n              'width':\n                height > 0 && !virtualScroll ? (!hasItems ? '100%' : applyFixedColumns() ? column.width : 'auto') : ''\n            }\"\n            [class.po-table-header-subtitle]=\"column.type === 'subtitle'\"\n            [class.po-table-column-drag-box]=\"this.isDraggable\"\n            (click)=\"sortColumn(column)\"\n            cdkDrag\n            cdkDragLockAxis=\"x\"\n            [cdkDragDisabled]=\"column.fixed ? 'true' : 'false'\"\n            [pFrozenColumn]=\"column.fixed\"\n          >\n            <div\n              class=\"po-table-header-flex\"\n              [class.po-table-header-fixed-inner]=\"height\"\n              [class.po-table-header-flex-right]=\"column.type === 'currency' || column.type === 'number'\"\n              [class.po-table-header-flex-center]=\"column.type === 'subtitle'\"\n            >\n              <ng-container *ngIf=\"this.isDraggable && !column.fixed\">\n                <po-icon cdkDragHandle *ngIf=\"iconNameLib === 'PhosphorIcon'\" p-icon=\"ICON_DRAG\"></po-icon>\n                <svg\n                  *ngIf=\"iconNameLib === 'PoIcon'\"\n                  cdkDragHandle\n                  width=\"16\"\n                  height=\"16\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <circle cx=\"9\" cy=\"6\" r=\"2\" fill=\"black\" />\n                  <circle cx=\"15\" cy=\"6\" r=\"2\" fill=\"black\" />\n                  <circle cx=\"9\" cy=\"12\" r=\"2\" fill=\"black\" />\n                  <circle cx=\"15\" cy=\"12\" r=\"2\" fill=\"black\" />\n                  <circle cx=\"9\" cy=\"18\" r=\"2\" fill=\"black\" />\n                  <circle cx=\"15\" cy=\"18\" r=\"2\" fill=\"black\" />\n                </svg>\n              </ng-container>\n              <ng-container *ngTemplateOutlet=\"contentHeaderTemplate; context: { $implicit: column }\"> </ng-container>\n            </div>\n          </th>\n        </ng-template>\n        <ng-template #tableDefaultThDefault>\n          <th\n            *ngFor=\"let column of mainColumns; let i = index; trackBy: trackBy\"\n            class=\"po-table-header-ellipsis p-element po-frozen-column\"\n            [style.width]=\"column.width\"\n            [style.max-width]=\"column.width\"\n            [style.min-width]=\"column.width\"\n            [attr.data-po-table-column-name]=\"column.label || (column.property | titlecase) | lowercase\"\n            [class.po-clickable]=\"(sort && column.sortable !== false) || hasService\"\n            [ngClass]=\"{\n              'po-table-header-sorted':\n                sort &&\n                JSON.stringify(sortedColumn?.property) === JSON.stringify(column) &&\n                (sortedColumn.ascending || !sortedColumn.ascending)\n            }\"\n            [ngStyle]=\"{\n              'width':\n                height > 0 && !virtualScroll ? (!hasItems ? '100%' : applyFixedColumns() ? column.width : 'auto') : ''\n            }\"\n            [class.po-table-header-subtitle]=\"column.type === 'subtitle'\"\n            (click)=\"sortColumn(column)\"\n            [pFrozenColumn]=\"column.fixed\"\n          >\n            <div\n              class=\"po-table-header-flex\"\n              [class.po-table-header-fixed-inner]=\"height\"\n              [class.po-table-header-flex-right]=\"column.type === 'currency' || column.type === 'number'\"\n              [class.po-table-header-flex-center]=\"column.type === 'subtitle'\"\n            >\n              <ng-container *ngTemplateOutlet=\"contentHeaderTemplate; context: { $implicit: column }\"> </ng-container>\n            </div>\n          </th>\n        </ng-template>\n\n        <th\n          *ngIf=\"hasRowTemplateWithArrowDirectionRight && (hasVisibleActions || hideColumnsManager) && hasMainColumns\"\n          class=\"po-table-header-column po-table-header-master-detail\"\n        ></th>\n\n        <th\n          *ngIf=\"hasVisibleActions && actionRight && (visibleActions.length > 1 || isSingleAction)\"\n          [class.po-table-header-single-action]=\"isSingleAction\"\n          [class.po-table-header-actions]=\"!isSingleAction\"\n        ></th>\n      </tr>\n    </thead>\n\n    <tbody class=\"po-table-group-row\" *ngIf=\"!hasItems || !hasMainColumns\">\n      <tr class=\"po-table-row po-table-row-no-data\">\n        <td [colSpan]=\"columnCount\" class=\"po-table-no-data po-text-center\">\n          <span> {{ literals.noData }} </span>\n        </td>\n      </tr>\n    </tbody>\n\n    <ng-container *ngIf=\"hasMainColumns\">\n      <tbody class=\"po-table-group-row\" *ngFor=\"let row of filteredItems; let rowIndex = index; trackBy: trackBy\">\n        <tr class=\"po-table-row\" [class.po-table-row-active]=\"row.$selected || (row.$selected === null && selectable)\">\n          <td *ngIf=\"selectable\" class=\"po-table-column-selectable\">\n            <ng-container *ngTemplateOutlet=\"singleSelect ? inputRadio : inputCheckbox; context: { $implicit: row }\">\n            </ng-container>\n          </td>\n\n          <!-- Valida se a origem do detail \u00E9 pelo input do po-table ou pela diretiva -->\n          <td\n            *ngIf=\"\n              (columnMasterDetail && !hideDetail && !hasRowTemplate) ||\n              (hasRowTemplate && !hasRowTemplateWithArrowDirectionRight)\n            \"\n            class=\"po-table-column-detail-toggle\"\n            (click)=\"toggleDetail(row)\"\n          >\n            <ng-template\n              [ngTemplateOutlet]=\"poTableColumnDetail\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n\n          <!-- Coluna com as a\u00E7\u00F5es na esquerda (padr\u00E3o)-->\n          <ng-template\n            *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n            [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n            [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n          >\n          </ng-template>\n\n          <td\n            *ngFor=\"let column of mainColumns; let columnIndex = index; trackBy: trackBy\"\n            [style.width]=\"column.width\"\n            [style.max-width]=\"column.width\"\n            [style.min-width]=\"column.width\"\n            [class.po-table-column]=\"column.type !== 'icon'\"\n            [class.po-table-column-right]=\"column.type === 'currency' || column.type === 'number'\"\n            [class.po-table-column-center]=\"column.type === 'subtitle'\"\n            [class.po-table-column-icons]=\"column.type === 'icon'\"\n            [pFrozenColumn]=\"column.fixed\"\n            class=\"p-element po-frozen-column\"\n            [ngClass]=\"getClassColor(row, column)\"\n            (click)=\"hasSelectableRow() ? selectRow(row) : 'javascript:;'\"\n          >\n            <div\n              class=\"po-table-column-cell po-table-body-ellipsis notranslate\"\n              [ngSwitch]=\"column.type\"\n              [p-tooltip]=\"tooltipText\"\n              [p-append-in-body]=\"true\"\n              (mouseenter)=\"tooltipMouseEnter($event, column, row)\"\n              (mouseleave)=\"tooltipMouseLeave()\"\n            >\n              <span *ngSwitchCase=\"'columnTemplate'\">\n                <ng-container *ngTemplateOutlet=\"getTemplate(column); context: { $implicit: getCellData(row, column) }\">\n                </ng-container>\n              </span>\n\n              <span *ngSwitchCase=\"'cellTemplate'\">\n                <ng-container *ngTemplateOutlet=\"tableCellTemplate?.templateRef; context: { row: row, column: column }\">\n                </ng-container>\n              </span>\n\n              <span *ngSwitchCase=\"'boolean'\">\n                {{ getBooleanLabel(getCellData(row, column), column) }}\n              </span>\n\n              <span *ngSwitchCase=\"'currency'\">\n                {{ getCellData(row, column) | currency: column.format : 'symbol' : '1.2-2' }}\n              </span>\n\n              <span *ngSwitchCase=\"'date'\">\n                {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy' }}\n              </span>\n\n              <span *ngSwitchCase=\"'time'\">\n                {{ getCellData(row, column) | po_time: column.format || 'HH:mm:ss.ffffff' }}\n              </span>\n\n              <span *ngSwitchCase=\"'dateTime'\">\n                {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy HH:mm:ss' }}\n              </span>\n\n              <span *ngSwitchCase=\"'number'\">\n                {{ formatNumber(getCellData(row, column), column.format) }}\n              </span>\n\n              <po-table-column-link\n                *ngSwitchCase=\"'link'\"\n                [p-action]=\"column.action\"\n                [p-disabled]=\"checkDisabled(row, column)\"\n                [p-link]=\"row[column.link]\"\n                [p-row]=\"row\"\n                [p-value]=\"getCellData(row, column)\"\n                (click)=\"onClickLink($event, row, column)\"\n              >\n              </po-table-column-link>\n\n              <po-table-column-icon\n                *ngSwitchCase=\"'icon'\"\n                [p-column]=\"column\"\n                [p-icons]=\"getColumnIcons(row, column)\"\n                [p-row]=\"row\"\n              >\n              </po-table-column-icon>\n\n              <span *ngSwitchCase=\"'subtitle'\">\n                <po-table-subtitle-circle [p-subtitle]=\"getSubtitleColumn(row, column)\"></po-table-subtitle-circle>\n              </span>\n              <span *ngSwitchCase=\"'label'\">\n                <po-table-column-label [p-value]=\"getColumnLabel(row, column)\"> </po-table-column-label>\n              </span>\n              <span *ngSwitchDefault>{{ getCellData(row, column) }}</span>\n            </div>\n          </td>\n\n          <td\n            *ngIf=\"hasRowTemplateWithArrowDirectionRight\"\n            class=\"po-table-column-detail-toggle\"\n            (click)=\"toggleDetail(row)\"\n          >\n            <ng-template\n              [ngTemplateOutlet]=\"poTableColumnDetail\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n\n          <!-- Coluna de a\u00E7oes na direita -->\n          <ng-template\n            *ngIf=\"actionRight\"\n            [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n            [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n          >\n          </ng-template>\n        </tr>\n\n        <tr *ngIf=\"hasMainColumns && hasRowTemplate && row.$showDetail && isShowRowTemplate(row, rowIndex)\">\n          <td class=\"po-table-row-template-container\" [colSpan]=\"columnCountForMasterDetail\">\n            <ng-template\n              [ngTemplateOutlet]=\"tableRowTemplate.templateRef\"\n              [ngTemplateOutletContext]=\"{ $implicit: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n        </tr>\n\n        <tr *ngIf=\"hasMainColumns && isShowMasterDetail(row)\">\n          <td class=\"po-table-column-detail\" [colSpan]=\"columnCountForMasterDetail\">\n            <po-table-detail\n              [p-selectable]=\"selectable && !detailHideSelect\"\n              [p-detail]=\"columnMasterDetail.detail\"\n              [p-items]=\"row[nameColumnDetail]\"\n              [p-parent-row]=\"row\"\n              (p-select-row)=\"selectDetailRow($event)\"\n            >\n            </po-table-detail>\n          </td>\n        </tr>\n      </tbody>\n    </ng-container>\n  </table>\n</ng-template>\n\n<!-- Table with virtual scroll -->\n<ng-template #tableVirtualScrollTemplate>\n  <cdk-virtual-scroll-viewport\n    #tableVirtualScroll\n    [itemSize]=\"itemSize\"\n    [style.height.px]=\"heightTableContainer\"\n    [minBufferPx]=\"heightTableContainer < 100 ? 100 : heightTableContainer\"\n    [maxBufferPx]=\"heightTableContainer < 200 ? 200 : heightTableContainer\"\n  >\n    <table\n      class=\"po-table\"\n      [ngClass]=\"{\n        'po-table-interactive': selectable || sort,\n        'po-table-selectable': selectable,\n        'po-table-striped': striped,\n        'po-table-data-fixed-columns': applyFixedColumns(),\n        'po-table-text-wrap-enabled': textWrap\n      }\"\n      [attr.p-spacing]=\"spacing\"\n    >\n      <thead class=\"po-table-header-sticky\" [style.top]=\"inverseOfTranslation\">\n        <tr\n          [class.po-table-header]=\"!height\"\n          cdkDropList\n          cdkDropListOrientation=\"horizontal\"\n          (cdkDropListDropped)=\"drop($event)\"\n        >\n          <th\n            *ngIf=\"hasSelectableColumn\"\n            [style.pointer-events]=\"hideSelectAll ? 'none' : 'auto'\"\n            class=\"po-table-column-selectable\"\n          >\n            <div [class.po-table-header-fixed-inner]=\"height\">\n              <po-checkbox\n                name=\"selectAll\"\n                *ngIf=\"!hideSelectAll\"\n                (p-change)=\"selectAllRows()\"\n                [p-checkboxValue]=\"selectAll === null ? 'mixed' : selectAll\"\n              ></po-checkbox>\n            </div>\n          </th>\n\n          <th\n            *ngIf=\"\n              (hasMasterDetailColumn || hasRowTemplate) && hasMainColumns && !hasRowTemplateWithArrowDirectionRight\n            \"\n            class=\"po-table-header-column po-table-header-master-detail\"\n          ></th>\n\n          <!-- Coluna criada para caso as a\u00E7\u00F5es fiquem no lado esquerdo -->\n          <th\n            #columnActionLeft\n            *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n            [class.po-table-header-master-detail]=\"!isSingleAction\"\n            [class.po-table-header-single-action]=\"isSingleAction\"\n          ></th>\n\n          <th *ngIf=\"!hasMainColumns\" #noColumnsHeader class=\"po-table-header-column po-text-center\">\n            <ng-container *ngIf=\"height; then noColumnsWithHeight; else noColumnsWithoutHeight\"> </ng-container>\n          </th>\n\n          <ng-container\n            *ngIf=\"\n              this.isDraggable || hasSomeFixed();\n              then tableVirtualScrollThDragDrop;\n              else tableVirtualScrollThDefault\n            \"\n          >\n          </ng-container>\n          <ng-template #tableVirtualScrollThDragDrop>\n            <th\n              *ngFor=\"let column of mainColumns; let i = index; trackBy: trackBy\"\n              class=\"po-table-header-ellipsis p-element po-frozen-column\"\n              [style.width]=\"column.width\"\n              [style.max-width]=\"column.width\"\n              [style.min-width]=\"column.width\"\n              [attr.data-po-table-column-name]=\"column.label || (column.property | titlecase) | lowercase\"\n              [class.po-clickable]=\"(sort && column.sortable !== false) || hasService\"\n              [ngClass]=\"{\n                'po-table-header-sorted':\n                  sort &&\n                  JSON.stringify(sortedColumn?.property) === JSON.stringify(column) &&\n                  (sortedColumn.ascending || !sortedColumn.ascending)\n              }\"\n              [ngStyle]=\"{ 'width': !hasItems ? '100%' : applyFixedColumns() ? column.width : 'auto' }\"\n              [class.po-table-header-subtitle]=\"column.type === 'subtitle'\"\n              [class.po-table-column-drag-box]=\"this.isDraggable\"\n              (click)=\"sortColumn(column)\"\n              cdkDrag\n              cdkDragLockAxis=\"x\"\n              [cdkDragDisabled]=\"column.fixed ? 'true' : 'false'\"\n              [pFrozenColumn]=\"column.fixed\"\n            >\n              <div\n                class=\"po-table-header-flex\"\n                [class.po-table-header-fixed-inner]=\"height\"\n                [class.po-table-header-flex-right]=\"column.type === 'currency' || column.type === 'number'\"\n                [class.po-table-header-flex-center]=\"column.type === 'subtitle'\"\n              >\n                <ng-container *ngIf=\"this.isDraggable && !column.fixed\">\n                  <po-icon cdkDragHandle *ngIf=\"iconNameLib === 'PhosphorIcon'\" p-icon=\"ICON_DRAG\"></po-icon>\n                  <svg\n                    *ngIf=\"iconNameLib === 'PoIcon'\"\n                    cdkDragHandle\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <circle cx=\"9\" cy=\"6\" r=\"2\" fill=\"black\" />\n                    <circle cx=\"15\" cy=\"6\" r=\"2\" fill=\"black\" />\n                    <circle cx=\"9\" cy=\"12\" r=\"2\" fill=\"black\" />\n                    <circle cx=\"15\" cy=\"12\" r=\"2\" fill=\"black\" />\n                    <circle cx=\"9\" cy=\"18\" r=\"2\" fill=\"black\" />\n                    <circle cx=\"15\" cy=\"18\" r=\"2\" fill=\"black\" />\n                  </svg>\n                </ng-container>\n                <ng-container *ngTemplateOutlet=\"contentHeaderTemplate; context: { $implicit: column }\"> </ng-container>\n              </div>\n            </th>\n          </ng-template>\n          <ng-template #tableVirtualScrollThDefault>\n            <th\n              *ngFor=\"let column of mainColumns; let i = index; trackBy: trackBy\"\n              class=\"po-table-header-ellipsis p-element po-frozen-column example-box\"\n              [style.width]=\"column.width\"\n              [style.max-width]=\"column.width\"\n              [style.min-width]=\"column.width\"\n              [attr.data-po-table-column-name]=\"column.label || (column.property | titlecase) | lowercase\"\n              [class.po-clickable]=\"(sort && column.sortable !== false) || hasService\"\n              [ngClass]=\"{\n                'po-table-header-sorted':\n                  sort &&\n                  JSON.stringify(sortedColumn?.property) === JSON.stringify(column) &&\n                  (sortedColumn.ascending || !sortedColumn.ascending)\n              }\"\n              [ngStyle]=\"{ 'width': !hasItems ? '100%' : applyFixedColumns() ? column.width : 'auto' }\"\n              [class.po-table-header-subtitle]=\"column.type === 'subtitle'\"\n              (click)=\"sortColumn(column)\"\n              [pFrozenColumn]=\"column.fixed\"\n            >\n              <div\n                class=\"po-table-header-flex\"\n                [class.po-table-header-fixed-inner]=\"height\"\n                [class.po-table-header-flex-right]=\"column.type === 'currency' || column.type === 'number'\"\n                [class.po-table-header-flex-center]=\"column.type === 'subtitle'\"\n              >\n                <ng-container *ngTemplateOutlet=\"contentHeaderTemplate; context: { $implicit: column }\"> </ng-container>\n              </div>\n            </th>\n          </ng-template>\n\n          <th\n            *ngIf=\"hasRowTemplateWithArrowDirectionRight && hasMainColumns && (hasVisibleActions || hideColumnsManager)\"\n            class=\"po-table-header-column po-table-header-master-detail\"\n          ></th>\n\n          <th\n            *ngIf=\"hasVisibleActions && actionRight && (visibleActions.length > 1 || isSingleAction)\"\n            [class.po-table-header-single-action]=\"isSingleAction\"\n            [class.po-table-header-actions]=\"!isSingleAction\"\n          ></th>\n        </tr>\n      </thead>\n\n      <tbody class=\"po-table-group-row\" *ngIf=\"!hasItems || !hasMainColumns\">\n        <tr class=\"po-table-row po-table-row-no-data\">\n          <td [colSpan]=\"columnCount\" class=\"po-table-no-data po-text-center\">\n            <span> {{ literals.noData }} </span>\n          </td>\n        </tr>\n      </tbody>\n\n      <ng-container *ngIf=\"hasMainColumns\">\n        <tbody\n          class=\"po-table-group-row\"\n          *cdkVirtualFor=\"let row of filteredItems; let rowIndex = index; trackBy: trackBy\"\n        >\n          <tr\n            class=\"po-table-row\"\n            [class.po-table-row-active]=\"row.$selected || (row.$selected === null && selectable)\"\n          >\n            <td *ngIf=\"selectable\" class=\"po-table-column-selectable\">\n              <ng-container *ngTemplateOutlet=\"singleSelect ? inputRadio : inputCheckbox; context: { $implicit: row }\">\n              </ng-container>\n            </td>\n\n            <!-- Valida se a origem do detail \u00E9 pelo input do po-table ou pela diretiva -->\n            <td\n              *ngIf=\"\n                (columnMasterDetail && !hideDetail && !hasRowTemplate) ||\n                (hasRowTemplate && !hasRowTemplateWithArrowDirectionRight)\n              \"\n              class=\"po-table-column-detail-toggle\"\n              (click)=\"toggleDetail(row)\"\n            >\n              <ng-template\n                [ngTemplateOutlet]=\"poTableColumnDetail\"\n                [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n              >\n              </ng-template>\n            </td>\n\n            <!-- Coluna com as a\u00E7\u00F5es na esquerda (padr\u00E3o)-->\n            <ng-template\n              *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n              [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n\n            <td\n              *ngFor=\"let column of mainColumns; let columnIndex = index; trackBy: trackBy\"\n              [style.width]=\"column.width\"\n              [style.max-width]=\"column.width\"\n              [style.min-width]=\"column.width\"\n              [class.po-table-column]=\"column.type !== 'icon'\"\n              [class.po-table-column-right]=\"column.type === 'currency' || column.type === 'number'\"\n              [class.po-table-column-center]=\"column.type === 'subtitle'\"\n              [class.po-table-column-icons]=\"column.type === 'icon'\"\n              [ngClass]=\"getClassColor(row, column)\"\n              [pFrozenColumn]=\"column.fixed\"\n              class=\"p-element po-frozen-column\"\n              (click)=\"hasSelectableRow() ? selectRow(row) : 'javascript:;'\"\n            >\n              <div\n                class=\"po-table-column-cell po-table-body-ellipsis notranslate\"\n                [ngSwitch]=\"column.type\"\n                [p-tooltip]=\"tooltipText\"\n                [p-append-in-body]=\"true\"\n                (mouseenter)=\"tooltipMouseEnter($event, column, row)\"\n                (mouseleave)=\"tooltipMouseLeave()\"\n              >\n                <span *ngSwitchCase=\"'columnTemplate'\">\n                  <ng-container\n                    *ngTemplateOutlet=\"getTemplate(column); context: { $implicit: getCellData(row, column) }\"\n                  >\n                  </ng-container>\n                </span>\n\n                <span *ngSwitchCase=\"'cellTemplate'\">\n                  <ng-container\n                    *ngTemplateOutlet=\"tableCellTemplate?.templateRef; context: { row: row, column: column }\"\n                  >\n                  </ng-container>\n                </span>\n\n                <span *ngSwitchCase=\"'boolean'\">\n                  {{ getBooleanLabel(getCellData(row, column), column) }}\n                </span>\n\n                <span *ngSwitchCase=\"'currency'\">\n                  {{ getCellData(row, column) | currency: column.format : 'symbol' : '1.2-2' }}\n                </span>\n\n                <span *ngSwitchCase=\"'date'\">\n                  {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy' }}\n                </span>\n\n                <span *ngSwitchCase=\"'time'\">\n                  {{ getCellData(row, column) | po_time: column.format || 'HH:mm:ss.ffffff' }}\n                </span>\n\n                <span *ngSwitchCase=\"'dateTime'\">\n                  {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy HH:mm:ss' }}\n                </span>\n\n                <span *ngSwitchCase=\"'number'\">\n                  {{ formatNumber(getCellData(row, column), column.format) }}\n                </span>\n\n                <po-table-column-link\n                  *ngSwitchCase=\"'link'\"\n                  [p-action]=\"column.action\"\n                  [p-disabled]=\"checkDisabled(row, column)\"\n                  [p-link]=\"row[column.link]\"\n                  [p-row]=\"row\"\n                  [p-value]=\"getCellData(row, column)\"\n                  (click)=\"onClickLink($event, row, column)\"\n                >\n                </po-table-column-link>\n\n                <po-table-column-icon\n                  *ngSwitchCase=\"'icon'\"\n                  [p-column]=\"column\"\n                  [p-icons]=\"getColumnIcons(row, column)\"\n                  [p-row]=\"row\"\n                >\n                </po-table-column-icon>\n\n                <span *ngSwitchCase=\"'subtitle'\">\n                  <po-table-subtitle-circle [p-subtitle]=\"getSubtitleColumn(row, column)\"></po-table-subtitle-circle>\n                </span>\n                <span *ngSwitchCase=\"'label'\">\n                  <po-table-column-label [p-value]=\"getColumnLabel(row, column)\"> </po-table-column-label>\n                </span>\n                <span *ngSwitchDefault>{{ getCellData(row, column) }}</span>\n              </div>\n            </td>\n\n            <td\n              *ngIf=\"hasRowTemplateWithArrowDirectionRight\"\n              class=\"po-table-column-detail-toggle\"\n              (click)=\"toggleDetail(row)\"\n            >\n              <ng-template\n                [ngTemplateOutlet]=\"poTableColumnDetail\"\n                [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n              >\n              </ng-template>\n            </td>\n\n            <!-- Coluna de a\u00E7oes na direita -->\n            <ng-template\n              *ngIf=\"actionRight\"\n              [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </tr>\n\n          <tr *ngIf=\"hasMainColumns && hasRowTemplate && row.$showDetail && isShowRowTemplate(row, rowIndex)\">\n            <td class=\"po-table-row-template-container\" [colSpan]=\"columnCountForMasterDetail\">\n              <ng-template\n                [ngTemplateOutlet]=\"tableRowTemplate.templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, rowIndex: rowIndex }\"\n              >\n              </ng-template>\n            </td>\n          </tr>\n\n          <tr *ngIf=\"hasMainColumns && isShowMasterDetail(row)\">\n            <td class=\"po-table-column-detail\" [colSpan]=\"columnCountForMasterDetail\">\n              <po-table-detail\n                [p-selectable]=\"selectable && !detailHideSelect\"\n                [p-detail]=\"columnMasterDetail.detail\"\n                [p-items]=\"row[nameColumnDetail]\"\n                [p-parent-row]=\"row\"\n                (p-select-row)=\"selectDetailRow($event)\"\n              >\n              </po-table-detail>\n            </td>\n          </tr>\n        </tbody>\n      </ng-container>\n    </table>\n  </cdk-virtual-scroll-viewport>\n</ng-template>\n\n<po-popup #popup [p-actions]=\"actions\" [p-target]=\"popupTarget\"> </po-popup>\n\n<ng-template #poTableColumnDetail let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <po-icon\n    *ngIf=\"(containsMasterDetail(row) && !hasRowTemplate) || (isShowRowTemplate(row, rowIndex) && hasRowTemplate)\"\n    [p-icon]=\"row.$showDetail ? 'ICON_ARROW_UP' : 'ICON_ARROW_DOWN'\"\n    class=\"po-clickable\"\n  >\n  </po-icon>\n</ng-template>\n\n<ng-template #inputRadio let-row>\n  <po-radio [name]=\"idRadio\" [p-checked]=\"row.$selected\" (p-change-selected)=\"selectRow(row)\"></po-radio>\n</ng-template>\n\n<ng-template #inputCheckbox let-row>\n  <po-checkbox\n    name=\"checkbox\"\n    (p-change)=\"selectable ? selectRow(row) : 'javascript:;'\"\n    [p-checkboxValue]=\"row.$selected === null ? 'mixed' : row.$selected\"\n  ></po-checkbox>\n</ng-template>\n\n<ng-template #contentHeaderTemplate let-column>\n  <span\n    #columnHeader\n    class=\"po-table-header-ellipsis\"\n    [p-tooltip]=\"tooltipText\"\n    [p-append-in-body]=\"true\"\n    (mouseenter)=\"tooltipMouseEnter($event)\"\n    (mouseleave)=\"tooltipMouseLeave()\"\n  >\n    {{ column.label || (column.property | titlecase) }}\n  </span>\n\n  <span\n    *ngIf=\"sort && column.sortable !== false\"\n    [class.po-table-header-icon-unselected]=\"JSON.stringify(sortedColumn?.property) !== JSON.stringify(column)\"\n    [class.po-table-header-icon-descending]=\"\n      JSON.stringify(sortedColumn?.property) === JSON.stringify(column) && sortedColumn.ascending\n    \"\n    [class.po-table-header-icon-ascending]=\"\n      JSON.stringify(sortedColumn?.property) === JSON.stringify(column) && !sortedColumn.ascending\n    \"\n  >\n    <ng-container *ngIf=\"JSON.stringify(sortedColumn?.property) !== JSON.stringify(column)\">\n      <po-icon *ngIf=\"iconNameLib === 'PhosphorIcon'\" p-icon=\"ICON_SORT\"></po-icon>\n      <svg\n        *ngIf=\"iconNameLib === 'PoIcon'\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M18.2929 15.2929L17 16.5858L17 10C17 9.44772 16.5523 9 16 9C15.4477 9 15 9.44772 15 10L15 16.5858L13.7071 15.2929C13.3166 14.9024 12.6834 14.9024 12.2929 15.2929C11.9024 15.6834 11.9024 16.3166 12.2929 16.7071L15.2929 19.7071C15.6834 20.0976 16.3166 20.0976 16.7071 19.7071L19.7071 16.7071C20.0976 16.3166 20.0976 15.6834 19.7071 15.2929C19.3166 14.9024 18.6834 14.9024 18.2929 15.2929ZM5.70716 8.7071L7.00006 7.4142L7.00003 14C7.00002 14.5523 7.44774 15 8.00002 15C8.55231 15 9.00002 14.5523 9.00003 14L9.00006 7.41418L10.2929 8.70707C10.6835 9.09759 11.3166 9.09758 11.7072 8.70706C12.0977 8.31653 12.0977 7.68336 11.7072 7.29284L8.70718 4.29286C8.31665 3.90234 7.68349 3.90235 7.29296 4.29287L4.29295 7.29289C3.90242 7.68342 3.90242 8.31658 4.29294 8.70711C4.68347 9.09763 5.31663 9.09762 5.70716 8.7071Z\"\n          fill=\"#1D1D30\"\n        />\n      </svg>\n    </ng-container>\n\n    <ng-container *ngIf=\"JSON.stringify(sortedColumn?.property) === JSON.stringify(column) && sortedColumn.ascending\">\n      <po-icon *ngIf=\"iconNameLib === 'PhosphorIcon'\" p-icon=\"ICON_SORT_ASC\"></po-icon>\n      <svg\n        *ngIf=\"iconNameLib === 'PoIcon'\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M11 9.41421L9.70711 10.7071C9.31658 11.0976 8.68342 11.0976 8.29289 10.7071C7.90237 10.3166 7.90237 9.68342 8.29289 9.29289L11.2929 6.29289C11.6834 5.90237 12.3166 5.90237 12.7071 6.29289L15.7071 9.29289C16.0976 9.68342 16.0976 10.3166 15.7071 10.7071C15.3166 11.0976 14.6834 11.0976 14.2929 10.7071L13 9.41421V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V9.41421Z\"\n          fill=\"black\"\n        />\n      </svg>\n    </ng-container>\n\n    <ng-container *ngIf=\"JSON.stringify(sortedColumn?.property) === JSON.stringify(column) && !sortedColumn.ascending\">\n      <po-icon cdkDragHandle *ngIf=\"iconNameLib === 'PhosphorIcon'\" p-icon=\"ICON_SORT_DESC\"></po-icon>\n      <svg\n        *ngIf=\"iconNameLib === 'PoIcon'\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M9.70711 13.2929L11 14.5858V7C11 6.44772 11.4477 6 12 6C12.5523 6 13 6.44772 13 7V14.5858L14.2929 13.2929C14.6834 12.9024 15.3166 12.9024 15.7071 13.2929C16.0976 13.6834 16.0976 14.3166 15.7071 14.7071L12.7071 17.7071C12.3166 18.0976 11.6834 18.0976 11.2929 17.7071L8.29289 14.7071C7.90237 14.3166 7.90237 13.6834 8.29289 13.2929C8.68342 12.9024 9.31658 12.9024 9.70711 13.2929Z\"\n          fill=\"black\"\n        />\n      </svg>\n    </ng-container>\n  </span>\n</ng-template>\n\n<ng-template #noColumnsWithHeight>\n  <div class=\"po-table-header-fixed-inner\" [style.width.px]=\"headerWidth\">\n    {{ hasValidColumns ? literals.noVisibleColumn : literals.noColumns }}\n  </div>\n</ng-template>\n\n<ng-template #noColumnsWithoutHeight>\n  {{ hasValidColumns ? literals.noVisibleColumn : literals.noColumns }}\n</ng-template>\n\n<!-- Template de a\u00E7\u00F5es -->\n<ng-template #ActionsColumnTemplate let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <td\n    *ngIf=\"isSingleAction\"\n    class=\"po-table-column po-table-column-single-action\"\n    [style.width.px]=\"height && actionRight ? getWidthColumnManager() : ''\"\n    [style.max-width.px]=\"height && !actionRight ? getColumnWidthActionsLeft() : ''\"\n    [style.width.px]=\"height && !actionRight ? getColumnWidthActionsLeft() : ''\"\n  >\n    <div\n      *ngIf=\"firstAction.visible !== false\"\n      class=\"po-table-single-action po-clickable\"\n      [class.po-table-action-disabled]=\"firstAction.disabled ? validateTableAction(row, firstAction) : false\"\n      (click)=\"executeTableAction(row, firstAction)\"\n    >\n      <po-icon *ngIf=\"firstAction.icon\" class=\"po-table-single-action-content\" [p-icon]=\"firstAction.icon\"></po-icon>\n      {{ firstAction.label }}\n    </div>\n  </td>\n\n  <td *ngIf=\"visibleActions.length > 1\" class=\"po-table-column-actions\">\n    <div #popupTarget class=\"po-clickable\" (click)=\"togglePopup(row, popupTarget)\">\n      <po-icon p-icon=\"ICON_MORE\"></po-icon>\n    </div>\n  </td>\n</ng-template>\n\n<po-table-column-manager\n  *ngIf=\"!hideColumnsManager\"\n  [p-columns]=\"columns\"\n  [p-max-columns]=\"maxColumns\"\n  [p-target]=\"columnManagerTarget\"\n  [p-last-visible-columns-selected]=\"lastVisibleColumnsSelected\"\n  [p-hide-action-fixed-columns]=\"hideActionFixedColumns\"\n  (p-visible-columns-change)=\"onVisibleColumnsChange($event)\"\n  (p-change-visible-columns)=\"onChangeVisibleColumns($event)\"\n  [p-columns-default]=\"initialColumns\"\n  (p-initial-columns)=\"onColumnRestoreManager($event)\"\n>\n</po-table-column-manager>\n\n<po-modal\n  #modalDelete\n  [p-title]=\"literals.delete\"\n  [p-primary-action]=\"confirm\"\n  [p-secondary-action]=\"close\"\n  [p-click-out]=\"true\"\n>\n  <p class=\"po-font-text-large\">{{ literals.bodyDelete }}</p>\n</po-modal>\n" }]
     }], () => [{ type: PoDateService }, { type: i0.IterableDiffers }, { type: i0.Renderer2 }, { type: PoLanguageService }, { type: i0.ChangeDetectorRef }, { type: i1.DecimalPipe }, { type: PoTableService }, { type: undefined, decorators: [{
                 type: Optional
             }, {